@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local(""), url("../fonts/roboto-v29-latin-300.woff2") format("woff2"), url("../Fonts/Roboto/roboto-v29-latin-300.woff") format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local(""), url("../Fonts/Roboto/roboto-v29-latin-300italic.woff2") format("woff2"), url("../Fonts/Roboto/roboto-v29-latin-300italic.woff") format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(""), url("../Fonts/Roboto/roboto-v29-latin-regular.woff2") format("woff2"), url("../Fonts/Roboto/roboto-v29-latin-regular.woff") format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local(""), url("../Fonts/Roboto/roboto-v29-latin-italic.woff2") format("woff2"), url("../Fonts/Roboto/roboto-v29-latin-italic.woff") format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local(""), url("../Fonts/Roboto/roboto-v29-latin-500.woff2") format("woff2"), url("../Fonts/Roboto/roboto-v29-latin-500.woff") format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local(""), url("../Fonts/Roboto/roboto-v29-latin-500italic.woff2") format("woff2"), url("../Fonts/Roboto/roboto-v29-latin-500italic.woff") format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(""), url("../Fonts/Roboto/roboto-v29-latin-700.woff2") format("woff2"), url("../Fonts/Roboto/roboto-v29-latin-700.woff") format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local(""), url("../Fonts/Roboto/roboto-v29-latin-700italic.woff2") format("woff2"), url("../Fonts/Roboto/roboto-v29-latin-700italic.woff") format("woff")
}

@font-face {
    font-family: "PT Serif";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(""), url("../Fonts/PTSerif/pt-serif-v12-latin-700.woff2") format("woff2"), url("../Fonts/PTSerif/pt-serif-v12-latin-700.woff") format("woff")
}

@font-face {
    font-family: "PT Serif";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local(""), url("../Fonts/PTSerif/pt-serif-v12-latin-700italic.woff2") format("woff2"), url("../Fonts/PTSerif/pt-serif-v12-latin-700italic.woff") format("woff")
}

@font-face {
    font-family: "STIX Two Text";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../Fonts/STIXTwoText/stix-two-text-v8-latin-regular.woff2") format("woff2"), url("../Fonts/STIXTwoText/stix-two-text-v8-latin-regular.woff") format("woff")
}

@font-face {
    font-family: "STIX Two Text";
    font-style: italic;
    font-weight: 400;
    src: local(""), url("../Fonts/STIXTwoText/stix-two-text-v8-latin-italic.woff2") format("woff2"), url("../Fonts/STIXTwoText/stix-two-text-v8-latin-italic.woff") format("woff")
}

@font-face {
    font-family: "STIX Two Text";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(""), url("../Fonts/STIXTwoText/stix-two-text-v4-latin-700.woff2") format("woff2"), url("../Fonts/STIXTwoText/stix-two-text-v4-latin-700.woff") format("woff")
}

@font-face {
    font-family: "STIX Two Text";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local(""), url("../Fonts/STIXTwoText/stix-two-text-v4-latin-700italic.woff2") format("woff2"), url("../Fonts/STIXTwoText/stix-two-text-v4-latin-700italic.woff") format("woff")
}

@font-face {
    font-family: "iconfont";
    src: url("../Fonts/iconfont.eot?d871b0084e911ed7e16226a16c0aa34d#iefix") format("embedded-opentype"), url("../Fonts/iconfont.woff2?d871b0084e911ed7e16226a16c0aa34d") format("woff2"), url("../Fonts/iconfont.woff?d871b0084e911ed7e16226a16c0aa34d") format("woff"), url("../Fonts/iconfont.ttf?d871b0084e911ed7e16226a16c0aa34d") format("truetype"), url("../Fonts/iconfont.svg?d871b0084e911ed7e16226a16c0aa34d#iconfont") format("svg")
}

i[class^=icon-]:before,
i[class*=" icon-"]:before {
    font-family: iconfont !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-font:before {
    content: ""
}

.container {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    max-width: 90.5rem;
    -webkit-padding-start: .75rem;
    padding-inline-start: .75rem;
    -webkit-padding-end: .75rem;
    padding-inline-end: .75rem;
    width: 100%
}

.container--small {
    max-width: 57.875rem
}

.container .container {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.flex {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

.flex:not(.flex--no-gutters):not(.flex--no-horizontal-gutters) {
    -webkit-margin-start: -0.75rem;
    margin-inline-start: -0.75rem;
    -webkit-margin-end: -0.75rem;
    margin-inline-end: -0.75rem
}

.flex:not(.flex--no-gutters):not(.flex--no-horizontal-gutters)>[class*=flex__] {
    -webkit-padding-start: .75rem;
    padding-inline-start: .75rem;
    -webkit-padding-end: .75rem;
    padding-inline-end: .75rem
}

.flex:not(.flex--no-gutters):not(.flex--no-vertical-gutters) {
    row-gap: 1.5rem
}

.flex--row-reverse {
    flex-direction: row-reverse
}

.flex--column {
    flex-direction: column
}

.flex--column-reverse {
    flex-direction: column-reverse
}

.flex--wrap-reverse {
    flex-wrap: wrap-reverse
}

.flex--nowrap {
    flex-wrap: nowrap
}

.flex--center {
    justify-content: center
}

.flex--right {
    justify-content: flex-end
}

.flex--space-between {
    justify-content: space-between
}

.flex--space-around {
    justify-content: space-around
}

.flex>.flex--stretch {
    align-self: stretch
}

.flex--top {
    align-items: flex-start
}

.flex>.flex--top {
    align-self: flex-start
}

.flex--bottom {
    align-items: flex-end
}

.flex>.flex--bottom {
    align-self: flex-end
}

.flex--middle {
    align-items: center
}

.flex>.flex--middle {
    align-self: center
}

.flex--baseline {
    align-items: baseline
}

.flex>.flex--baseline {
    align-self: baseline
}

[class*=flex__] {
    box-sizing: border-box;
    width: 100%
}

.flex__auto {
    flex: 1
}

.flex__1 {
    width: 8.3333333333%
}

.flex__2 {
    width: 16.6666666667%
}

.flex__3 {
    width: 25%
}

.flex__4 {
    width: 33.3333333333%
}

.flex__5 {
    width: 41.6666666667%
}

.flex__6 {
    width: 50%
}

.flex__7 {
    width: 58.3333333333%
}

.flex__8 {
    width: 66.6666666667%
}

.flex__9 {
    width: 75%
}

.flex__10 {
    width: 83.3333333333%
}

.flex__11 {
    width: 91.6666666667%
}

.flex__12 {
    width: 100%
}

.flex--order-1 {
    order: 1
}

.flex--order-2 {
    order: 2
}

.flex--order-3 {
    order: 3
}

.flex--order-4 {
    order: 4
}

.flex--order-5 {
    order: 5
}

.flex--order-6 {
    order: 6
}

.flex--order-7 {
    order: 7
}

.flex--order-8 {
    order: 8
}

.flex--order-9 {
    order: 9
}

.flex--order-10 {
    order: 10
}

.flex--order-11 {
    order: 11
}

.flex--order-12 {
    order: 12
}

.flex--offset-1 {
    -webkit-margin-start: 8.3333333333%;
    margin-inline-start: 8.3333333333%
}

.flex--offset-2 {
    -webkit-margin-start: 16.6666666667%;
    margin-inline-start: 16.6666666667%
}

.flex--offset-3 {
    -webkit-margin-start: 25%;
    margin-inline-start: 25%
}

.flex--offset-4 {
    -webkit-margin-start: 33.3333333333%;
    margin-inline-start: 33.3333333333%
}

.flex--offset-5 {
    -webkit-margin-start: 41.6666666667%;
    margin-inline-start: 41.6666666667%
}

.flex--offset-6 {
    -webkit-margin-start: 50%;
    margin-inline-start: 50%
}

.flex--offset-7 {
    -webkit-margin-start: 58.3333333333%;
    margin-inline-start: 58.3333333333%
}

.flex--offset-8 {
    -webkit-margin-start: 66.6666666667%;
    margin-inline-start: 66.6666666667%
}

.flex--offset-9 {
    -webkit-margin-start: 75%;
    margin-inline-start: 75%
}

.flex--offset-10 {
    -webkit-margin-start: 83.3333333333%;
    margin-inline-start: 83.3333333333%
}

.flex--offset-11 {
    -webkit-margin-start: 91.6666666667%;
    margin-inline-start: 91.6666666667%
}

.flex--offset-12 {
    -webkit-margin-start: 100%;
    margin-inline-start: 100%
}

@media screen and (min-width: 31.25em) {
    .flex__sm-1 {
        width: 8.3333333333%
    }

    .flex__sm-2 {
        width: 16.6666666667%
    }

    .flex__sm-3 {
        width: 25%
    }

    .flex__sm-4 {
        width: 33.3333333333%
    }

    .flex__sm-5 {
        width: 41.6666666667%
    }

    .flex__sm-6 {
        width: 50%
    }

    .flex__sm-7 {
        width: 58.3333333333%
    }

    .flex__sm-8 {
        width: 66.6666666667%
    }

    .flex__sm-9 {
        width: 75%
    }

    .flex__sm-10 {
        width: 83.3333333333%
    }

    .flex__sm-11 {
        width: 91.6666666667%
    }

    .flex__sm-12 {
        width: 100%
    }

    .flex--offset-sm-1 {
        -webkit-margin-start: 8.3333333333%;
        margin-inline-start: 8.3333333333%
    }

    .flex--offset-sm-2 {
        -webkit-margin-start: 16.6666666667%;
        margin-inline-start: 16.6666666667%
    }

    .flex--offset-sm-3 {
        -webkit-margin-start: 25%;
        margin-inline-start: 25%
    }

    .flex--offset-sm-4 {
        -webkit-margin-start: 33.3333333333%;
        margin-inline-start: 33.3333333333%
    }

    .flex--offset-sm-5 {
        -webkit-margin-start: 41.6666666667%;
        margin-inline-start: 41.6666666667%
    }

    .flex--offset-sm-6 {
        -webkit-margin-start: 50%;
        margin-inline-start: 50%
    }

    .flex--offset-sm-7 {
        -webkit-margin-start: 58.3333333333%;
        margin-inline-start: 58.3333333333%
    }

    .flex--offset-sm-8 {
        -webkit-margin-start: 66.6666666667%;
        margin-inline-start: 66.6666666667%
    }

    .flex--offset-sm-9 {
        -webkit-margin-start: 75%;
        margin-inline-start: 75%
    }

    .flex--offset-sm-10 {
        -webkit-margin-start: 83.3333333333%;
        margin-inline-start: 83.3333333333%
    }

    .flex--offset-sm-11 {
        -webkit-margin-start: 91.6666666667%;
        margin-inline-start: 91.6666666667%
    }

    .flex--offset-sm-12 {
        -webkit-margin-start: 100%;
        margin-inline-start: 100%
    }

    .flex--order-sm-1 {
        order: 1
    }

    .flex--order-sm-2 {
        order: 2
    }

    .flex--order-sm-3 {
        order: 3
    }

    .flex--order-sm-4 {
        order: 4
    }

    .flex--order-sm-5 {
        order: 5
    }

    .flex--order-sm-6 {
        order: 6
    }

    .flex--order-sm-7 {
        order: 7
    }

    .flex--order-sm-8 {
        order: 8
    }

    .flex--order-sm-9 {
        order: 9
    }

    .flex--order-sm-10 {
        order: 10
    }

    .flex--order-sm-11 {
        order: 11
    }

    .flex--order-sm-12 {
        order: 12
    }
}

@media screen and (min-width: 43.75em) {
    .flex__md-1 {
        width: 8.3333333333%
    }

    .flex__md-2 {
        width: 16.6666666667%
    }

    .flex__md-3 {
        width: 25%
    }

    .flex__md-4 {
        width: 33.3333333333%
    }

    .flex__md-5 {
        width: 41.6666666667%
    }

    .flex__md-6 {
        width: 50%
    }

    .flex__md-7 {
        width: 58.3333333333%
    }

    .flex__md-8 {
        width: 66.6666666667%
    }

    .flex__md-9 {
        width: 75%
    }

    .flex__md-10 {
        width: 83.3333333333%
    }

    .flex__md-11 {
        width: 91.6666666667%
    }

    .flex__md-12 {
        width: 100%
    }

    .flex--offset-md-1 {
        -webkit-margin-start: 8.3333333333%;
        margin-inline-start: 8.3333333333%
    }

    .flex--offset-md-2 {
        -webkit-margin-start: 16.6666666667%;
        margin-inline-start: 16.6666666667%
    }

    .flex--offset-md-3 {
        -webkit-margin-start: 25%;
        margin-inline-start: 25%
    }

    .flex--offset-md-4 {
        -webkit-margin-start: 33.3333333333%;
        margin-inline-start: 33.3333333333%
    }

    .flex--offset-md-5 {
        -webkit-margin-start: 41.6666666667%;
        margin-inline-start: 41.6666666667%
    }

    .flex--offset-md-6 {
        -webkit-margin-start: 50%;
        margin-inline-start: 50%
    }

    .flex--offset-md-7 {
        -webkit-margin-start: 58.3333333333%;
        margin-inline-start: 58.3333333333%
    }

    .flex--offset-md-8 {
        -webkit-margin-start: 66.6666666667%;
        margin-inline-start: 66.6666666667%
    }

    .flex--offset-md-9 {
        -webkit-margin-start: 75%;
        margin-inline-start: 75%
    }

    .flex--offset-md-10 {
        -webkit-margin-start: 83.3333333333%;
        margin-inline-start: 83.3333333333%
    }

    .flex--offset-md-11 {
        -webkit-margin-start: 91.6666666667%;
        margin-inline-start: 91.6666666667%
    }

    .flex--offset-md-12 {
        -webkit-margin-start: 100%;
        margin-inline-start: 100%
    }

    .flex--order-md-1 {
        order: 1
    }

    .flex--order-md-2 {
        order: 2
    }

    .flex--order-md-3 {
        order: 3
    }

    .flex--order-md-4 {
        order: 4
    }

    .flex--order-md-5 {
        order: 5
    }

    .flex--order-md-6 {
        order: 6
    }

    .flex--order-md-7 {
        order: 7
    }

    .flex--order-md-8 {
        order: 8
    }

    .flex--order-md-9 {
        order: 9
    }

    .flex--order-md-10 {
        order: 10
    }

    .flex--order-md-11 {
        order: 11
    }

    .flex--order-md-12 {
        order: 12
    }
}

@media screen and (min-width: 62.5em) {
    .flex__lg-1 {
        width: 8.3333333333%
    }

    .flex__lg-2 {
        width: 16.6666666667%
    }

    .flex__lg-3 {
        width: 25%
    }

    .flex__lg-4 {
        width: 33.3333333333%
    }

    .flex__lg-5 {
        width: 41.6666666667%
    }

    .flex__lg-6 {
        width: 50%
    }

    .flex__lg-7 {
        width: 58.3333333333%
    }

    .flex__lg-8 {
        width: 66.6666666667%
    }

    .flex__lg-9 {
        width: 75%
    }

    .flex__lg-10 {
        width: 83.3333333333%
    }

    .flex__lg-11 {
        width: 91.6666666667%
    }

    .flex__lg-12 {
        width: 100%
    }

    .flex--offset-lg-1 {
        -webkit-margin-start: 8.3333333333%;
        margin-inline-start: 8.3333333333%
    }

    .flex--offset-lg-2 {
        -webkit-margin-start: 16.6666666667%;
        margin-inline-start: 16.6666666667%
    }

    .flex--offset-lg-3 {
        -webkit-margin-start: 25%;
        margin-inline-start: 25%
    }

    .flex--offset-lg-4 {
        -webkit-margin-start: 33.3333333333%;
        margin-inline-start: 33.3333333333%
    }

    .flex--offset-lg-5 {
        -webkit-margin-start: 41.6666666667%;
        margin-inline-start: 41.6666666667%
    }

    .flex--offset-lg-6 {
        -webkit-margin-start: 50%;
        margin-inline-start: 50%
    }

    .flex--offset-lg-7 {
        -webkit-margin-start: 58.3333333333%;
        margin-inline-start: 58.3333333333%
    }

    .flex--offset-lg-8 {
        -webkit-margin-start: 66.6666666667%;
        margin-inline-start: 66.6666666667%
    }

    .flex--offset-lg-9 {
        -webkit-margin-start: 75%;
        margin-inline-start: 75%
    }

    .flex--offset-lg-10 {
        -webkit-margin-start: 83.3333333333%;
        margin-inline-start: 83.3333333333%
    }

    .flex--offset-lg-11 {
        -webkit-margin-start: 91.6666666667%;
        margin-inline-start: 91.6666666667%
    }

    .flex--offset-lg-12 {
        -webkit-margin-start: 100%;
        margin-inline-start: 100%
    }

    .flex--order-lg-1 {
        order: 1
    }

    .flex--order-lg-2 {
        order: 2
    }

    .flex--order-lg-3 {
        order: 3
    }

    .flex--order-lg-4 {
        order: 4
    }

    .flex--order-lg-5 {
        order: 5
    }

    .flex--order-lg-6 {
        order: 6
    }

    .flex--order-lg-7 {
        order: 7
    }

    .flex--order-lg-8 {
        order: 8
    }

    .flex--order-lg-9 {
        order: 9
    }

    .flex--order-lg-10 {
        order: 10
    }

    .flex--order-lg-11 {
        order: 11
    }

    .flex--order-lg-12 {
        order: 12
    }
}

@media screen and (min-width: 75em) {
    .flex__xl-1 {
        width: 8.3333333333%
    }

    .flex__xl-2 {
        width: 16.6666666667%
    }

    .flex__xl-3 {
        width: 25%
    }

    .flex__xl-4 {
        width: 33.3333333333%
    }

    .flex__xl-5 {
        width: 41.6666666667%
    }

    .flex__xl-6 {
        width: 50%
    }

    .flex__xl-7 {
        width: 58.3333333333%
    }

    .flex__xl-8 {
        width: 66.6666666667%
    }

    .flex__xl-9 {
        width: 75%
    }

    .flex__xl-10 {
        width: 83.3333333333%
    }

    .flex__xl-11 {
        width: 91.6666666667%
    }

    .flex__xl-12 {
        width: 100%
    }

    .flex--offset-xl-1 {
        -webkit-margin-start: 8.3333333333%;
        margin-inline-start: 8.3333333333%
    }

    .flex--offset-xl-2 {
        -webkit-margin-start: 16.6666666667%;
        margin-inline-start: 16.6666666667%
    }

    .flex--offset-xl-3 {
        -webkit-margin-start: 25%;
        margin-inline-start: 25%
    }

    .flex--offset-xl-4 {
        -webkit-margin-start: 33.3333333333%;
        margin-inline-start: 33.3333333333%
    }

    .flex--offset-xl-5 {
        -webkit-margin-start: 41.6666666667%;
        margin-inline-start: 41.6666666667%
    }

    .flex--offset-xl-6 {
        -webkit-margin-start: 50%;
        margin-inline-start: 50%
    }

    .flex--offset-xl-7 {
        -webkit-margin-start: 58.3333333333%;
        margin-inline-start: 58.3333333333%
    }

    .flex--offset-xl-8 {
        -webkit-margin-start: 66.6666666667%;
        margin-inline-start: 66.6666666667%
    }

    .flex--offset-xl-9 {
        -webkit-margin-start: 75%;
        margin-inline-start: 75%
    }

    .flex--offset-xl-10 {
        -webkit-margin-start: 83.3333333333%;
        margin-inline-start: 83.3333333333%
    }

    .flex--offset-xl-11 {
        -webkit-margin-start: 91.6666666667%;
        margin-inline-start: 91.6666666667%
    }

    .flex--offset-xl-12 {
        -webkit-margin-start: 100%;
        margin-inline-start: 100%
    }

    .flex--order-xl-1 {
        order: 1
    }

    .flex--order-xl-2 {
        order: 2
    }

    .flex--order-xl-3 {
        order: 3
    }

    .flex--order-xl-4 {
        order: 4
    }

    .flex--order-xl-5 {
        order: 5
    }

    .flex--order-xl-6 {
        order: 6
    }

    .flex--order-xl-7 {
        order: 7
    }

    .flex--order-xl-8 {
        order: 8
    }

    .flex--order-xl-9 {
        order: 9
    }

    .flex--order-xl-10 {
        order: 10
    }

    .flex--order-xl-11 {
        order: 11
    }

    .flex--order-xl-12 {
        order: 12
    }
}

@keyframes plyr-progress {
    to {
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plyr-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0
}

.plyr video,
.plyr audio,
.plyr iframe {
    display: block;
    height: 100%;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui *::after,
.plyr--full-ui *::before {
    box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    touch-action: manipulation
}

.plyr__badge {
    background: var(--plyr-badge-background, hsl(216deg, 15%, 34%));
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: var(--plyr-badge-text-color, #fff);
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

.plyr__captions span:empty {
    display: none
}

@media(min-width: 480px) {
    .plyr__captions {
        font-size: var(--plyr-font-size-base, 15px);
        padding: calc(var(--plyr-control-spacing, 10px) * 2)
    }
}

@media(min-width: 768px) {
    .plyr__captions {
        font-size: var(--plyr-font-size-large, 18px)
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4))
}

.plyr__caption {
    background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__caption div {
    display: inline
}

.plyr__control {
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: var(--plyr-control-radius, 3px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
    position: relative;
    transition: all .3s ease
}

.plyr__control svg {
    display: block;
    fill: currentColor;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: var(--plyr-control-icon-size, 18px)
}

.plyr__control:focus {
    outline: 0
}

.plyr__control.plyr__tab-focus {
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%)))) dotted 3px;
    outline-offset: 2px
}

a.plyr__control {
    text-decoration: none
}

a.plyr__control::after,
a.plyr__control::before {
    display: none
}

.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
.plyr__control.plyr__control--pressed .label--not-pressed {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0
}

.plyr__controls .plyr__controls__item {
    margin-left: calc(var(--plyr-control-spacing, 10px) / 4)
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: calc(var(--plyr-control-spacing, 10px) / 4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 calc(var(--plyr-control-spacing, 10px) / 2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time {
    padding-left: 0
}

.plyr__controls:empty {
    display: none
}

.plyr [data-plyr=captions],
.plyr [data-plyr=pip],
.plyr [data-plyr=airplay],
.plyr [data-plyr=fullscreen] {
    display: none
}

.plyr--captions-enabled [data-plyr=captions],
.plyr--pip-supported [data-plyr=pip],
.plyr--airplay-supported [data-plyr=airplay],
.plyr--fullscreen-enabled [data-plyr=fullscreen] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
    border-radius: var(--plyr-menu-radius, 4px);
    bottom: 100%;
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    color: var(--plyr-menu-color, hsl(216deg, 15%, 34%));
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(0.4, 0, 0.2, 1), width .35s cubic-bezier(0.4, 0, 0.2, 1)
}

.plyr__menu__container::after {
    border: var(--plyr-menu-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
    content: "";
    height: 0;
    position: absolute;
    right: calc(((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7)) - (var(--plyr-menu-arrow-size, 4px) / 2));
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: calc(var(--plyr-control-spacing, 10px) * 0.7)
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: var(--plyr-menu-color, hsl(216deg, 15%, 34%));
    display: flex;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5) calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control::after {
    border: var(--plyr-menu-item-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4)
}

.plyr__menu__container .plyr__control--forward::after {
    border-left-color: var(--plyr-menu-arrow-color, hsl(216deg, 15%, 52%));
    right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
    border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
    margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
    padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
    position: relative;
    width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2))
}

.plyr__menu__container .plyr__control--back::after {
    border-right-color: var(--plyr-menu-arrow-color, hsl(216deg, 15%, 52%));
    left: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back::before {
    background: var(--plyr-menu-back-border-color, hsl(216deg, 15%, 88%));
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
    border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]::before,
.plyr__menu__container .plyr__control[role=menuitemradio]::after {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]::before {
    background: rgba(0, 0, 0, .1);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: var(--plyr-control-spacing, 10px);
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease, opacity .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%))))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
    background: rgba(35, 40, 47, .1)
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2px)*-1);
    overflow: hidden;
    padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5);
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%))));
    display: block;
    height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none;
    background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%))
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height, 13px);
    -webkit-appearance: none;
    appearance: none;
    margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1)
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: var(--plyr-range-track-height, 5px);
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -moz-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: var(--plyr-range-track-height, 5px)
}

.plyr--full-ui input[type=range]::-ms-track {
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none;
    color: rgba(0, 0, 0, 0)
}

.plyr--full-ui input[type=range]::-ms-fill-upper {
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none;
    background: currentColor
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height, 13px);
    margin-top: 0
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%)))) dotted 3px;
    outline-offset: 2px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%)))) dotted 3px;
    outline-offset: 2px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%)))) dotted 3px;
    outline-offset: 2px
}

.plyr__poster {
    background-color: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display: none
}

.plyr__time {
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__time+.plyr__time::before {
    content: "⁄";
    margin-right: var(--plyr-control-spacing, 10px)
}

@media(max-width: 767px) {
    .plyr__time+.plyr__time {
        display: none
    }
}

.plyr__tooltip {
    background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    border-radius: var(--plyr-tooltip-radius, 5px);
    bottom: 100%;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    color: var(--plyr-tooltip-color, hsl(216deg, 15%, 34%));
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
    opacity: 0;
    padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(0.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip::before {
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%, 0) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translate(0, 10px) scale(0.8);
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before {
    left: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7))
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translate(0, 10px) scale(0.8);
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7));
    transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible {
    transform: translate(0, 0) scale(1)
}

.plyr__progress {
    left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
    margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
    margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
    width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    left: 0;
    max-width: 120px;
    overflow-wrap: break-word
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 100px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: calc((var(--plyr-range-track-height, 5px) / 2)*-1);
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: rgba(0, 0, 0, 0)
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -ms-transition: width .2s ease;
    transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: rgba(0, 0, 0, 0)
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
}

.plyr__progress__marker {
    background-color: var(--plyr-progress-marker-background, #fff);
    border-radius: 1px;
    height: var(--plyr-range-track-height, 5px);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: var(--plyr-progress-marker-width, 3px);
    z-index: 3
}

.plyr__volume {
    align-items: center;
    display: flex;
    max-width: 110px;
    min-width: 80px;
    position: relative;
    width: 20%
}

.plyr__volume input[type=range] {
    margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
    margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
    position: relative;
    z-index: 2
}

.plyr--is-ios .plyr__volume {
    min-width: 0;
    width: auto
}

.plyr--audio {
    display: block
}

.plyr--audio .plyr__controls {
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: var(--plyr-audio-control-color, hsl(216deg, 15%, 34%));
    padding: var(--plyr-control-spacing, 10px)
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%))));
    color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1))
}

.plyr--audio .plyr__progress__buffer {
    color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
}

.plyr--video {
    background: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9
}

@supports not (aspect-ratio: 16/9) {

    .plyr__video-embed,
    .plyr__video-wrapper--fixed-ratio {
        height: 0;
        padding-bottom: 56.25%;
        position: relative
    }
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: calc(var(--plyr-control-spacing, 10px) / 2);
    padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    z-index: 3
}

@media(min-width: 480px) {
    .plyr--video .plyr__controls {
        padding: var(--plyr-control-spacing, 10px);
        padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%))));
    color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%))));
    border: 0;
    border-radius: 100%;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr__control--overlaid:hover,
.plyr__control--overlaid:focus {
    opacity: 1
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))
}

.plyr--video .plyr__progress__buffer {
    color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media(min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px)
    }

    .plyr:fullscreen .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media(min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads>div,
.plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads::after {
    background: #23282f;
    border-radius: 2px;
    bottom: var(--plyr-control-spacing, 10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3
}

.plyr__ads:empty::after {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    border-radius: var(--plyr-tooltip-radius, 5px);
    bottom: 100%;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    transform: translate(0, 10px) scale(0.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0, 0) scale(1)
}

.plyr__preview-thumb::before {
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
    content: "";
    height: 0;
    left: calc(50% + var(--preview-arrow-offset));
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container::after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr__preview-thumb__image-container::after {
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    content: "";
    pointer-events: none
}

.plyr__preview-thumb__image-container img {
    max-height: none;
    max-width: none
}

.plyr__preview-thumb__time-container {
    background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
    border-bottom-left-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
    border-bottom-right-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
    bottom: 0;
    left: 0;
    line-height: 1.1;
    padding: 20px 6px 6px;
    position: absolute;
    right: 0;
    z-index: 3
}

.plyr__preview-thumb__time-container span {
    color: #fff;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    transition: none !important
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    border: 0 !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.plyr [hidden] {
    display: none !important
}

.margin-top-s {
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem
}

.margin-top-m {
    -webkit-margin-before: 3rem;
    margin-block-start: 3rem
}

.margin-top-l {
    -webkit-margin-before: 3.5rem;
    margin-block-start: 3.5rem
}

.margin-top-xl {
    -webkit-margin-before: 4.125rem;
    margin-block-start: 4.125rem
}

.padding-top-m {
    -webkit-padding-before: 3rem;
    padding-block-start: 3rem
}

.padding-top-l {
    -webkit-padding-before: 3.5rem;
    padding-block-start: 3.5rem
}

.padding-top-xl {
    -webkit-padding-before: 4.125rem;
    padding-block-start: 4.125rem
}

@media screen and (min-width: 31.25em) {
    .margin-top-s {
        -webkit-margin-before: 1.5rem;
        margin-block-start: 1.5rem
    }

    .margin-top-m {
        -webkit-margin-before: 3rem;
        margin-block-start: 3rem
    }

    .margin-top-l {
        -webkit-margin-before: 3.5rem;
        margin-block-start: 3.5rem
    }

    .margin-top-xl {
        -webkit-margin-before: 4.125rem;
        margin-block-start: 4.125rem
    }

    .padding-top-m {
        -webkit-padding-before: 3rem;
        padding-block-start: 3rem
    }

    .padding-top-l {
        -webkit-padding-before: 3.5rem;
        padding-block-start: 3.5rem
    }

    .padding-top-xl {
        -webkit-padding-before: 4.125rem;
        padding-block-start: 4.125rem
    }
}

@media screen and (min-width: 43.75em) {
    .margin-top-s {
        -webkit-margin-before: 1.5rem;
        margin-block-start: 1.5rem
    }

    .margin-top-m {
        -webkit-margin-before: 3rem;
        margin-block-start: 3rem
    }

    .margin-top-l {
        -webkit-margin-before: 3.5rem;
        margin-block-start: 3.5rem
    }

    .margin-top-xl {
        -webkit-margin-before: 4.125rem;
        margin-block-start: 4.125rem
    }

    .padding-top-m {
        -webkit-padding-before: 3rem;
        padding-block-start: 3rem
    }

    .padding-top-l {
        -webkit-padding-before: 3.5rem;
        padding-block-start: 3.5rem
    }

    .padding-top-xl {
        -webkit-padding-before: 4.125rem;
        padding-block-start: 4.125rem
    }
}

@media screen and (min-width: 62.5em) {
    .margin-top-s {
        -webkit-margin-before: 1.5rem;
        margin-block-start: 1.5rem
    }

    .margin-top-m {
        -webkit-margin-before: 3rem;
        margin-block-start: 3rem
    }

    .margin-top-l {
        -webkit-margin-before: 3.5rem;
        margin-block-start: 3.5rem
    }

    .margin-top-xl {
        -webkit-margin-before: 4.125rem;
        margin-block-start: 4.125rem
    }

    .padding-top-m {
        -webkit-padding-before: 3rem;
        padding-block-start: 3rem
    }

    .padding-top-l {
        -webkit-padding-before: 3.5rem;
        padding-block-start: 3.5rem
    }

    .padding-top-xl {
        -webkit-padding-before: 4.125rem;
        padding-block-start: 4.125rem
    }
}

@media screen and (min-width: 75em) {
    .margin-top-s {
        -webkit-margin-before: 1.5rem;
        margin-block-start: 1.5rem
    }

    .margin-top-m {
        -webkit-margin-before: 3rem;
        margin-block-start: 3rem
    }

    .margin-top-l {
        -webkit-margin-before: 3.5rem;
        margin-block-start: 3.5rem
    }

    .margin-top-xl {
        -webkit-margin-before: 4.125rem;
        margin-block-start: 4.125rem
    }

    .padding-top-m {
        -webkit-padding-before: 3rem;
        padding-block-start: 3rem
    }

    .padding-top-l {
        -webkit-padding-before: 3.5rem;
        padding-block-start: 3.5rem
    }

    .padding-top-xl {
        -webkit-padding-before: 4.125rem;
        padding-block-start: 4.125rem
    }
}

.margin-bottom-s {
    -webkit-margin-after: 1.5rem;
    margin-block-end: 1.5rem
}

.margin-bottom-m {
    -webkit-margin-after: 3rem;
    margin-block-end: 3rem
}

.margin-bottom-l {
    -webkit-margin-after: 3.5rem;
    margin-block-end: 3.5rem
}

.margin-bottom-xl {
    -webkit-margin-after: 4.125rem;
    margin-block-end: 4.125rem
}

.padding-bottom-m {
    -webkit-padding-after: 3rem;
    padding-block-end: 3rem
}

.padding-bottom-l {
    -webkit-padding-after: 3.5rem;
    padding-block-end: 3.5rem
}

.padding-bottom-xl {
    -webkit-padding-after: 4.125rem;
    padding-block-end: 4.125rem
}

@media screen and (min-width: 31.25em) {
    .margin-bottom-s {
        -webkit-margin-after: 1.5rem;
        margin-block-end: 1.5rem
    }

    .margin-bottom-m {
        -webkit-margin-after: 3rem;
        margin-block-end: 3rem
    }

    .margin-bottom-l {
        -webkit-margin-after: 3.5rem;
        margin-block-end: 3.5rem
    }

    .margin-bottom-xl {
        -webkit-margin-after: 4.125rem;
        margin-block-end: 4.125rem
    }

    .padding-bottom-m {
        -webkit-padding-after: 3rem;
        padding-block-end: 3rem
    }

    .padding-bottom-l {
        -webkit-padding-after: 3.5rem;
        padding-block-end: 3.5rem
    }

    .padding-bottom-xl {
        -webkit-padding-after: 4.125rem;
        padding-block-end: 4.125rem
    }
}

@media screen and (min-width: 43.75em) {
    .margin-bottom-s {
        -webkit-margin-after: 1.5rem;
        margin-block-end: 1.5rem
    }

    .margin-bottom-m {
        -webkit-margin-after: 3rem;
        margin-block-end: 3rem
    }

    .margin-bottom-l {
        -webkit-margin-after: 3.5rem;
        margin-block-end: 3.5rem
    }

    .margin-bottom-xl {
        -webkit-margin-after: 4.125rem;
        margin-block-end: 4.125rem
    }

    .padding-bottom-m {
        -webkit-padding-after: 3rem;
        padding-block-end: 3rem
    }

    .padding-bottom-l {
        -webkit-padding-after: 3.5rem;
        padding-block-end: 3.5rem
    }

    .padding-bottom-xl {
        -webkit-padding-after: 4.125rem;
        padding-block-end: 4.125rem
    }
}

@media screen and (min-width: 62.5em) {
    .margin-bottom-s {
        -webkit-margin-after: 1.5rem;
        margin-block-end: 1.5rem
    }

    .margin-bottom-m {
        -webkit-margin-after: 3rem;
        margin-block-end: 3rem
    }

    .margin-bottom-l {
        -webkit-margin-after: 3.5rem;
        margin-block-end: 3.5rem
    }

    .margin-bottom-xl {
        -webkit-margin-after: 4.125rem;
        margin-block-end: 4.125rem
    }

    .padding-bottom-m {
        -webkit-padding-after: 3rem;
        padding-block-end: 3rem
    }

    .padding-bottom-l {
        -webkit-padding-after: 3.5rem;
        padding-block-end: 3.5rem
    }

    .padding-bottom-xl {
        -webkit-padding-after: 4.125rem;
        padding-block-end: 4.125rem
    }
}

@media screen and (min-width: 75em) {
    .margin-bottom-s {
        -webkit-margin-after: 1.5rem;
        margin-block-end: 1.5rem
    }

    .margin-bottom-m {
        -webkit-margin-after: 3rem;
        margin-block-end: 3rem
    }

    .margin-bottom-l {
        -webkit-margin-after: 3.5rem;
        margin-block-end: 3.5rem
    }

    .margin-bottom-xl {
        -webkit-margin-after: 4.125rem;
        margin-block-end: 4.125rem
    }

    .padding-bottom-m {
        -webkit-padding-after: 3rem;
        padding-block-end: 3rem
    }

    .padding-bottom-l {
        -webkit-padding-after: 3.5rem;
        padding-block-end: 3.5rem
    }

    .padding-bottom-xl {
        -webkit-padding-after: 4.125rem;
        padding-block-end: 4.125rem
    }
}

.margin-top-bottom-s {
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem;
    -webkit-margin-after: 1.5rem;
    margin-block-end: 1.5rem
}

.margin-top-bottom-m {
    -webkit-margin-before: 3rem;
    margin-block-start: 3rem;
    -webkit-margin-after: 3rem;
    margin-block-end: 3rem
}

.margin-top-bottom-l {
    -webkit-margin-before: 3.5rem;
    margin-block-start: 3.5rem;
    -webkit-margin-after: 3.5rem;
    margin-block-end: 3.5rem
}

.margin-top-bottom-xl {
    -webkit-margin-before: 4.125rem;
    margin-block-start: 4.125rem;
    -webkit-margin-after: 4.125rem;
    margin-block-end: 4.125rem
}

.padding-top-bottom-m {
    -webkit-padding-before: 3rem;
    padding-block-start: 3rem;
    -webkit-padding-after: 3rem;
    padding-block-end: 3rem
}

.padding-top-bottom-l {
    -webkit-padding-before: 3.5rem;
    padding-block-start: 3.5rem;
    -webkit-padding-after: 3.5rem;
    padding-block-end: 3.5rem
}

.padding-top-bottom-xl {
    -webkit-padding-before: 4.125rem;
    padding-block-start: 4.125rem;
    -webkit-padding-after: 4.125rem;
    padding-block-end: 4.125rem
}

@media screen and (min-width: 31.25em) {
    .margin-top-bottom-s {
        -webkit-margin-before: 1.5rem;
        margin-block-start: 1.5rem;
        -webkit-margin-after: 1.5rem;
        margin-block-end: 1.5rem
    }

    .margin-top-bottom-m {
        -webkit-margin-before: 3rem;
        margin-block-start: 3rem;
        -webkit-margin-after: 3rem;
        margin-block-end: 3rem
    }

    .margin-top-bottom-l {
        -webkit-margin-before: 3.5rem;
        margin-block-start: 3.5rem;
        -webkit-margin-after: 3.5rem;
        margin-block-end: 3.5rem
    }

    .margin-top-bottom-xl {
        -webkit-margin-before: 4.125rem;
        margin-block-start: 4.125rem;
        -webkit-margin-after: 4.125rem;
        margin-block-end: 4.125rem
    }

    .padding-top-bottom-m {
        -webkit-padding-before: 3rem;
        padding-block-start: 3rem;
        -webkit-padding-after: 3rem;
        padding-block-end: 3rem
    }

    .padding-top-bottom-l {
        -webkit-padding-before: 3.5rem;
        padding-block-start: 3.5rem;
        -webkit-padding-after: 3.5rem;
        padding-block-end: 3.5rem
    }

    .padding-top-bottom-xl {
        -webkit-padding-before: 4.125rem;
        padding-block-start: 4.125rem;
        -webkit-padding-after: 4.125rem;
        padding-block-end: 4.125rem
    }
}

@media screen and (min-width: 43.75em) {
    .margin-top-bottom-s {
        -webkit-margin-before: 1.5rem;
        margin-block-start: 1.5rem;
        -webkit-margin-after: 1.5rem;
        margin-block-end: 1.5rem
    }

    .margin-top-bottom-m {
        -webkit-margin-before: 3rem;
        margin-block-start: 3rem;
        -webkit-margin-after: 3rem;
        margin-block-end: 3rem
    }

    .margin-top-bottom-l {
        -webkit-margin-before: 3.5rem;
        margin-block-start: 3.5rem;
        -webkit-margin-after: 3.5rem;
        margin-block-end: 3.5rem
    }

    .margin-top-bottom-xl {
        -webkit-margin-before: 4.125rem;
        margin-block-start: 4.125rem;
        -webkit-margin-after: 4.125rem;
        margin-block-end: 4.125rem
    }

    .padding-top-bottom-m {
        -webkit-padding-before: 3rem;
        padding-block-start: 3rem;
        -webkit-padding-after: 3rem;
        padding-block-end: 3rem
    }

    .padding-top-bottom-l {
        -webkit-padding-before: 3.5rem;
        padding-block-start: 3.5rem;
        -webkit-padding-after: 3.5rem;
        padding-block-end: 3.5rem
    }

    .padding-top-bottom-xl {
        -webkit-padding-before: 4.125rem;
        padding-block-start: 4.125rem;
        -webkit-padding-after: 4.125rem;
        padding-block-end: 4.125rem
    }
}

@media screen and (min-width: 62.5em) {
    .margin-top-bottom-s {
        -webkit-margin-before: 1.5rem;
        margin-block-start: 1.5rem;
        -webkit-margin-after: 1.5rem;
        margin-block-end: 1.5rem
    }

    .margin-top-bottom-m {
        -webkit-margin-before: 3rem;
        margin-block-start: 3rem;
        -webkit-margin-after: 3rem;
        margin-block-end: 3rem
    }

    .margin-top-bottom-l {
        -webkit-margin-before: 3.5rem;
        margin-block-start: 3.5rem;
        -webkit-margin-after: 3.5rem;
        margin-block-end: 3.5rem
    }

    .margin-top-bottom-xl {
        -webkit-margin-before: 4.125rem;
        margin-block-start: 4.125rem;
        -webkit-margin-after: 4.125rem;
        margin-block-end: 4.125rem
    }

    .padding-top-bottom-m {
        -webkit-padding-before: 3rem;
        padding-block-start: 3rem;
        -webkit-padding-after: 3rem;
        padding-block-end: 3rem
    }

    .padding-top-bottom-l {
        -webkit-padding-before: 3.5rem;
        padding-block-start: 3.5rem;
        -webkit-padding-after: 3.5rem;
        padding-block-end: 3.5rem
    }

    .padding-top-bottom-xl {
        -webkit-padding-before: 4.125rem;
        padding-block-start: 4.125rem;
        -webkit-padding-after: 4.125rem;
        padding-block-end: 4.125rem
    }
}

@media screen and (min-width: 75em) {
    .margin-top-bottom-s {
        -webkit-margin-before: 1.5rem;
        margin-block-start: 1.5rem;
        -webkit-margin-after: 1.5rem;
        margin-block-end: 1.5rem
    }

    .margin-top-bottom-m {
        -webkit-margin-before: 3rem;
        margin-block-start: 3rem;
        -webkit-margin-after: 3rem;
        margin-block-end: 3rem
    }

    .margin-top-bottom-l {
        -webkit-margin-before: 3.5rem;
        margin-block-start: 3.5rem;
        -webkit-margin-after: 3.5rem;
        margin-block-end: 3.5rem
    }

    .margin-top-bottom-xl {
        -webkit-margin-before: 4.125rem;
        margin-block-start: 4.125rem;
        -webkit-margin-after: 4.125rem;
        margin-block-end: 4.125rem
    }

    .padding-top-bottom-m {
        -webkit-padding-before: 3rem;
        padding-block-start: 3rem;
        -webkit-padding-after: 3rem;
        padding-block-end: 3rem
    }

    .padding-top-bottom-l {
        -webkit-padding-before: 3.5rem;
        padding-block-start: 3.5rem;
        -webkit-padding-after: 3.5rem;
        padding-block-end: 3.5rem
    }

    .padding-top-bottom-xl {
        -webkit-padding-before: 4.125rem;
        padding-block-start: 4.125rem;
        -webkit-padding-after: 4.125rem;
        padding-block-end: 4.125rem
    }
}

.c-in2studyfinder-filter input[type=checkbox],
.skip-link:not(:focus),
.visually-hidden {
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    width: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important
}

:focus:not(:focus-visible) {
    outline: none
}

:focus-visible {
    outline-offset: 0.25rem
}

@media(prefers-reduced-motion: no-preference) {
    :focus-visible {
        transition: outline-offset .25s ease
    }
}

.skip-link {
    width: auto
}

.skip-link:focus {
    position: absolute;
    top: 1.625rem;
    left: 1.625rem;
    z-index: 1337
}

@media screen and (prefers-reduced-motion: reduce) {
    * {
        animation-delay: 0s !important;
        animation-duration: 0s !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important
    }
}

* {
    margin: 0;
    padding: 0
}

*,
*::before,
*::after {
    box-sizing: border-box
}

a,
button {
    touch-action: manipulation
}

img {
    display: block;
    max-width: 100%;
    height: auto
}

address {
    font-style: normal
}

video {
    display: block;
    width: 100%
}

.alertbox {
    border: 0.25rem solid
}

.alertbox__titlecontainer {
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
    -webkit-padding-after: 0.5rem;
    padding-block-end: 0.5rem;
    -webkit-padding-before: 0.25rem;
    padding-block-start: 0.25rem;
    -webkit-padding-end: 1.25rem;
    padding-inline-end: 1.25rem;
    -webkit-padding-start: 1.25rem;
    padding-inline-start: 1.25rem
}

.alertbox__titlecontainer--typetext {
    background-color: var(--tum-grey-7)
}

.alertbox__titlecontainer--typewarning {
    background-color: var(--tum-blue-dark);
    color: var(--white)
}

.alertbox__titlecontainer--typeinformation {
    background-color: var(--tum-grey-6)
}

.alertbox__titlecontainer--typeinformation .alertbox__title {
    display: inline-block;
    -webkit-margin-start: 2rem;
    margin-inline-start: 2rem;
    position: relative
}

.alertbox__titlecontainer--typeinformation .alertbox__title::before {
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: -2rem;
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M11 7h2v2h-2V7zm0 4h2v6h-2v-6zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z' fill='%23072140' fill-rule='nonzero'/></svg>")
}

.alertbox__titlecontainer--typewarninginverted .alertbox__title {
    -webkit-margin-start: 2rem;
    margin-inline-start: 2rem;
    position: relative
}

.alertbox__titlecontainer--typewarninginverted .alertbox__title::before {
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: -2rem;
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z' fill='%23FFFFFF' fill-rule='nonzero'/></svg>")
}

.alertbox__title {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5714285714;
    text-transform: uppercase
}

.alertbox--typetext {
    border-color: var(--tum-grey-7)
}

.alertbox--typewarning {
    border-color: var(--tum-blue-dark)
}

.alertbox--typewarninginverted {
    border-color: var(--tum-blue-dark);
    background-color: var(--tum-blue-dark);
    color: var(--white)
}

.alertbox--typeinformation {
    border-color: var(--tum-grey-6)
}

.alertbox__text {
    -webkit-padding-after: 1.25rem;
    padding-block-end: 1.25rem;
    -webkit-padding-end: 1.25rem;
    padding-inline-end: 1.25rem;
    -webkit-padding-start: 1.25rem;
    padding-inline-start: 1.25rem
}

:root {
    --black: #000000;
    --white: #FFFFFF;
    --tum-blue-brand: #3070B3;
    --plyr-color-main: var(--tum-blue-brand);
    --tum-blue-dark: #072140;
    --tum-blue-dark-1: #0A2D57;
    --tum-blue-dark-2: #0E396E;
    --tum-blue-dark-3: #114584;
    --tum-blue-dark-4: #14519A;
    --tum-blue-dark-5: #165DB1;
    --tum-blue-light: #5E94D4;
    --tum-blue-light-1: #9ABCE4;
    --tum-blue-light-2: #C2D7EF;
    --tum-blue-light-3: #D7E4F4;
    --tum-blue-light-4: #E3EEFA;
    --tum-blue-light-5: #F0F5FA;
    --tum-yellow: #FED702;
    --tum-yellow-dark: #CBAB01;
    --tum-yellow-1: #FEDE34;
    --tum-yellow-2: #FEE667;
    --tum-yellow-3: #FEEE9A;
    --tum-yellow-4: #FEF6CD;
    --tum-orange: #F7B11E;
    --tum-orange-dark: #D99208;
    --tum-orange-1: #F9BF4E;
    --tum-orange-2: #FAD080;
    --tum-orange-3: #FCE2B0;
    --tum-orange-4: #FEF4E1;
    --tum-orange-danger: #C24814;
    --tum-pink: #B55CA5;
    --tum-pink-dark: #9B468D;
    --tum-pink-1: #C680BB;
    --tum-pink-2: #D6A4CE;
    --tum-pink-3: #E6C7E1;
    --tum-pink-4: #F6EAF4;
    --tum-blue-bright: #8F81EA;
    --tum-blue-bright-dark: #6955E2;
    --tum-blue-bright-1: #B6ACF1;
    --tum-blue-bright-2: #C9C2F5;
    --tum-blue-bright-3: #DCD8F9;
    --tum-blue-bright-4: #EFEDFC;
    --tum-red: #EA7237;
    --tum-red-dark: #D95117;
    --tum-red-1: #EF9067;
    --tum-red-2: #F3B295;
    --tum-red-3: #F6C2AC;
    --tum-red-4: #FBE4DA;
    --tum-green: #9FBA36;
    --tum-green-dark: #7D922A;
    --tum-green-1: #B6CE55;
    --tum-green-2: #C7D97D;
    --tum-green-3: #D8E5A4;
    --tum-green-4: #E9F1CB;
    --tum-grey-1: #20252A;
    --tum-grey-2: #333A41;
    --tum-grey-3: #475058;
    --tum-grey-4: #6A757E;
    --tum-grey-5: #ABB5BE;
    --tum-grey-6: #CDD4DB;
    --tum-grey-7: #DDE2E6;
    --tum-grey-8: #E8ECEF;
    --tum-grey-9: #F8F9FA;
    --theme-color: var(--tum-blue-dark);
    --in2-modal-brand-color: var(--tum-blue-dark)
}

:target {
    scroll-margin-top: 3.25rem
}

:target::before {
    content: "";
    display: block;
    height: 5.125rem;
    margin: -5.125rem 0 0
}

html {
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    font-kerning: normal;
    overflow-anchor: none;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

@media screen and (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth
    }
}

body {
    background-color: var(--white);
    color: var(--tum-blue-dark)
}

img {
    aspect-ratio: attr(width)/attr(height)
}

blockquote p {
    quotes: "„" "“";
    text-indent: -1ex
}

@supports(hanging-punctuation: first) {
    blockquote p {
        text-indent: 0;
        hanging-punctuation: first
    }
}

:lang(en) blockquote p {
    quotes: "“" "”"
}

blockquote p::before {
    content: open-quote
}

blockquote p::after {
    content: close-quote
}

.c-contact {
    display: flex
}

.c-contact__image {
    display: inline-block;
    -webkit-margin-end: 1.5rem;
    margin-inline-end: 1.5rem;
    min-width: 4.6875rem
}

.c-contact__data {
    display: inline-block;
    color: var(--tum-blue-dark-1);
    font-family: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", helvetica, arial, sans-serif;
    font-size: 0.875rem;
    letter-spacing: .2px;
    line-height: 1.57
}

.c-contact__data span {
    display: block
}

.c-contact__data--name {
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.63;
    -webkit-padding-after: 0.75em;
    padding-block-end: 0.75em
}

.c-contact__data--address,
.c-contact__data--phone,
.c-contact__data--mail {
    display: block
}

.c-contact__data--address::before,
.c-contact__data--phone::before,
.c-contact__data--mail::before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 1.25em;
    vertical-align: text-bottom;
    width: 1.25em;
    -webkit-margin-end: 0.375em;
    margin-inline-end: 0.375em
}

.c-contact__data--address::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M12 1c4.41 0 8 3.59 8 8 0 2.045-1.29 4.776-3.871 8.193l-.5.65a54.38 54.38 0 0 1-.805 1.002l-.574.69-.605.704-.636.721-.665.737c-.113.125-.228.25-.344.375l-.344-.375-.665-.737-.636-.72-.605-.706-.574-.689a54.38 54.38 0 0 1-.805-1.003l-.5-.649C5.291 13.776 4 11.045 4 9c0-4.41 3.59-8 8-8zm0 2a6.01 6.01 0 0 0-6 6c0 1.544 1.14 3.9 3.444 6.954l.493.642.527.662c.272.336.556.679.852 1.03l.684.793.383-.442.595-.702c3.274-3.922 4.933-6.912 5.019-8.786L18 9c0-3.305-2.695-6-6-6zm0 4a2 2 0 1 1 0 4 2 2 0 0 1 0-4z' fill='%230A2D57' fill-rule='nonzero'/></svg>")
}

.c-contact__data--phone::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M20 4h-6.114l-1.332 5.327 3.189 2.995-.085.123a13.075 13.075 0 0 1-2.752 2.875l-.148.112-3.515-2.857L4 13.885V20h1c8.18 0 14.83-6.547 14.997-14.686L20 5V4zM8.758 14.757l2.208 1.796-.249.126a12.917 12.917 0 0 1-4.5 1.265L6 17.96v-2.514l2.758-.69zM15.448 6h2.514l-.018.217a12.917 12.917 0 0 1-1.141 4.24l-.038.08-1.986-1.865L15.448 6z' fill='%230A2D57' fill-rule='nonzero'/></svg>")
}

.c-contact__data--mail>a {
    font-weight: normal;
    text-decoration: none;
    color: var(--tum-blue-dark-1)
}

.c-contact__data--mail::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M22 4H2.01L2 20h20V4zm-2 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z' fill='%230A2D57' fill-rule='nonzero'/></svg>")
}

.c-contact__data--attachment a::before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 1.25em;
    -webkit-margin-end: 0.375em;
    margin-inline-end: 0.375em;
    vertical-align: text-bottom;
    width: 1.25em
}

.c-contact__data--attachment a[href^="/"]::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M5 17v2h14v-2h2v4H3v-4h2zm8.146-14.01.001 8.898 3.242-3.242 1.414 1.415-5.657 5.657L6.49 10.06l1.414-1.415 3.243 3.243v-8.9h2z' fill='%230A2D57' fill-rule='nonzero'/></svg>")
}

.c-contact__data--attachment a:not([href^="/"])::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8v-2z' fill='%230A2D57' fill-rule='nonzero'/></svg>")
}

.c-contact__data--workinghours {
    -webkit-padding-before: 1.3125em;
    padding-block-start: 1.3125em
}

.container--blue .c-contact__data,
.container--blue-dark .c-contact__data {
    color: var(--white)
}

.container--blue .c-contact__data--address::before,
.container--blue-dark .c-contact__data--address::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M12 1c4.41 0 8 3.59 8 8 0 2.045-1.29 4.776-3.871 8.193l-.5.65a54.38 54.38 0 0 1-.805 1.002l-.574.69-.605.704-.636.721-.665.737c-.113.125-.228.25-.344.375l-.344-.375-.665-.737-.636-.72-.605-.706-.574-.689a54.38 54.38 0 0 1-.805-1.003l-.5-.649C5.291 13.776 4 11.045 4 9c0-4.41 3.59-8 8-8zm0 2a6.01 6.01 0 0 0-6 6c0 1.544 1.14 3.9 3.444 6.954l.493.642.527.662c.272.336.556.679.852 1.03l.684.793.383-.442.595-.702c3.274-3.922 4.933-6.912 5.019-8.786L18 9c0-3.305-2.695-6-6-6zm0 4a2 2 0 1 1 0 4 2 2 0 0 1 0-4z' fill='%23ffffff' fill-rule='nonzero'/></svg>")
}

.container--blue .c-contact__data--phone::before,
.container--blue-dark .c-contact__data--phone::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M20 4h-6.114l-1.332 5.327 3.189 2.995-.085.123a13.075 13.075 0 0 1-2.752 2.875l-.148.112-3.515-2.857L4 13.885V20h1c8.18 0 14.83-6.547 14.997-14.686L20 5V4zM8.758 14.757l2.208 1.796-.249.126a12.917 12.917 0 0 1-4.5 1.265L6 17.96v-2.514l2.758-.69zM15.448 6h2.514l-.018.217a12.917 12.917 0 0 1-1.141 4.24l-.038.08-1.986-1.865L15.448 6z' fill='%23ffffff' fill-rule='nonzero'/></svg>")
}

.container--blue .c-contact__data--mail::before,
.container--blue-dark .c-contact__data--mail::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M22 4H2.01L2 20h20V4zm-2 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z' fill='%23ffffff' fill-rule='nonzero'/></svg>")
}

.container--blue .c-contact__data--attachment a[href^="/"]::before,
.container--blue-dark .c-contact__data--attachment a[href^="/"]::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M5 17v2h14v-2h2v4H3v-4h2zm8.146-14.01.001 8.898 3.242-3.242 1.414 1.415-5.657 5.657L6.49 10.06l1.414-1.415 3.243 3.243v-8.9h2z' fill='%23ffffff' fill-rule='nonzero'/></svg>")
}

.container--blue .c-contact__data--attachment a:not([href^="/"])::before,
.container--blue-dark .c-contact__data--attachment a:not([href^="/"])::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8v-2z' fill='%23ffffff' fill-rule='nonzero'/></svg>")
}

.in2-modal {
    background-color: var(--white);
    -webkit-margin-end: 1.5rem;
    margin-inline-end: 1.5rem;
    -webkit-margin-start: 1.5rem;
    margin-inline-start: 1.5rem;
    max-height: 80vh;
    overflow-y: scroll;
    -webkit-padding-after: 2rem;
    padding-block-end: 2rem;
    -webkit-padding-before: 1.25rem;
    padding-block-start: 1.25rem;
    -webkit-padding-end: 1.5rem;
    padding-inline-end: 1.5rem;
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    position: absolute;
    top: 1.5rem;
    z-index: 2147483647
}

.in2-modal__blackbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .45);
    z-index: 2147483647
}

@media all and (min-width: 43.75em) {
    .in2-modal {
        left: 50%;
        max-width: 35.9375rem;
        width: 100%;
        transform: translateX(-50%);
        -webkit-margin-start: 0;
        margin-inline-start: 0;
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

.in2-modal-heading.h5+* {
    -webkit-margin-before: 1.3125rem;
    margin-block-start: 1.3125rem
}

.in2-modal-inputgroup {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    display: flex;
    flex-wrap: wrap;
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem;
    row-gap: 1rem
}

.in2-modal-buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

.in2-modal-accordion {
    -webkit-margin-before: 2.5rem;
    margin-block-start: 2.5rem
}

.in2-modal-accordion__cookie>.in2-modal-accordion__itempoint:first-child {
    word-break: break-all
}

.in2-modal-links {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem;
    row-gap: 1rem
}

.c-disturber {
    font-size: 0.75rem;
    line-height: 1.5
}

@media screen and (min-width: 43.75em) {
    .c-disturber {
        font-size: 0.875rem;
        line-height: 1.5714285714
    }
}

.c-disturber__item {
    -webkit-padding-after: 0.5rem;
    padding-block-end: 0.5rem;
    -webkit-padding-before: 0.5rem;
    padding-block-start: 0.5rem
}

.c-disturber__item[aria-hidden=true] {
    display: none
}

.c-disturber__content {
    position: relative;
    width: 100%;
    -webkit-padding-end: 2.75rem;
    padding-inline-end: 2.75rem
}

.c-disturber__item--warning {
    background-color: var(--tum-blue-dark);
    color: var(--white)
}

.c-disturber__item--danger {
    background-color: var(--tum-orange-danger);
    color: var(--white)
}

.c-disturber__item--information {
    background-color: var(--tum-grey-8);
    color: var(--tum-blue-dark)
}

.c-disturber__item--alert {
    background-color: var(--tum-grey-3);
    color: var(--white)
}

.c-disturber__headline,
.c-disturber__text,
.c-disturber__icon,
.c-disturber__title {
    display: inline-block
}

.c-disturber__title,
.c-disturber__text {
    -webkit-margin-start: 2rem;
    margin-inline-start: 2rem
}

.c-disturber__title::before,
.c-disturber__text::before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.5rem
}

.c-disturber__title--warning::before,
.c-disturber__text--warning::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12zm-9-4h2v2h-2v-2zm0-6h2v4h-2V6z' fill='%23FFFFFF' fill-rule='nonzero'/></svg>")
}

.c-disturber__title--danger::before,
.c-disturber__text--danger::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z' fill='%23FFFFFF' fill-rule='nonzero'/></svg>")
}

.c-disturber__title--information::before,
.c-disturber__text--information::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z' fill='%23072140' fill-rule='nonzero'/></svg>")
}

.c-disturber__title--alert::before,
.c-disturber__text--alert::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z' fill='%23FFFFFF' fill-rule='nonzero'/></svg>")
}

.c-disturber .btn.c-disturber__close {
    color: inherit;
    display: flex;
    padding: 0.4375rem;
    position: absolute;
    right: -0.625rem;
    top: -0.5rem
}

@media screen and (min-width: 62.5em) {
    .c-disturber .btn.c-disturber__close {
        right: 0
    }
}

.c-disturber a {
    color: inherit !important
}

html {
    font: normal normal 400 100%/1.625 "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", helvetica, arial, sans-serif;
    letter-spacing: 0.0125rem
}

input,
textarea,
.c-statutedatabase-filter-statute,
.c-in2studyfinder-filter__legend,
.ts-wrapper.single.input-active .ts-control,
.ts-wrapper.single .ts-control,
select {
    border-radius: 0;
    line-height: 1.625;
    color: var(--tum-blue-dark);
    font-family: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", helvetica, arial, sans-serif;
    font-size: 16px;
    padding: .75rem
}

input::-moz-placeholder,
textarea::-moz-placeholder,
.c-statutedatabase-filter-statute::-moz-placeholder,
.c-in2studyfinder-filter__legend::-moz-placeholder,
.ts-wrapper.single.input-active .ts-control::-moz-placeholder,
.ts-wrapper.single .ts-control::-moz-placeholder,
select::-moz-placeholder {
    color: #727272;
    opacity: 1
}

input::placeholder,
textarea::placeholder,
.c-statutedatabase-filter-statute::placeholder,
.c-in2studyfinder-filter__legend::placeholder,
.ts-wrapper.single.input-active .ts-control::placeholder,
.ts-wrapper.single .ts-control::placeholder,
select::placeholder {
    color: #727272;
    opacity: 1
}

input:not([type=radio]):not([type=checkbox]),
textarea:not([type=radio]):not([type=checkbox]),
.c-statutedatabase-filter-statute:not([type=radio]):not([type=checkbox]),
.c-in2studyfinder-filter__legend:not([type=radio]):not([type=checkbox]),
.ts-wrapper.single .ts-control:not([type=radio]):not([type=checkbox]),
select:not([type=radio]):not([type=checkbox]) {
    border: none;
    border-bottom: 0.0625rem solid var(--tum-blue-brand)
}

input:not([type=radio]):not([type=checkbox]):hover,
input:not([type=radio]):not([type=checkbox]):active,
input:not([type=radio]):not([type=checkbox]):focus,
textarea:not([type=radio]):not([type=checkbox]):hover,
textarea:not([type=radio]):not([type=checkbox]):active,
textarea:not([type=radio]):not([type=checkbox]):focus,
.c-statutedatabase-filter-statute:not([type=radio]):not([type=checkbox]):hover,
.c-in2studyfinder-filter__legend:not([type=radio]):not([type=checkbox]):hover,
.ts-wrapper.single .ts-control:not([type=radio]):not([type=checkbox]):hover,
select:not([type=radio]):not([type=checkbox]):hover,
.c-statutedatabase-filter-statute:not([type=radio]):not([type=checkbox]):active,
.c-in2studyfinder-filter__legend:not([type=radio]):not([type=checkbox]):active,
.ts-wrapper.single .ts-control:not([type=radio]):not([type=checkbox]):active,
select:not([type=radio]):not([type=checkbox]):active,
.c-statutedatabase-filter-statute:not([type=radio]):not([type=checkbox]):focus,
.c-in2studyfinder-filter__legend:not([type=radio]):not([type=checkbox]):focus,
.ts-wrapper.single .ts-control:not([type=radio]):not([type=checkbox]):focus,
select:not([type=radio]):not([type=checkbox]):focus {
    background-color: var(--tum-grey-9)
}

input:not([type=radio]):not([type=checkbox]):hover,
textarea:not([type=radio]):not([type=checkbox]):hover,
.c-statutedatabase-filter-statute:not([type=radio]):not([type=checkbox]):hover,
.c-in2studyfinder-filter__legend:not([type=radio]):not([type=checkbox]):hover,
.ts-wrapper.single .ts-control:not([type=radio]):not([type=checkbox]):hover,
select:not([type=radio]):not([type=checkbox]):hover {
    border-bottom-color: var(--tum-blue-dark-4)
}

input:not([type=radio]):not([type=checkbox]):active,
input:not([type=radio]):not([type=checkbox]):focus,
textarea:not([type=radio]):not([type=checkbox]):active,
textarea:not([type=radio]):not([type=checkbox]):focus,
.c-statutedatabase-filter-statute:not([type=radio]):not([type=checkbox]):active,
.c-in2studyfinder-filter__legend:not([type=radio]):not([type=checkbox]):active,
.ts-wrapper.single .ts-control:not([type=radio]):not([type=checkbox]):active,
select:not([type=radio]):not([type=checkbox]):active,
.c-statutedatabase-filter-statute:not([type=radio]):not([type=checkbox]):focus,
.c-in2studyfinder-filter__legend:not([type=radio]):not([type=checkbox]):focus,
.ts-wrapper.single .ts-control:not([type=radio]):not([type=checkbox]):focus,
select:not([type=radio]):not([type=checkbox]):focus {
    border-bottom-color: var(--tum-blue-dark-2)
}

input:not([type=radio]):not([type=checkbox])[disabled],
input:not([type=radio]):not([type=checkbox])[readonly],
textarea:not([type=radio]):not([type=checkbox])[disabled],
textarea:not([type=radio]):not([type=checkbox])[readonly],
.c-statutedatabase-filter-statute:not([type=radio]):not([type=checkbox])[disabled],
.c-in2studyfinder-filter__legend:not([type=radio]):not([type=checkbox])[disabled],
.ts-wrapper.single .ts-control:not([type=radio]):not([type=checkbox])[disabled],
select:not([type=radio]):not([type=checkbox])[disabled],
.c-statutedatabase-filter-statute:not([type=radio]):not([type=checkbox])[readonly],
.c-in2studyfinder-filter__legend:not([type=radio]):not([type=checkbox])[readonly],
.ts-wrapper.single .ts-control:not([type=radio]):not([type=checkbox])[readonly],
select:not([type=radio]):not([type=checkbox])[readonly] {
    border-bottom-color: var(--tum-grey-5)
}

input:not([type=radio]):not([type=checkbox])[disabled],
textarea:not([type=radio]):not([type=checkbox])[disabled],
.c-statutedatabase-filter-statute:not([type=radio]):not([type=checkbox])[disabled],
.c-in2studyfinder-filter__legend:not([type=radio]):not([type=checkbox])[disabled],
.ts-wrapper.single .ts-control:not([type=radio]):not([type=checkbox])[disabled],
select:not([type=radio]):not([type=checkbox])[disabled] {
    background-color: var(--tum-grey-8)
}

input:not([type=radio]):not([type=checkbox])[readonly],
textarea:not([type=radio]):not([type=checkbox])[readonly],
.c-statutedatabase-filter-statute:not([type=radio]):not([type=checkbox])[readonly],
.c-in2studyfinder-filter__legend:not([type=radio]):not([type=checkbox])[readonly],
.ts-wrapper.single .ts-control:not([type=radio]):not([type=checkbox])[readonly],
select:not([type=radio]):not([type=checkbox])[readonly] {
    background-color: var(--tum-grey-9);
    font-weight: 500
}

.inputgroup--error input:not([type=radio]):not([type=checkbox]),
.inputgroup--error textarea:not([type=radio]):not([type=checkbox]),
.inputgroup--error .c-statutedatabase-filter-statute:not([type=radio]):not([type=checkbox]),
.inputgroup--error .c-in2studyfinder-filter__legend:not([type=radio]):not([type=checkbox]),
.inputgroup--error .ts-wrapper.single .ts-control:not([type=radio]):not([type=checkbox]),
.ts-wrapper.single .inputgroup--error .ts-control:not([type=radio]):not([type=checkbox]),
.inputgroup--error select:not([type=radio]):not([type=checkbox]) {
    border: 0.0625rem solid var(--tum-red-dark)
}

label:not(.checkboxlabel):not(.radiolabel),
fieldset.checkbox legend,
fieldset.radio legend {
    display: block;
    font-weight: 500
}

fieldset.checkbox legend+*,
fieldset.radio legend+* {
    -webkit-margin-before: 0.5rem;
    margin-block-start: 0.5rem
}

fieldset {
    border-style: none
}

fieldset>fieldset {
    margin: 0;
    padding: 0
}

fieldset label {
    display: inline;
    margin: 0
}

.forminput--mandatory {
    background: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='m9.3 13.2-7.3-2.2 1.1-3.7 7.3 2.7-0.2-8.3h3.7l-0.2 8.5 7.2-2.7 1.1 3.7-7.4 2.2 4.8 6.6-3 2.3-4.5-7-4.4 6.8-3-2.2 4.8-6.7z' fill='%23072140' fill-rule='nonzero'/></svg>") top 0.5rem right 0.5rem/0.5rem no-repeat
}

.forminput--icon-leading {
    -webkit-padding-start: 3rem;
    padding-inline-start: 3rem;
    background: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 7c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H6v-.99c.2-.72 3.3-2.01 6-2.01s5.8 1.29 6 2v1z' fill='%23072140' fill-rule='nonzero'/></svg>") left 0.625rem center/1.5rem no-repeat
}

.forminput--icon-trailing {
    -webkit-padding-end: 3rem;
    padding-inline-end: 3rem;
    background: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M12 6.05a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53-1.73-4.39-6-7.5-11-7.5-1.27 0-2.49.2-3.64.57l1.65 1.65c.65-.13 1.31-.22 1.99-.22zm-1.07 1.14L13 9.26c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07.01-2.48-2.01-4.49-4.49-4.49-.37 0-.72.05-1.07.14zM2.01 3.92 4.69 6.6A11.738 11.738 0 0 0 1 11.55c1.73 4.39 6 7.5 11 7.5 1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.5 2.01 3.92zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z' fill='%23072140' fill-rule='nonzero'/></svg>") right 0.625rem center/1.5rem no-repeat
}

.forminput--mandatory[type=number] {
    -webkit-padding-end: 1.5rem;
    padding-inline-end: 1.5rem
}

.inputgroup {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start
}

.inputgroup label {
    display: inline-flex
}

.inputgroup label>span {
    -webkit-margin-start: 0.5rem;
    margin-inline-start: 0.5rem
}

.inputgroup label.checkboxlabel--small {
    font-size: .875rem
}

.inputgroup>span,
.inputgroup ul {
    font-size: .75rem;
    font-weight: 500;
    -webkit-margin-before: 0.25rem;
    margin-block-start: 0.25rem
}

.inputgroup--choice.inputgroup>span,
.inputgroup ul {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-start: 1.875rem;
    margin-inline-start: 1.875rem
}

.inputgroup--error.inputgroup>span,
.inputgroup ul {
    color: var(--tum-red-dark)
}

input[type=radio],
input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--white);
    width: 1.25rem;
    height: 1.25rem;
    border: 0.0625rem solid var(--tum-blue-brand);
    display: inline-block;
    flex: 0 0 auto;
    -webkit-margin-before: 0.0625rem;
    margin-block-start: 0.0625rem;
    padding: 0
}

input[type=radio]:hover,
input[type=radio]:checked,
input[type=checkbox]:hover,
input[type=checkbox]:checked {
    border-color: var(--tum-blue-dark-2)
}

input[type=radio][disabled],
input[type=checkbox][disabled] {
    background-color: var(--tum-grey-7);
    border-color: var(--tum-grey-5)
}

input[type=radio][disabled]+span,
input[type=checkbox][disabled]+span {
    color: var(--tum-grey-5)
}

.inputgroup--error input[type=radio]:not(:checked),
.inputgroup--error input[type=checkbox]:not(:checked) {
    border-color: var(--tum-red-dark)
}

input[type=checkbox]:checked,
input[type=checkbox].checkboxtype--indeterminate {
    background-color: var(--tum-blue-dark-2);
    border-color: var(--tum-blue-dark-2);
    position: relative
}

input[type=checkbox]:checked::after {
    content: url("../../Public/Images/Icons/checkbox-tick-white.svg");
    position: absolute;
    right: 0.0625rem;
    bottom: 0.0625rem;
    width: 1.25rem;
    height: 1.25rem
}

input[type=checkbox].checkboxtype--indeterminate::after {
    content: "";
    position: absolute;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%);
    width: 0.75rem;
    height: 0.125rem;
    background-color: var(--white)
}

input[type=radio] {
    border-radius: 1.25rem
}

input[type=radio]:checked {
    border-width: 0.375rem
}

textarea::-webkit-resizer {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .5rem;
    border-color: rgba(0, 0, 0, 0) var(--tum-blue-brand) var(--tum-blue-brand) rgba(0, 0, 0, 0)
}

.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border: none;
    color: var(--tum-blue-dark);
    cursor: pointer;
    display: inline-block;
    font: inherit;
    text-align: center;
    text-decoration: none
}

.btn--primary {
    font-weight: 700;
    text-transform: uppercase;
    color: var(--white);
    background-color: var(--tum-blue-brand)
}

.btn--primary:hover {
    background-color: var(--tum-blue-dark-4)
}

.btn--primary:focus {
    outline-offset: .2rem
}

.page--blue .c-target-header .btn--primary.btn--icon::after,
.container--blue .btn--primary.btn--icon::after,
[class*=container--blue-dark] .btn--primary.btn--icon::after {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 3v2H5v14h14v-4h2v6H3V3h6zm12 0v8h-2V6.414l-6.293 6.293-1.414-1.414L17.584 5H13V3h8z' fill='%233070B3' fill-rule='nonzero'/></svg>")
}

.container--blue .btn--primary:hover.btn--icon::after,
[class*=container--blue-dark] .btn--primary:hover.btn--icon::after,
.container--blue .btn--primary:active.btn--icon::after,
[class*=container--blue-dark] .btn--primary:active.btn--icon::after {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 3v2H5v14h14v-4h2v6H3V3h6zm12 0v8h-2V6.414l-6.293 6.293-1.414-1.414L17.584 5H13V3h8z' fill='%23ffffff' fill-rule='nonzero'/></svg>")
}

.btn--tertiary {
    padding: .75rem 1rem
}

.container--blue .btn--tertiary[disabled],
[class*=container--blue-dark] .btn--tertiary[disabled] {
    background: rgba(0, 0, 0, 0);
    border: 0.0625rem solid var(--tum-grey-6)
}

.btn--primary,
.btn--secondary {
    padding: 1rem 1.25rem
}

.btn--primary[disabled],
.btn--tertiary[disabled] {
    background-color: var(--tum-grey-8);
    border: none
}

.btn--secondary,
.btn--tertiary {
    color: var(--tum-blue-brand);
    border: 0.0625rem solid var(--tum-blue-brand);
    font-weight: 500
}

.btn--secondary.btn--icon::after,
.btn--tertiary.btn--icon::after {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 3v2H5v14h14v-4h2v6H3V3h6zm12 0v8h-2V6.414l-6.293 6.293-1.414-1.414L17.584 5H13V3h8z' fill='%233070B3' fill-rule='nonzero'/></svg>")
}

.container--blue .btn--secondary.btn--icon::after,
[class*=container--blue-dark] .btn--secondary.btn--icon::after,
.container--blue .btn--tertiary.btn--icon::after,
[class*=container--blue-dark] .btn--tertiary.btn--icon::after {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 3v2H5v14h14v-4h2v6H3V3h6zm12 0v8h-2V6.414l-6.293 6.293-1.414-1.414L17.584 5H13V3h8z' fill='%23ffffff' fill-rule='nonzero'/></svg>")
}

.btn--secondary:hover,
.btn--tertiary:hover {
    color: var(--tum-blue-dark-3);
    border-color: var(--tum-blue-dark-3)
}

.btn--secondary:hover.btn--icon::after,
.btn--tertiary:hover.btn--icon::after {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 3v2H5v14h14v-4h2v6H3V3h6zm12 0v8h-2V6.414l-6.293 6.293-1.414-1.414L17.584 5H13V3h8z' fill='%23114584' fill-rule='nonzero'/></svg>")
}

.container--blue .btn--secondary:hover.btn--icon::after,
[class*=container--blue-dark] .btn--secondary:hover.btn--icon::after,
.container--blue .btn--tertiary:hover.btn--icon::after,
[class*=container--blue-dark] .btn--tertiary:hover.btn--icon::after {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 3v2H5v14h14v-4h2v6H3V3h6zm12 0v8h-2V6.414l-6.293 6.293-1.414-1.414L17.584 5H13V3h8z' fill='%233070B3' fill-rule='nonzero'/></svg>")
}

.btn--secondary:active.btn--icon::after,
.btn--tertiary:active.btn--icon::after {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 3v2H5v14h14v-4h2v6H3V3h6zm12 0v8h-2V6.414l-6.293 6.293-1.414-1.414L17.584 5H13V3h8z' fill='%23ffffff' fill-rule='nonzero'/></svg>")
}

.container--blue .btn--secondary:active.btn--icon::after,
[class*=container--blue-dark] .btn--secondary:active.btn--icon::after,
.container--blue .btn--tertiary:active.btn--icon::after,
[class*=container--blue-dark] .btn--tertiary:active.btn--icon::after {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 3v2H5v14h14v-4h2v6H3V3h6zm12 0v8h-2V6.414l-6.293 6.293-1.414-1.414L17.584 5H13V3h8z' fill='%23ffffff' fill-rule='nonzero'/></svg>")
}

.btn--primary:active,
.btn--secondary:active,
.btn--tertiary:active {
    color: var(--white);
    background-color: var(--tum-blue-dark-2)
}

.btn[disabled] {
    color: var(--tum-grey-5)
}

.btn--secondary[disabled] {
    border: 0.0625rem solid var(--tum-grey-6)
}

.btn--icon::after {
    content: "";
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 3v2H5v14h14v-4h2v6H3V3h6zm12 0v8h-2V6.414l-6.293 6.293-1.414-1.414L17.584 5H13V3h8z' fill='%23ffffff' fill-rule='nonzero'/></svg>");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-flex;
    -webkit-margin-start: 0.5rem;
    margin-inline-start: 0.5rem;
    height: 1rem;
    width: 1rem;
    position: relative;
    top: 0.125rem
}

.btn--icon-arrowdown::after {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M13 4v12.17l5.59-5.59L20 12l-8 8-8-8 1.41-1.41L11 16.17V4z' fill='%23ffffff' fill-rule='nonzero'/></svg>");
    height: 1.5rem;
    width: 1.5rem;
    top: .375rem
}

.page--blue .c-target-header :not([disabled]):not(.c-download-content__link a).btn,
.c-teaser-big__content--blue :not([disabled]):not(.c-download-content__link a).btn,
.container--blue :not([disabled]):not(.c-download-content__link a).btn,
[class*=container--blue-dark] :not([disabled]):not(.c-download-content__link a).btn,
.news-detail__event :not([disabled]):not(.c-download-content__link a).btn {
    color: var(--white)
}

.page--blue .c-target-header :not([disabled]):not(.c-download-content__link a).btn--primary,
.c-teaser-big__content--blue :not([disabled]):not(.c-download-content__link a).btn--primary,
.container--blue :not([disabled]):not(.c-download-content__link a).btn--primary,
[class*=container--blue-dark] :not([disabled]):not(.c-download-content__link a).btn--primary,
.news-detail__event :not([disabled]):not(.c-download-content__link a).btn--primary {
    color: var(--tum-blue-brand);
    background-color: var(--white)
}

.page--blue .c-target-header :not([disabled]):not(.c-download-content__link a).btn--primary:hover,
.page--blue .c-target-header :not([disabled]):not(.c-download-content__link a).btn--primary:active,
.c-teaser-big__content--blue :not([disabled]):not(.c-download-content__link a).btn--primary:hover,
.c-teaser-big__content--blue :not([disabled]):not(.c-download-content__link a).btn--primary:active,
.container--blue :not([disabled]):not(.c-download-content__link a).btn--primary:hover,
.container--blue :not([disabled]):not(.c-download-content__link a).btn--primary:active,
[class*=container--blue-dark] :not([disabled]):not(.c-download-content__link a).btn--primary:hover,
[class*=container--blue-dark] :not([disabled]):not(.c-download-content__link a).btn--primary:active,
.news-detail__event :not([disabled]):not(.c-download-content__link a).btn--primary:hover,
.news-detail__event :not([disabled]):not(.c-download-content__link a).btn--primary:active {
    color: var(--white)
}

.page--blue .c-target-header :not([disabled]):not(.c-download-content__link a).btn--primary:hover,
.c-teaser-big__content--blue :not([disabled]):not(.c-download-content__link a).btn--primary:hover,
.container--blue :not([disabled]):not(.c-download-content__link a).btn--primary:hover,
[class*=container--blue-dark] :not([disabled]):not(.c-download-content__link a).btn--primary:hover,
.news-detail__event :not([disabled]):not(.c-download-content__link a).btn--primary:hover {
    background-color: var(--tum-blue-brand)
}

.page--blue .c-target-header :not([disabled]):not(.c-download-content__link a).btn--primary:active,
.c-teaser-big__content--blue :not([disabled]):not(.c-download-content__link a).btn--primary:active,
.container--blue :not([disabled]):not(.c-download-content__link a).btn--primary:active,
[class*=container--blue-dark] :not([disabled]):not(.c-download-content__link a).btn--primary:active,
.news-detail__event :not([disabled]):not(.c-download-content__link a).btn--primary:active {
    background-color: var(--tum-blue-dark-4)
}

.page--blue .c-target-header :not([disabled]):not(.c-download-content__link a).btn--secondary,
.page--blue .c-target-header :not([disabled]):not(.c-download-content__link a).btn--tertiary,
.c-teaser-big__content--blue :not([disabled]):not(.c-download-content__link a).btn--secondary,
.c-teaser-big__content--blue :not([disabled]):not(.c-download-content__link a).btn--tertiary,
.container--blue :not([disabled]):not(.c-download-content__link a).btn--secondary,
.container--blue :not([disabled]):not(.c-download-content__link a).btn--tertiary,
[class*=container--blue-dark] :not([disabled]):not(.c-download-content__link a).btn--secondary,
[class*=container--blue-dark] :not([disabled]):not(.c-download-content__link a).btn--tertiary,
.news-detail__event :not([disabled]):not(.c-download-content__link a).btn--secondary,
.news-detail__event :not([disabled]):not(.c-download-content__link a).btn--tertiary {
    background-color: rgba(0, 0, 0, 0);
    border-color: var(--white)
}

.page--blue .c-target-header :not([disabled]):not(.c-download-content__link a).btn--secondary:hover,
.page--blue .c-target-header :not([disabled]):not(.c-download-content__link a).btn--tertiary:hover,
.c-teaser-big__content--blue :not([disabled]):not(.c-download-content__link a).btn--secondary:hover,
.c-teaser-big__content--blue :not([disabled]):not(.c-download-content__link a).btn--tertiary:hover,
.container--blue :not([disabled]):not(.c-download-content__link a).btn--secondary:hover,
.container--blue :not([disabled]):not(.c-download-content__link a).btn--tertiary:hover,
[class*=container--blue-dark] :not([disabled]):not(.c-download-content__link a).btn--secondary:hover,
[class*=container--blue-dark] :not([disabled]):not(.c-download-content__link a).btn--tertiary:hover,
.news-detail__event :not([disabled]):not(.c-download-content__link a).btn--secondary:hover,
.news-detail__event :not([disabled]):not(.c-download-content__link a).btn--tertiary:hover {
    color: var(--tum-blue-brand);
    border-color: var(--tum-blue-brand)
}

.page--blue .c-target-header :not([disabled]):not(.c-download-content__link a).btn--secondary:active,
.page--blue .c-target-header :not([disabled]):not(.c-download-content__link a).btn--tertiary:active,
.c-teaser-big__content--blue :not([disabled]):not(.c-download-content__link a).btn--secondary:active,
.c-teaser-big__content--blue :not([disabled]):not(.c-download-content__link a).btn--tertiary:active,
.container--blue :not([disabled]):not(.c-download-content__link a).btn--secondary:active,
.container--blue :not([disabled]):not(.c-download-content__link a).btn--tertiary:active,
[class*=container--blue-dark] :not([disabled]):not(.c-download-content__link a).btn--secondary:active,
[class*=container--blue-dark] :not([disabled]):not(.c-download-content__link a).btn--tertiary:active,
.news-detail__event :not([disabled]):not(.c-download-content__link a).btn--secondary:active,
.news-detail__event :not([disabled]):not(.c-download-content__link a).btn--tertiary:active {
    color: var(--white);
    background-color: var(--tum-blue-dark-4);
    border-color: rgba(0, 0, 0, 0)
}

.page--blue .c-target-header :not([disabled]):not(.c-download-content__link a).btn--primary:hover,
.c-teaser-big__content--blue :not([disabled]):not(.c-download-content__link a).btn--primary:hover {
    background-color: var(--tum-blue-dark-4)
}

.container--blue .accordion :not([disabled]):not(.c-download-content__link a).btn--primary,
[class*=container--blue-dark] .accordion :not([disabled]):not(.c-download-content__link a).btn--primary {
    color: var(--white);
    background-color: var(--tum-blue-brand)
}

.container--blue .accordion :not([disabled]):not(.c-download-content__link a).btn--primary:hover,
.container--blue .accordion :not([disabled]):not(.c-download-content__link a).btn--primary:active,
[class*=container--blue-dark] .accordion :not([disabled]):not(.c-download-content__link a).btn--primary:hover,
[class*=container--blue-dark] .accordion :not([disabled]):not(.c-download-content__link a).btn--primary:active {
    background-color: var(--tum-blue-dark-4)
}

.container--blue .accordion :not([disabled]):not(.c-download-content__link a).btn--secondary,
.container--blue .accordion :not([disabled]):not(.c-download-content__link a).btn--tertiary,
[class*=container--blue-dark] .accordion :not([disabled]):not(.c-download-content__link a).btn--secondary,
[class*=container--blue-dark] .accordion :not([disabled]):not(.c-download-content__link a).btn--tertiary {
    color: var(--tum-blue-brand);
    border: 0.0625rem solid var(--tum-blue-brand)
}

.container--blue .accordion :not([disabled]):not(.c-download-content__link a).btn--secondary:hover,
.container--blue .accordion :not([disabled]):not(.c-download-content__link a).btn--secondary:active,
.container--blue .accordion :not([disabled]):not(.c-download-content__link a).btn--tertiary:hover,
.container--blue .accordion :not([disabled]):not(.c-download-content__link a).btn--tertiary:active,
[class*=container--blue-dark] .accordion :not([disabled]):not(.c-download-content__link a).btn--secondary:hover,
[class*=container--blue-dark] .accordion :not([disabled]):not(.c-download-content__link a).btn--secondary:active,
[class*=container--blue-dark] .accordion :not([disabled]):not(.c-download-content__link a).btn--tertiary:hover,
[class*=container--blue-dark] .accordion :not([disabled]):not(.c-download-content__link a).btn--tertiary:active {
    color: var(--tum-blue-dark-3);
    border-color: var(--tum-blue-dark-3)
}

.c-statutedatabase-filter-statute,
.c-in2studyfinder-filter__legend,
.ts-wrapper.single.input-active .ts-control,
.ts-wrapper.single .ts-control,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-padding-end: 2.75rem;
    padding-inline-end: 2.75rem;
    background: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='m7.115 8.295-1.41 1.41 6 6 6-6-1.41-1.41-4.59 4.58z' fill='%23072140' fill-rule='nonzero'/></svg>") center right 0.75rem/1.5rem no-repeat;
    background-color: var(--white)
}

.forminput--mandatory.c-statutedatabase-filter-statute,
.forminput--mandatory.c-in2studyfinder-filter__legend,
.ts-wrapper.single .forminput--mandatory.ts-control,
select.forminput--mandatory {
    -webkit-padding-end: 3rem;
    padding-inline-end: 3rem;
    background: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='m7.115 8.295-1.41 1.41 6 6 6-6-1.41-1.41-4.59 4.58z' fill='%23072140' fill-rule='nonzero'/></svg>") center right 1.5rem/1rem no-repeat, url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='m9.3 13.2-7.3-2.2 1.1-3.7 7.3 2.7-0.2-8.3h3.7l-0.2 8.5 7.2-2.7 1.1 3.7-7.4 2.2 4.8 6.6-3 2.3-4.5-7-4.4 6.8-3-2.2 4.8-6.7z' fill='%23072140' fill-rule='nonzero'/></svg>") top 0.5rem right 0.5rem/0.5rem no-repeat
}

header+.tx-powermail {
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem
}

.tx-powermail input:not([type=radio]):not([type=checkbox]),
.tx-powermail select,
.tx-powermail textarea {
    width: 100%
}

.powermail_fieldset .h5+* {
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem
}

.powermail_fieldset .flex {
    row-gap: 2rem
}

.powermail_fieldset .inputgroup {
    display: flex
}

.powermail_fieldset .inputgroup+.inputgroup {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem
}

.powermail_fieldset .powermail-errors-list {
    list-style: none;
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.powermail_fieldset input.powermail_field_error,
.powermail_fieldset select.powermail_field_error,
.powermail_fieldset textarea.powermail_field_error {
    border: 0.0625rem solid var(--tum-red-dark) !important
}

.powermail_fieldset .powermail_field_error input,
.powermail_fieldset .powermail_field_error select,
.powermail_fieldset .powermail_field_error textarea {
    border: 0.0625rem solid var(--tum-red-dark) !important
}

.powermail_fieldset+.powermail_fieldset {
    -webkit-margin-before: 3rem;
    margin-block-start: 3rem
}

.h-display,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.roofline {
    font-weight: 700;
    -webkit-hyphens: auto;
    hyphens: auto
}

.h-display {
    font-size: 2.25rem;
    line-height: 1.2
}

.h-display+* {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

@media screen and (min-width: 62.5em) {
    .h-display {
        font-size: 3rem;
        line-height: 1.1
    }
}

h1,
.h1 {
    font-size: 2.125rem;
    line-height: 1.1
}

h1+*,
.h1+* {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

@media screen and (min-width: 62.5em) {

    h1,
    .h1 {
        font-size: 2.25rem;
        line-height: 1.2
    }
}

h2,
.h2 {
    font-size: 2rem;
    line-height: 1.2
}

h2+*,
.h2+* {
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem
}

h3,
.h3 {
    font-size: 1.75rem;
    line-height: 1.2
}

h3+*,
.h3+* {
    -webkit-margin-before: 1.25rem;
    margin-block-start: 1.25rem
}

h4,
.h4 {
    font-size: 1.5rem;
    line-height: 1.25
}

h4+*,
.h4+* {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem
}

h5,
.h5 {
    font-size: 1.25rem;
    line-height: 1.3
}

h5+*,
.h5+* {
    -webkit-margin-before: .75rem;
    margin-block-start: .75rem
}

h6,
.h6 {
    font-size: 1rem;
    line-height: 1.25
}

h6+*,
.h6+* {
    -webkit-margin-before: .75rem;
    margin-block-start: .75rem
}

.roofline {
    font-size: 1rem;
    line-height: 1.625
}

.roofline+* {
    -webkit-margin-before: .125rem;
    margin-block-start: .125rem
}

img,
object,
embed,
video {
    max-width: 100%;
    height: auto
}

img {
    border-style: none
}

img.cke-insertedicon {
    display: inline-block;
    top: 0.375rem;
    position: relative
}

figcaption {
    font-size: 0.875rem;
    line-height: 1.5714285714;
    -webkit-margin-before: 0.25rem;
    margin-block-start: 0.25rem
}

.img-container {
    position: relative
}

.img-container img {
    width: 100%;
    height: auto
}

@media screen {
    .img-container .copyright {
        position: absolute;
        bottom: 0;
        inset-inline: 0;
        padding: 1rem;
        color: var(--white);
        font-size: .875rem;
        text-align: right;
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%)
    }

    .gallery__teaser .img-container .copyright {
        text-align: left;
        padding-right: 4rem
    }
}

@media screen and (min-width: 43.75em)and (max-width: 62.5em) {
    .c-teaser-big .img-container .copyright {
        top: 0;
        bottom: unset;
        background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.7) 100%)
    }
}

a {
    color: var(--tum-blue-brand);
    text-decoration: none;
    font-weight: 500
}

a:not(.btn):hover {
    color: var(--tum-blue-dark-4);
    text-decoration: underline;
    text-decoration-thickness: 0.125rem
}

a:not(.btn):hover.iconlink--leading::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M18 3v5h4v9h-4v4H6v-4H2V8h4V3h12zm-2 12H8v4h8v-4zm4-5H4v5h2v-2h12v2h2v-5zm-2 .5a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM16 5H8v3h8V5z' fill='%2314519A' fill-rule='nonzero'/></svg>")
}

a:not(.btn):hover.external::after {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 3v2H5v14h14v-4h2v6H3V3h6zm12 0v8h-2V6.414l-6.293 6.293-1.414-1.414L17.584 5H13V3h8z' fill='%2314519A' fill-rule='nonzero'/></svg>")
}

a:active {
    color: var(--tum-blue-dark-2)
}

a:active.iconlink--leading::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M18 3v5h4v9h-4v4H6v-4H2V8h4V3h12zm-2 12H8v4h8v-4zm4-5H4v5h2v-2h12v2h2v-5zm-2 .5a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM16 5H8v3h8V5z' fill='%230E396E' fill-rule='nonzero'/></svg>")
}

.container--blue a:not(.btn):not(.c-download-content a),
[class*=container--blue-dark] a:not(.btn):not(.c-download-content a),
.alertbox--typewarninginverted a:not(.btn):not(.c-download-content a) {
    color: var(--white);
    text-decoration: underline
}

.container--blue a:not(.btn):not(.c-download-content a):hover,
.container--blue a:not(.btn):not(.c-download-content a):active,
[class*=container--blue-dark] a:not(.btn):not(.c-download-content a):hover,
[class*=container--blue-dark] a:not(.btn):not(.c-download-content a):active,
.alertbox--typewarninginverted a:not(.btn):not(.c-download-content a):hover,
.alertbox--typewarninginverted a:not(.btn):not(.c-download-content a):active {
    color: var(--white);
    text-decoration: none
}

.container--blue a:not(.btn):not(.c-download-content a).iconlink--leading::before,
[class*=container--blue-dark] a:not(.btn):not(.c-download-content a).iconlink--leading::before,
.alertbox--typewarninginverted a:not(.btn):not(.c-download-content a).iconlink--leading::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M18 3v5h4v9h-4v4H6v-4H2V8h4V3h12zm-2 12H8v4h8v-4zm4-5H4v5h2v-2h12v2h2v-5zm-2 .5a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM16 5H8v3h8V5z' fill='%23ffffff' fill-rule='nonzero'/></svg>")
}

a.iconlink--leading::before {
    content: "";
    background-repeat: no-repeat;
    background-size: 1em;
    width: 1.125em;
    height: 1.25em;
    display: inline-block;
    vertical-align: text-bottom
}

a.iconlink--leading::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M18 3v5h4v9h-4v4H6v-4H2V8h4V3h12zm-2 12H8v4h8v-4zm4-5H4v5h2v-2h12v2h2v-5zm-2 .5a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM16 5H8v3h8V5z' fill='%233070B3' fill-rule='nonzero'/></svg>");
    background-position: left center
}

@media screen {

    a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon)::after,
    .news-detail__event-content a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon).btn.btn--primary::after,
    .container--blue a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon).btn.btn--primary::after,
    [class*=container--blue-dark] a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon).btn.btn--primary::after,
    .container--blue a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon).btn.btn--secondary:hover::after,
    [class*=container--blue-dark] a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon).btn.btn--secondary:hover::after,
    .teaser a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon) .btn::after,
    .container--blue .teaser a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon):hover .btn::after,
    [class*=container--blue-dark] .teaser a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon):hover .btn::after,
    .container--blue .teaser a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon):focus-visible .btn::after,
    [class*=container--blue-dark] .teaser a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon):focus-visible .btn::after,
    .accordion a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon):not(.btn)::after,
    .accordion a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon).btn--secondary::after,
    .c-newsteaser__item a[href^=http]:not([href*="www.tum.de"]) h3 span::after {
        background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 3v2H5v14h14v-4h2v6H3V3h6zm12 0v8h-2V6.414l-6.293 6.293-1.414-1.414L17.584 5H13V3h8z' fill='%233070B3' fill-rule='nonzero'/></svg>");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        height: 1.25em;
        -webkit-margin-start: 0.25rem;
        margin-inline-start: 0.25rem;
        vertical-align: text-bottom;
        width: 1.25em
    }

    .container--blue a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon)::after,
    [class*=container--blue-dark] a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon)::after,
    .news-detail__event-content a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon).btn.btn--primary:hover::after,
    a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon).btn.btn--primary::after,
    .accordion a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon).btn.btn--primary::after,
    .container--blue a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon).btn.btn--primary:hover::after,
    [class*=container--blue-dark] a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon).btn.btn--primary:hover::after,
    .container--blue .teaser a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon) .btn::after,
    [class*=container--blue-dark] .teaser a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon) .btn::after,
    .page__footer a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon)::after,
    .page__header a[href^=http]:not([href*="www.tum.de"]):not(.hide-icon)::after {
        background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 3v2H5v14h14v-4h2v6H3V3h6zm12 0v8h-2V6.414l-6.293 6.293-1.414-1.414L17.584 5H13V3h8z' fill='%23ffffff' fill-rule='nonzero'/></svg>")
    }

    .c-newsteaser__item a[href^=http]:not([href*="www.tum.de"]) h3 span::after {
        background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 3v2H5v14h14v-4h2v6H3V3h6zm12 0v8h-2V6.414l-6.293 6.293-1.414-1.414L17.584 5H13V3h8z' fill='%23072140' fill-rule='nonzero'/></svg>")
    }

    .c-newsteaser__item a[href^=http]:not([href*="www.tum.de"]):hover h3 span::after,
    .c-newsteaser__item a[href^=http]:not([href*="www.tum.de"]):active h3 span::after,
    .c-newsteaser__item a[href^=http]:not([href*="www.tum.de"]):focus-visible h3 span::after,
    .c-newsteaser__item a[href^=http]:not([href*="www.tum.de"]):focus h3 span::after {
        background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 3v2H5v14h14v-4h2v6H3V3h6zm12 0v8h-2V6.414l-6.293 6.293-1.414-1.414L17.584 5H13V3h8z' fill='%233070B3' fill-rule='nonzero'/></svg>")
    }

    a.protected-link::after,
    .container--blue a.protected-link:not(.hide-icon).btn.btn--primary::after,
    [class*=container--blue-dark] a.protected-link:not(.hide-icon).btn.btn--primary::after,
    .container--blue a.protected-link:not(.hide-icon).btn.btn--secondary:hover::after,
    [class*=container--blue-dark] a.protected-link:not(.hide-icon).btn.btn--secondary:hover::after,
    .teaser a.protected-link:not(.hide-icon) .btn::after,
    .container--blue .teaser a.protected-link:not(.hide-icon):hover .btn::after,
    [class*=container--blue-dark] .teaser a.protected-link:not(.hide-icon):hover .btn::after,
    .container--blue .teaser a.protected-link:not(.hide-icon):focus-visible .btn::after,
    [class*=container--blue-dark] .teaser a.protected-link:not(.hide-icon):focus-visible .btn::after,
    .accordion a.protected-link:not(.hide-icon):not(.btn)::after,
    .accordion a.protected-link:not(.hide-icon).btn--secondary::after {
        background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M20 8h-3V6.21c0-2.61-1.91-4.94-4.51-5.19A5.008 5.008 0 0 0 7 6v2h2V6c0-1.13.6-2.24 1.64-2.7C12.85 2.31 15 3.9 15 6v2H4v14h16V8zm-2 12H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z' fill='%233070B3' fill-rule='nonzero'/></svg>") !important;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        height: 1.25em;
        -webkit-margin-start: 0.25rem;
        margin-inline-start: 0.25rem;
        vertical-align: text-bottom;
        width: 1.25em
    }

    .container--blue a.protected-link:not(.hide-icon)::after,
    [class*=container--blue-dark] a.protected-link:not(.hide-icon)::after,
    a.protected-link:not(.hide-icon).btn.btn--primary::after,
    .accordion a.protected-link:not(.hide-icon).btn.btn--primary::after,
    .container--blue a.protected-link:not(.hide-icon).btn.btn--primary:hover::after,
    [class*=container--blue-dark] a.protected-link:not(.hide-icon).btn.btn--primary:hover::after,
    .container--blue .teaser a.protected-link:not(.hide-icon) .btn::after,
    [class*=container--blue-dark] .teaser a.protected-link:not(.hide-icon) .btn::after,
    .page__footer a.protected-link:not(.hide-icon)::after,
    .page__header a.protected-link:not(.hide-icon)::after {
        background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M20 8h-3V6.21c0-2.61-1.91-4.94-4.51-5.19A5.008 5.008 0 0 0 7 6v2h2V6c0-1.13.6-2.24 1.64-2.7C12.85 2.31 15 3.9 15 6v2H4v14h16V8zm-2 12H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z' fill='%23ffffff' fill-rule='nonzero'/></svg>") !important
    }
}

.cke_editable ul,
.cke_editable ol,
.alertbox__text ul,
.alertbox__text ol,
.c-download ul,
.c-download ol,
.ce-textmedia ul,
.ce-textmedia ol,
.news-detail__text ul,
.news-detail__text ol,
.languagecertificateResult ul,
.languagecertificateResult ol {
    -webkit-padding-start: 1.25rem;
    padding-inline-start: 1.25rem
}

.cke_editable *+ul,
.cke_editable *+ol,
.alertbox__text *+ul,
.alertbox__text *+ol,
.c-download *+ul,
.c-download *+ol,
.ce-textmedia *+ul,
.ce-textmedia *+ol,
.news-detail__text *+ul,
.news-detail__text *+ol,
.languagecertificateResult *+ul,
.languagecertificateResult *+ol {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

.cke_editable li+li,
.cke_editable li ul,
.cke_editable li ol,
.alertbox__text li+li,
.alertbox__text li ul,
.alertbox__text li ol,
.c-download li+li,
.c-download li ul,
.c-download li ol,
.ce-textmedia li+li,
.ce-textmedia li ul,
.ce-textmedia li ol,
.news-detail__text li+li,
.news-detail__text li ul,
.news-detail__text li ol,
.languagecertificateResult li+li,
.languagecertificateResult li ul,
.languagecertificateResult li ol {
    -webkit-margin-before: 0.75rem;
    margin-block-start: 0.75rem
}

.cke_editable ul,
.alertbox__text ul,
.c-download ul,
.ce-textmedia ul,
.news-detail__text ul {
    list-style: none
}

.cke_editable ul>li,
.alertbox__text ul>li,
.c-download ul>li,
.ce-textmedia ul>li,
.news-detail__text ul>li {
    position: relative
}

.cke_editable ul>li::before,
.alertbox__text ul>li::before,
.c-download ul>li::before,
.ce-textmedia ul>li::before,
.news-detail__text ul>li::before {
    background-color: var(--tum-blue-dark);
    content: "";
    height: 0.375rem;
    left: -0.875rem;
    position: absolute;
    top: 0.5625rem;
    width: 0.375rem
}

.cke_editable ul>li li::before,
.alertbox__text ul>li li::before,
.c-download ul>li li::before,
.ce-textmedia ul>li li::before,
.news-detail__text ul>li li::before {
    background-color: var(--white);
    border: 0.125rem solid var(--tum-blue-dark)
}

.cke_editable ul+*,
.alertbox__text ul+*,
.c-download ul+*,
.ce-textmedia ul+*,
.news-detail__text ul+* {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

.alertbox--typewarninginverted .cke_editable ul>li::before,
.container--blue .cke_editable ul>li::before,
[class*=container--blue-dark] .cke_editable ul>li::before,
.container--blue .tabs .cke_editable ul>li::before,
[class*=container--blue-dark] .tabs .cke_editable ul>li::before,
.alertbox--typewarninginverted .alertbox__text ul>li::before,
.container--blue .alertbox__text ul>li::before,
[class*=container--blue-dark] .alertbox__text ul>li::before,
.container--blue .tabs .alertbox__text ul>li::before,
[class*=container--blue-dark] .tabs .alertbox__text ul>li::before,
.alertbox--typewarninginverted .c-download ul>li::before,
.container--blue .c-download ul>li::before,
[class*=container--blue-dark] .c-download ul>li::before,
.container--blue .tabs .c-download ul>li::before,
[class*=container--blue-dark] .tabs .c-download ul>li::before,
.alertbox--typewarninginverted .ce-textmedia ul>li::before,
.container--blue .ce-textmedia ul>li::before,
[class*=container--blue-dark] .ce-textmedia ul>li::before,
.container--blue .tabs .ce-textmedia ul>li::before,
[class*=container--blue-dark] .tabs .ce-textmedia ul>li::before,
.alertbox--typewarninginverted .news-detail__text ul>li::before,
.container--blue .news-detail__text ul>li::before,
[class*=container--blue-dark] .news-detail__text ul>li::before,
.container--blue .tabs .news-detail__text ul>li::before,
[class*=container--blue-dark] .tabs .news-detail__text ul>li::before {
    background-color: var(--white)
}

.alertbox--typewarninginverted .cke_editable ul>li li::before,
.container--blue .cke_editable ul>li li::before,
[class*=container--blue-dark] .cke_editable ul>li li::before,
.container--blue .tabs .cke_editable ul>li li::before,
[class*=container--blue-dark] .tabs .cke_editable ul>li li::before,
.alertbox--typewarninginverted .alertbox__text ul>li li::before,
.container--blue .alertbox__text ul>li li::before,
[class*=container--blue-dark] .alertbox__text ul>li li::before,
.container--blue .tabs .alertbox__text ul>li li::before,
[class*=container--blue-dark] .tabs .alertbox__text ul>li li::before,
.alertbox--typewarninginverted .c-download ul>li li::before,
.container--blue .c-download ul>li li::before,
[class*=container--blue-dark] .c-download ul>li li::before,
.container--blue .tabs .c-download ul>li li::before,
[class*=container--blue-dark] .tabs .c-download ul>li li::before,
.alertbox--typewarninginverted .ce-textmedia ul>li li::before,
.container--blue .ce-textmedia ul>li li::before,
[class*=container--blue-dark] .ce-textmedia ul>li li::before,
.container--blue .tabs .ce-textmedia ul>li li::before,
[class*=container--blue-dark] .tabs .ce-textmedia ul>li li::before,
.alertbox--typewarninginverted .news-detail__text ul>li li::before,
.container--blue .news-detail__text ul>li li::before,
[class*=container--blue-dark] .news-detail__text ul>li li::before,
.container--blue .tabs .news-detail__text ul>li li::before,
[class*=container--blue-dark] .tabs .news-detail__text ul>li li::before {
    background-color: rgba(0, 0, 0, 0);
    border: 0.09375rem solid var(--white)
}

.container--blue .accordion .ce-textmedia ul>li::before,
[class*=container--blue-dark] .accordion .ce-textmedia ul>li::before,
.container--blue .c-download-content ul>li::before,
[class*=container--blue-dark] .c-download-content ul>li::before {
    background-color: var(--tum-blue-dark)
}

.container--blue .accordion .ce-textmedia ul>li li::before,
[class*=container--blue-dark] .accordion .ce-textmedia ul>li li::before,
.container--blue .c-download-content ul>li li::before,
[class*=container--blue-dark] .c-download-content ul>li li::before {
    background-color: var(--white);
    border: 0.125rem solid var(--tum-blue-dark)
}

p+p,
ul+p,
ol+p {
    -webkit-margin-before: 1.25rem;
    margin-block-start: 1.25rem
}

p:not(.roofline)+.h-display,
p+h1,
p+h2,
p+h3,
p+h4,
p+h5,
p+h6,
p+.roofline {
    -webkit-margin-before: 2.5rem;
    margin-block-start: 2.5rem
}

table {
    border-collapse: collapse
}

table,
th,
td {
    border: 0.0625rem solid var(--tum-grey-8)
}

th,
td {
    vertical-align: top;
    padding: 1rem
}

thead {
    background-color: var(--tum-blue-dark);
    color: var(--white)
}

.listitemcalendar {
    color: var(--white);
    display: flex;
    -webkit-margin-after: 2rem;
    margin-block-end: 2rem
}

.listitemcalendar:not(.btn):hover,
.listitemcalendar:focus,
.listitemcalendar:active {
    color: var(--white);
    text-decoration: none
}

.listitemcalendar:not(.btn):hover .btn,
.listitemcalendar:focus .btn,
.listitemcalendar:active .btn {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--tum-blue-dark)
}

.listitemcalendar__datecontainer {
    background: var(--white);
    color: var(--tum-blue-dark-1);
    padding: 0.625rem 0.75rem;
    min-width: 4.375rem
}

.listitemcalendar__date {
    display: inline-block;
    padding: 1.75rem 1.5rem 2rem;
    background: var(--tum-blue-dark-1)
}

.listitemcalendar__date--day {
    display: block;
    font-family: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", helvetica, arial, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: .2px
}

.listitemcalendar__date--month {
    display: block;
    font-family: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", helvetica, arial, sans-serif;
    font-size: 0.75rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: .2px
}

.listitemcalendar__content {
    display: inline-block;
    background: var(--tum-blue-dark-1);
    padding: 1.75rem 1.5rem 2rem 0;
    width: 100%
}

.listitemcalendar__time {
    display: inline-block;
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
    -webkit-padding-end: 0.5rem;
    padding-inline-end: 0.5rem
}

.listitemcalendar__location {
    display: inline-block;
    position: relative;
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
    -webkit-padding-start: 2.25rem;
    padding-inline-start: 2.25rem;
    border-left: 0.0625rem solid var(--tum-grey-4)
}

.listitemcalendar__location::before {
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.25rem;
    height: 1.375rem;
    position: absolute;
    left: 0.5rem;
    background-image: url("data:image/svg+xml;utf8,<svg width='15' height='15' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M12 1c4.41 0 8 3.59 8 8 0 2.045-1.29 4.776-3.871 8.193l-.5.65a54.38 54.38 0 0 1-.805 1.002l-.574.69-.605.704-.636.721-.665.737c-.113.125-.228.25-.344.375l-.344-.375-.665-.737-.636-.72-.605-.706-.574-.689a54.38 54.38 0 0 1-.805-1.003l-.5-.649C5.291 13.776 4 11.045 4 9c0-4.41 3.59-8 8-8zm0 2a6.01 6.01 0 0 0-6 6c0 1.544 1.14 3.9 3.444 6.954l.493.642.527.662c.272.336.556.679.852 1.03l.684.793.383-.442.595-.702c3.274-3.922 4.933-6.912 5.019-8.786L18 9c0-3.305-2.695-6-6-6zm0 4a2 2 0 1 1 0 4 2 2 0 0 1 0-4z' fill='%23FFFFFF' fill-rule='nonzero'/></svg>")
}

.listitemcalendar__text {
    -webkit-margin-after: 1.5rem;
    margin-block-end: 1.5rem
}

.listitemcalendar .btn {
    border-color: var(--white);
    color: var(--white)
}

.listitemnews {
    -webkit-margin-after: 2rem;
    margin-block-end: 2rem;
    color: currentcolor
}

.listitemnews:not(.btn):hover,
.listitemnews:focus,
.listitemnews:active {
    text-decoration: none;
    color: var(--tum-blue-brand)
}

.listitemnews__content {
    padding: 1.5rem 1.5rem 2.5rem;
    background: var(--tum-grey-9)
}

.listitemnews__date {
    display: inline-block;
    -webkit-margin-after: 0.25rem;
    margin-block-end: 0.25rem;
    -webkit-padding-end: 0.5rem;
    padding-inline-end: 0.5rem
}

.listitemnews__readingtime {
    display: inline-block;
    position: relative;
    -webkit-margin-after: 0.25rem;
    margin-block-end: 0.25rem;
    -webkit-padding-start: 2.25rem;
    padding-inline-start: 2.25rem;
    border-left: 0.0625rem solid var(--tum-grey-4)
}

.listitemnews__readingtime::before {
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.25rem;
    height: 1.375rem;
    position: absolute;
    left: 0.5rem;
    background-image: url("data:image/svg+xml;utf8,<svg width='15' height='15' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16zm1 2v5h3v2h-5V6h2z' fill='%230A2D57' fill-rule='nonzero'/></svg>")
}

.listitemnews__text {
    -webkit-margin-after: 1.5rem;
    margin-block-end: 1.5rem
}

.listitemnews__text svg {
    -webkit-padding-before: 0.25rem;
    padding-block-start: 0.25rem
}

.listitemnews__button {
    display: inline-grid;
    vertical-align: top;
    -webkit-margin-end: 2rem;
    margin-inline-end: 2rem
}

.listitemnews__categories {
    display: inline-grid;
    border-left: 0.0625rem solid var(--tum-grey-4);
    -webkit-padding-start: 0.75rem;
    padding-inline-start: 0.75rem;
    font-size: 0.875rem
}

.listitemnews__categories span {
    display: block;
    color: var(--tum-blue-brand)
}

.iframeswitch-wrapper--video iframe {
    aspect-ratio: 16/9;
    border: none;
    width: 100%
}

.iframeswitch-wrapper--audio iframe {
    border: none;
    width: 100%
}

.c-iframeswitch__iframe-content {
    background: var(--tum-grey-8);
    color: var(--tum-blue-dark);
    padding: 1.5rem
}

.c-iframeswitch__iframe-content h2 {
    text-align: center
}

.c-iframeswitch__iframe-content a[href^=http]:not(.hide-icon) {
    color: var(--white)
}

.c-iframeswitch__iframe-content a[href^=http]:not(.hide-icon):hover {
    color: var(--tum-blue-brand)
}

.c-iframeswitch__iframe-content a[href^=http]:not(.hide-icon):hover::after {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 3v2H5v14h14v-4h2v6H3V3h6zm12 0v8h-2V6.414l-6.293 6.293-1.414-1.414L17.584 5H13V3h8z' fill='%233070B3' fill-rule='nonzero'/></svg>")
}

.c-iframeswitch__iframe-content a[href^=http]:not(.hide-icon)::after {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 3v2H5v14h14v-4h2v6H3V3h6zm12 0v8h-2V6.414l-6.293 6.293-1.414-1.414L17.584 5H13V3h8z' fill='%23FFFFFF' fill-rule='nonzero'/></svg>")
}

.c-iframeswitch__iframe-content .btn {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem;
    width: 100%
}

.typebar__inner {
    position: relative;
    height: 100%;
    overflow: hidden
}

.typebar__inner::before {
    content: "";
    position: absolute;
    right: 2.25rem;
    top: -1.5rem;
    border-right: 0.125rem solid var(--tum-blue-dark-1);
    height: 2rem
}

.typebar__inner::after {
    content: "";
    position: absolute;
    right: 2.25rem;
    top: 2.65rem;
    border-right: 0.125rem solid var(--tum-blue-dark-1);
    height: 100%
}

.typebar--calendar .typebar__inner--icon::before {
    content: "";
    width: 1.75rem;
    height: 1.75rem;
    position: absolute;
    right: 1.5rem;
    top: .65rem;
    border-radius: 50%;
    background-color: var(--tum-blue-dark-1);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;utf8,<svg width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M22 10V6a2 2 0 0 0-2-2H4c-1.1 0-1.99.89-1.99 2v4c1.1 0 1.99.9 1.99 2a2 2 0 0 1-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2s.9-2 2-2zm-2-1.46c-1.19.69-2 1.99-2 3.46s.81 2.77 2 3.46V18H4v-2.54c1.19-.69 2-1.99 2-3.46 0-1.48-.8-2.77-1.99-3.46L4 6h16v2.54zM11 15h2v2h-2v-2zm0-4h2v2h-2v-2zm0-4h2v2h-2V7z' fill='%23FFFFFF' fill-rule='nonzero'/></svg>")
}

.typebar--news .typebar__inner--icon::before {
    content: "";
    width: 1.75rem;
    height: 1.75rem;
    position: absolute;
    right: 1.5rem;
    top: .65rem;
    border: 0.125rem solid var(--tum-blue-dark-1);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;utf8,<svg width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M16 3H3v18h18V8l-5-5zm3 16H5V5h10v4h4v10zM7 17h10v-2H7v2zm5-10H7v2h5V7zm-5 6h10v-2H7v2z' fill='%230A2D57' fill-rule='nonzero'/></svg>")
}

.table-rwd {
    position: relative
}

.table-rwd--scroll::after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    background: linear-gradient(90deg, transparent, var(--white));
    transition: opacity .3s ease 0s
}

.table-rwd--scroll:hover::after {
    opacity: 0
}

.table-rwd__overflow {
    margin: 0 0 1em;
    width: 100%;
    overflow-x: auto
}

.table-rwd__overflow::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px
}

.table-rwd__overflow::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid var(--white);
    background-color: rgba(0, 0, 0, .3)
}

.o-flex-line {
    display: flex;
    flex-wrap: wrap
}

.o-flex-line--between {
    justify-content: space-between
}

.o-flex-line--center {
    justify-content: center
}

.o-flex-line--around {
    justify-content: space-around
}

.o-flex-line--end {
    justify-content: flex-end
}

.o-flex-line--items-end {
    align-items: flex-end
}

.o-flex-line--row-reverse {
    flex-direction: row-reverse
}

.o-flex-line--column {
    flex-direction: column
}

.o-flag {
    display: flex
}

.o-flag--top {
    align-items: flex-start
}

.o-flag--middle {
    align-items: center
}

.o-flag--bottom {
    align-items: flex-end
}

.o-flag--reverse {
    flex-direction: row-reverse
}

.o-flag__media {
    -webkit-padding-end: 1em;
    padding-inline-end: 1em
}

.o-flag--reverse .o-flag__media {
    padding-left: 1em;
    padding-right: 0
}

.o-flag__body {
    width: 100%
}

.o-flag--middle-body-only .o-flag__body {
    align-self: center
}

.o-list-bare {
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.o-list-inline {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    list-style: none
}

.o-list-inline__item {
    display: inline-block
}

.container {
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    -webkit-padding-end: 1.5rem;
    padding-inline-end: 1.5rem
}

.container--full-width {
    max-width: none;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.container--full-width>.container {
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    -webkit-padding-end: 1.5rem;
    padding-inline-end: 1.5rem
}

.container[class*=container--blue] {
    -webkit-padding-before: 3.5rem;
    padding-block-start: 3.5rem;
    -webkit-padding-after: 3.5rem;
    padding-block-end: 3.5rem
}

.container[class*=container--blue]+.container[class*=container--blue] {
    -webkit-margin-before: 0 !important;
    margin-block-start: 0 !important
}

.container--blue {
    background-color: var(--tum-blue-dark-3);
    color: var(--white)
}

.container--blue-dark {
    background-color: var(--tum-blue-dark);
    color: var(--white)
}

.container--blue-light {
    background-color: var(--tum-blue-light-5);
    color: inherit
}

.container--blue-dark-1 {
    background-color: var(--tum-blue-dark-1);
    color: var(--white)
}

.flex__min {
    width: auto
}

.container .container.margin-top-m:first-of-type {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.page__content>.container[class*=container--blue]:first-child,
.c-target-header+.container[class*=container--blue],
.c-header+.container[class*=container--blue] {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.page__content>*:last-child[class*=container--blue] {
    -webkit-margin-after: -3rem;
    margin-block-end: -3rem
}

.page__content>*:last-child[class*=news_pi1] .news-detail>*:last-child[class*=container--blue],
.page__content>*:last-child[class*=in2template_languagecertificate] {
    -webkit-margin-after: -3rem;
    margin-block-end: -3rem
}

.margin-bottom-m+.flex>[class*=flex__]>.margin-top-m:first-child,
.container.margin-top-m>.flex>[class*=flex__]>.margin-top-m:first-child,
.container.margin-top-m>.container>.margin-top-m:first-child,
.container.margin-top-m>.container>.margin-top-m>.container>.margin-top-m:first-child {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.in2template-accordion {
    border-left: 0.0625rem solid var(--tum-blue-dark);
    background-color: var(--tum-blue-light-5);
    max-width: 65.25rem
}

.container--blue .in2template-accordion,
.container--blue-dark .in2template-accordion,
.container--blue-light .in2template-accordion {
    background-color: var(--white);
    color: var(--tum-blue-dark)
}

.container--blue .in2template-accordion .ce-textmedia a:not(.btn),
.container--blue-dark .in2template-accordion .ce-textmedia a:not(.btn),
.container--blue-light .in2template-accordion .ce-textmedia a:not(.btn) {
    color: var(--tum-blue-brand) !important;
    text-decoration: none !important;
    font-weight: 500
}

.container--blue .in2template-accordion .ce-textmedia a:not(.btn):not(.btn):hover,
.container--blue-dark .in2template-accordion .ce-textmedia a:not(.btn):not(.btn):hover,
.container--blue-light .in2template-accordion .ce-textmedia a:not(.btn):not(.btn):hover {
    color: var(--tum-blue-dark-4) !important;
    text-decoration: underline !important;
    text-decoration-thickness: 0.125rem
}

.container--blue .in2template-accordion .ce-textmedia a:not(.btn):active,
.container--blue-dark .in2template-accordion .ce-textmedia a:not(.btn):active,
.container--blue-light .in2template-accordion .ce-textmedia a:not(.btn):active {
    color: var(--tum-blue-dark-2)
}

.in2template-accordion h3 {
    font-size: 1rem;
    line-height: 1.625;
    font-weight: 500
}

.in2template-accordion h3+* {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.in2template-accordion__trigger {
    align-items: baseline;
    color: inherit !important;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    font: inherit;
    margin: 0;
    -webkit-padding-after: 0.75rem;
    padding-block-end: 0.75rem;
    -webkit-padding-before: 0.75rem;
    padding-block-start: 0.75rem;
    -webkit-padding-end: 1.5rem;
    padding-inline-end: 1.5rem;
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    position: relative;
    text-align: left;
    width: 100%
}

.in2template-accordion button {
    border-style: none
}

.in2template-accordion__title {
    -webkit-margin-end: 1.5rem;
    margin-inline-end: 1.5rem;
    pointer-events: none;
    position: relative;
    top: -0.25rem
}

.in2template-accordion__icon {
    align-items: center;
    color: var(--tum-blue-brand);
    display: flex;
    justify-content: center;
    pointer-events: none
}

.in2template-accordion__icon-close {
    display: none
}

.in2template-accordion__trigger[aria-expanded=true] .in2template-accordion__icon-open {
    display: none
}

.in2template-accordion__trigger[aria-expanded=true] .in2template-accordion__icon-close {
    display: flex
}

.in2template-accordion__panel {
    -webkit-padding-after: 1.5rem;
    padding-block-end: 1.5rem;
    -webkit-padding-before: 0.75rem;
    padding-block-start: 0.75rem;
    -webkit-padding-end: 1.5rem;
    padding-inline-end: 1.5rem;
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem
}

.in2template-accordion__panel[hidden] {
    display: none
}

.in2template-accordion+.in2template-accordion {
    -webkit-margin-before: 0.5rem;
    margin-block-start: 0.5rem
}

.in2template-accordion .ce-textmedia {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.in2template-accordion .in2template-accordion {
    border-left: none;
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem
}

.in2template-accordion .in2template-accordion h3 {
    color: var(--tum-blue-brand);
    font-size: 1rem;
    line-height: .8;
    font-weight: 500
}

.in2template-accordion .in2template-accordion h3+* {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.in2template-accordion .in2template-accordion .in2template-accordion__trigger {
    align-items: center;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    justify-content: flex-start
}

.in2template-accordion .in2template-accordion .in2template-accordion__title {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-margin-start: 0.25rem;
    margin-inline-start: 0.25rem;
    pointer-events: none;
    position: static
}

.in2template-accordion .in2template-accordion .in2template-accordion__icon {
    align-items: center;
    color: var(--tum-blue-brand);
    display: flex;
    justify-content: center;
    pointer-events: none
}

.in2template-accordion .in2template-accordion .in2template-accordion__icon-close {
    display: none
}

.in2template-accordion .in2template-accordion .in2template-accordion__trigger[aria-expanded=true] .in2template-accordion__icon-open {
    display: none
}

.in2template-accordion .in2template-accordion .in2template-accordion__trigger[aria-expanded=true] .in2template-accordion__icon-close {
    display: flex
}

.in2template-accordion .in2template-accordion .in2template-accordion__panel {
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-padding-before: 1rem;
    padding-block-start: 1rem;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.c-calendar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 72.75rem;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

.c-calendar__calendar {
    max-width: 34.125rem;
    width: 100%
}

.c-calendar__table {
    width: 100%;
    border: 0 solid rgba(0, 0, 0, 0)
}

.c-calendar__table th,
.c-calendar__table td {
    border: 0 solid rgba(0, 0, 0, 0);
    padding: 0.25rem;
    text-align: center
}

.c-calendar__formtr,
.c-calendar__days {
    text-align: left
}

.c-calendar__formtr th {
    text-align: left;
    padding-bottom: 2rem
}

.c-calendar__days {
    font-size: 0.875rem;
    color: var(--tum-grey-4)
}

.c-calendar__days th {
    font-weight: normal
}

.c-calendar__day {
    font-size: 1.25rem;
    color: var(--tum-blue-light-3)
}

.c-calendar__day span {
    display: inline-block;
    padding: 0.75rem
}

.c-calendar__day span a {
    display: inline-block
}

.c-calendar__day--hasevents a {
    color: var(--tum-blue-dark)
}

.c-calendar__day--today,
.c-calendar__day--selected {
    position: relative
}

.c-calendar__day--today::before,
.c-calendar__day--selected::before {
    content: "";
    width: 3rem;
    height: 3rem;
    position: absolute;
    right: 1rem;
    top: 0.5rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1
}

.c-calendar__day--today span,
.c-calendar__day--selected span {
    position: relative;
    z-index: 2
}

.c-calendar__day--today a,
.c-calendar__day--selected a {
    color: var(--white)
}

.c-calendar__day--today a:hover,
.c-calendar__day--today a:focus,
.c-calendar__day--selected a:hover,
.c-calendar__day--selected a:focus {
    color: var(--white)
}

.c-calendar__day--today::before {
    background-color: var(--tum-blue-light)
}

.c-calendar__day--selected::before {
    background-color: var(--tum-blue-brand)
}

.c-calendar__list {
    max-width: 28.1875rem;
    width: 100%
}

.c-calendar__cat {
    -webkit-margin-after: 4.375rem;
    margin-block-end: 4.375rem
}

.c-calendar__cat ul {
    align-items: center;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875rem;
    line-height: 1.5714285714;
    list-style: none;
    row-gap: 0.5rem
}

.c-calendar__cat label {
    align-items: center;
    background-color: var(--white);
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
    display: flex !important;
    font-weight: 400 !important;
    padding: 0.125rem 0.75rem;
    cursor: pointer
}

.c-calendar__cat label[for=c-calendar__category-color--blue] {
    border: 0.0625rem solid var(--tum-blue-brand)
}

.c-calendar__cat label[for=c-calendar__category-color--blue-dark] {
    border: 0.0625rem solid var(--tum-blue-dark)
}

.c-calendar__cat label[for=c-calendar__category-color--blue-light] {
    border: 0.0625rem solid var(--tum-blue-light)
}

.c-calendar__cat label[for=c-calendar__category-color--yellow] {
    border: 0.0625rem solid var(--tum-yellow)
}

.c-calendar__cat label[for=c-calendar__category-color--yellow] {
    border: 0.0625rem solid var(--tum-yellow)
}

.c-calendar__cat label[for=c-calendar__category-color--orange] {
    border: 0.0625rem solid var(--tum-orange)
}

.c-calendar__cat label[for=c-calendar__category-color--pink] {
    border: 0.0625rem solid var(--tum-pink)
}

.c-calendar__cat label[for=c-calendar__category-color--blue-bright] {
    border: 0.0625rem solid var(--tum-blue-bright)
}

.c-calendar__cat label[for=c-calendar__category-color--red] {
    border: 0.0625rem solid var(--tum-red)
}

.c-calendar__cat label[for=c-calendar__category-color--green] {
    border: 0.0625rem solid var(--tum-green)
}

.c-calendar__cat input[type=checkbox]::after {
    display: none
}

.c-calendar__cat input[type=checkbox]:not(:checked)+label .checked {
    display: none
}

.c-calendar__cat input[type=checkbox]:focus-visible+label {
    outline-offset: 0.25rem;
    outline: 0.125rem solid red
}

@media(prefers-reduced-motion: no-preference) {
    .c-calendar__cat input[type=checkbox]:focus-visible+label {
        transition: outline-offset .25s ease
    }
}

.c-calendar__item {
    align-items: flex-end;
    border-left: 0.4375rem solid rgba(0, 0, 0, 0);
    color: inherit;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: flex;
    font-size: 0.875rem;
    line-height: 1.5714285714;
    -webkit-padding-after: 1.25rem;
    padding-block-end: 1.25rem;
    -webkit-padding-before: 0.75rem;
    padding-block-start: 0.75rem;
    padding-left: 1rem;
    text-decoration: none
}

.c-calendar__item:hover,
.c-calendar__item:focus,
.c-calendar__item:active {
    color: inherit !important;
    text-decoration: none !important
}

.c-calendar__item[aria-hidden=true] {
    display: none
}

.c-calendar__item>div:first-child {
    min-width: 6.25rem;
    max-width: 6.25rem
}

@media screen and (min-width: 31.25em) {
    .c-calendar__item>div:first-child {
        min-width: 9.375rem;
        max-width: 9.375rem
    }
}

.c-calendar__item[aria-hidden=false]+.c-calendar__item[aria-hidden=false] {
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem
}

.c-calendar__item.c-calendar__category-color--blue {
    border-left-color: var(--tum-blue-brand)
}

.c-calendar__item.c-calendar__category-color--blue:hover,
.c-calendar__item.c-calendar__category-color--blue:focus,
.c-calendar__item.c-calendar__category-color--blue:active {
    background-color: var(--tum-blue-brand-4)
}

.c-calendar__item.c-calendar__category-color--blue-dark {
    border-left-color: var(--tum-blue-dark)
}

.c-calendar__item.c-calendar__category-color--blue-dark:hover,
.c-calendar__item.c-calendar__category-color--blue-dark:focus,
.c-calendar__item.c-calendar__category-color--blue-dark:active {
    background-color: var(--tum-blue-dark-4)
}

.c-calendar__item.c-calendar__category-color--blue-light {
    border-left-color: var(--tum-blue-light)
}

.c-calendar__item.c-calendar__category-color--blue-light:hover,
.c-calendar__item.c-calendar__category-color--blue-light:focus,
.c-calendar__item.c-calendar__category-color--blue-light:active {
    background-color: var(--tum-blue-light-4)
}

.c-calendar__item.c-calendar__category-color--yellow {
    border-left-color: var(--tum-yellow)
}

.c-calendar__item.c-calendar__category-color--yellow:hover,
.c-calendar__item.c-calendar__category-color--yellow:focus,
.c-calendar__item.c-calendar__category-color--yellow:active {
    background-color: var(--tum-yellow-4)
}

.c-calendar__item.c-calendar__category-color--orange {
    border-left-color: var(--tum-orange)
}

.c-calendar__item.c-calendar__category-color--orange:hover,
.c-calendar__item.c-calendar__category-color--orange:focus,
.c-calendar__item.c-calendar__category-color--orange:active {
    background-color: var(--tum-orange-4)
}

.c-calendar__item.c-calendar__category-color--pink {
    border-left-color: var(--tum-pink)
}

.c-calendar__item.c-calendar__category-color--pink:hover,
.c-calendar__item.c-calendar__category-color--pink:focus,
.c-calendar__item.c-calendar__category-color--pink:active {
    background-color: var(--tum-pink-4)
}

.c-calendar__item.c-calendar__category-color--blue-bright {
    border-left-color: var(--tum-blue-bright)
}

.c-calendar__item.c-calendar__category-color--blue-bright:hover,
.c-calendar__item.c-calendar__category-color--blue-bright:focus,
.c-calendar__item.c-calendar__category-color--blue-bright:active {
    background-color: var(--tum-blue-bright-4)
}

.c-calendar__item.c-calendar__category-color--red {
    border-left-color: var(--tum-red)
}

.c-calendar__item.c-calendar__category-color--red:hover,
.c-calendar__item.c-calendar__category-color--red:focus,
.c-calendar__item.c-calendar__category-color--red:active {
    background-color: var(--tum-red-4)
}

.c-calendar__item.c-calendar__category-color--green {
    border-left-color: var(--tum-green)
}

.c-calendar__item.c-calendar__category-color--green:hover,
.c-calendar__item.c-calendar__category-color--green:focus,
.c-calendar__item.c-calendar__category-color--green:active {
    background-color: var(--tum-green-4)
}

.c-calendar__item-date {
    font-weight: 700
}

.c-calendar__item-date-start::after {
    content: " "
}

.c-calendar__item-date-end {
    display: none
}

.c-calendar__item-date-end::before {
    content: "- "
}

.c-calendar__item-date-end::after {
    content: " "
}

@media screen and (min-width: 31.25em) {
    .c-calendar__item-date-end {
        display: inline
    }
}

.c-calendar__item-duration {
    color: var(--tum-grey-4)
}

.c-calendar__item-title {
    font-size: 1.25rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.c-calendar__item-place {
    color: var(--tum-grey-4)
}

.c-counter {
    display: grid;
    grid-auto-flow: row;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    row-gap: 4.375rem
}

@media screen and (min-width: 43.75em) {
    .c-counter {
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
        grid-auto-rows: 1fr
    }
}

.c-counter--colorful {
    color: var(--white);
    row-gap: 1.5rem
}

.c-counter__item {
    text-align: center;
    width: 100%
}

@media screen and (min-width: 43.75em) {
    .c-counter__item {
        text-align: left
    }
}

.c-counter__item-num {
    font-size: 5rem;
    font-weight: 700;
    line-height: 1
}

@media screen and (min-width: 43.75em) {
    .c-counter__item-num {
        font-size: 4.25rem;
        line-height: .7647058824
    }
}

.c-counter__item-text {
    -webkit-margin-before: 0.5rem;
    margin-block-start: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3
}

@media screen and (min-width: 62.5em) {
    .c-counter__item-text {
        -webkit-margin-before: 1.25rem;
        margin-block-start: 1.25rem
    }
}

.c-counter--colorful .c-counter__item {
    background-color: var(--tum-blue-brand);
    padding: 1.25rem
}

@media screen and (min-width: 62.5em) {
    .c-counter--colorful .c-counter__item {
        display: flex;
        grid-column: 4/6;
        align-items: flex-end
    }

    .c-counter--colorful .c-counter__item .c-counter__item-num {
        width: 50%;
        flex-shrink: 0;
        font-size: 5.625rem
    }

    .c-counter--colorful .c-counter__item .c-counter__item-text {
        font-size: 1.375rem
    }

    .c-counter--colorful .c-counter__item:first-of-type {
        flex-direction: column;
        padding: 2.5rem;
        grid-column: 1/4;
        grid-row: 1/3;
        align-items: flex-start
    }

    .c-counter--colorful .c-counter__item:first-of-type .c-counter__item-num {
        font-size: 8.125rem;
        width: auto
    }

    .c-counter--colorful .c-counter__item:first-of-type .c-counter__item-text {
        font-size: 2.125rem
    }
}

.c-counter--colorful .c-counter__item--lilac {
    background-color: var(--tum-blue-bright);
    color: var(--tum-blue-dark)
}

.c-counter--colorful .c-counter__item--green {
    background-color: var(--tum-green);
    color: var(--tum-blue-dark)
}

.c-counter--colorful .c-counter__item--blue-dark {
    background-color: var(--tum-blue-dark)
}

.c-counter--colorful .c-counter__item--pink {
    background-color: var(--tum-pink);
    color: var(--tum-blue-dark)
}

.c-counter--colorful .c-counter__item--orange {
    background-color: var(--tum-red);
    color: var(--tum-blue-dark)
}

.c-counter--colorful .c-counter__item--yellow {
    background-color: var(--tum-orange);
    color: var(--tum-blue-dark)
}

.c-counter--colorful .c-counter__item--bright-yellow {
    background-color: var(--tum-yellow);
    color: var(--tum-blue-dark)
}

.c-download {
    color: initial
}

.c-download-content {
    display: flex;
    flex-direction: column;
    background-color: var(--tum-grey-8);
    -webkit-padding-after: 1.5rem;
    padding-block-end: 1.5rem;
    -webkit-padding-before: 1.25rem;
    padding-block-start: 1.25rem;
    -webkit-padding-end: 1.5rem;
    padding-inline-end: 1.5rem;
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem
}

.c-download-content__text {
    flex: 1;
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

.c-download-content__link {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

.c-download-content__link a {
    align-items: center;
    display: inline-flex;
    gap: 0.75rem
}

.c-download-content__link-info {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875rem;
    gap: 0.5rem;
    line-height: 1.5714285714;
    -webkit-margin-before: 0.75rem;
    margin-block-start: 0.75rem
}

.c-download-content__link-info svg {
    color: var(--tum-blue-brand)
}

.c-statutedatabase .c-download {
    height: 100%
}

.c-statutedatabase .c-download-content {
    height: 100%
}

.page__footer {
    content-visibility: auto;
    contain-intrinsic-size: initial
}

.page__footer a {
    color: var(--white);
    font-weight: 400;
    text-decoration: none
}

.page__footer a[href*=http]:not([href*="https://www.tum.de"])::after {
    height: 1em;
    -webkit-margin-start: 0.25rem;
    margin-inline-start: 0.25rem;
    width: 1em
}

.page__footer a:hover,
.page__footer a:active,
.page__footer a:focus {
    color: inherit
}

.page__footer-links a[href*=http]:not([href*="https://www.tum.de"])::after {
    height: 1.25em;
    -webkit-margin-start: 0.5rem;
    margin-inline-start: 0.5rem;
    width: 1.25em
}

.page__footer ul {
    list-style: none
}

.page__footer-primary {
    background-color: var(--tum-blue-dark-1);
    color: var(--white);
    -webkit-padding-after: 1.5rem;
    padding-block-end: 1.5rem;
    -webkit-padding-before: 3.5rem;
    padding-block-start: 3.5rem
}

.page__footer-tertiary {
    background-color: var(--tum-blue-dark);
    color: var(--white);
    -webkit-padding-after: 1.5rem;
    padding-block-end: 1.5rem;
    -webkit-padding-before: 1.5rem;
    padding-block-start: 1.5rem
}

.page__footer-tertiary .container+.container {
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem
}

.page__footer-logo {
    -webkit-padding-before: 0.3125rem;
    padding-block-start: 0.3125rem
}

.page__footer-divider {
    border-width: 0;
    border-top-width: 0.0625rem;
    opacity: .3;
    -webkit-margin-after: 1.5rem;
    margin-block-end: 1.5rem;
    -webkit-margin-before: 4.75rem;
    margin-block-start: 4.75rem
}

.page__footer-quicklinks,
.page__footer-quicklinks h2 {
    font-size: 0.875rem;
    line-height: 1.5714285714
}

.page__footer-quicklinks ul {
    align-items: baseline;
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    row-gap: 0.5rem
}

@media screen and (max-width: 43.6875em) {
    .page__footer-quicklinks .flex__min {
        width: 100%
    }
}

.page__footer-social-media ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    row-gap: 0.5rem
}

@media(min-width: 43.75em) {
    .page__footer-social-media ul {
        justify-content: flex-end
    }
}

.page__footer-social-media a {
    display: flex
}

.page__footer-news li {
    -webkit-margin-start: 1.75rem;
    margin-inline-start: 1.75rem;
    position: relative
}

.page__footer-news li::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h13M12 5l7 7-7 7'/></svg>");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 1.25em;
    -webkit-margin-start: -1.75rem;
    margin-inline-start: -1.75rem;
    position: absolute;
    vertical-align: text-bottom;
    width: 1.25em
}

.page__footer-news li+li {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem
}

.page__footer-partner,
.page__footer-partner h2 {
    font-size: 0.75rem;
    line-height: 1.5
}

.page__footer-partner ul {
    display: flex;
    flex-wrap: wrap;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-padding-end: 4rem;
    padding-inline-end: 4rem
}

.page__footer-partner ul li:not(:last-child)::after {
    content: " · ";
    white-space: pre
}

.page__footer-partner a {
    display: block
}

.foundergallery {
    -webkit-padding-after: 3rem;
    padding-block-end: 3rem;
    -webkit-padding-before: 3rem;
    padding-block-start: 3rem
}

.founderelement {
    margin-bottom: 2rem
}

@media screen and (min-width: 62.5em) {
    .founderform {
        margin-bottom: 1.5rem
    }
}

@media screen and (min-width: 62.5em) {
    .founderformfacets {
        text-align: right
    }
}

.tx-solr-search-form-founderform-category,
.tx-solr-search-form-founderform-sorting {
    margin-bottom: 1.5rem
}

@media screen and (max-width: 62.5em) {

    .tx-solr-search-form-founderform-category,
    .tx-solr-search-form-founderform-sorting {
        width: 100%
    }
}

.founderforminput {
    width: 100%
}

.founderforminput.forminput--icon-trailing {
    background: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M10.335 2.104a8 8 0 0 1 6.32 12.906l4.661 4.673-1.416 1.413-4.661-4.67a8 8 0 1 1-4.904-14.322zm0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12z' fill='%23072140' fill-rule='nonzero'/></svg>") right 0.625rem center/1.5rem no-repeat
}

.founderinfo {
    border: 1px solid;
    border-color: var(--tum-grey-7);
    padding: 1rem;
    text-align: center
}

.founderlogo {
    padding: .5rem 1rem .75rem 1rem;
    border: 1px solid;
    border-color: var(--tum-grey-7);
    border-bottom: none;
    height: 93px;
    position: relative
}

.founderlogo>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.founderinfo__filter {
    padding-right: .5rem
}

.founderinfo__filterlink {
    color: var(--tum-blue-brand);
    cursor: pointer;
    font-weight: 500;
    padding: .5rem 0
}

.c-header {
    --c-header-theme: var(--tum-blue-dark);
    background-color: var(--c-header-theme);
    position: relative;
    color: var(--white)
}

.c-header.c-header--gradient-content {
    background-image: linear-gradient(to left, rgb(37, 85, 141) 0%, var(--tum-blue-dark-1) 70%)
}

.c-header.c-header--solid-blue-dark,
.c-header.c-header--solid-blue-light,
.c-header.c-header--solid-blue {
    overflow: hidden
}

@media screen and (min-width: 62.5em) {

    .c-header.c-header--solid-blue-dark,
    .c-header.c-header--solid-blue-light,
    .c-header.c-header--solid-blue {
        min-height: 38.75rem
    }

    .c-header.c-header--solid-blue-dark .c-header__content,
    .c-header.c-header--solid-blue-light .c-header__content,
    .c-header.c-header--solid-blue .c-header__content {
        max-width: 28.75rem;
        min-height: 38.75rem;
        -webkit-padding-end: 3rem;
        padding-inline-end: 3rem;
        width: 100%
    }

    .c-header.c-header--solid-blue-dark .c-header__content::before,
    .c-header.c-header--solid-blue-light .c-header__content::before,
    .c-header.c-header--solid-blue .c-header__content::before {
        bottom: 0;
        content: "";
        left: -100vw;
        position: absolute;
        top: 0;
        width: 100vw
    }

    .c-header.c-header--solid-blue-dark .c-header__image,
    .c-header.c-header--solid-blue-dark .c-header__video,
    .c-header.c-header--solid-blue-light .c-header__image,
    .c-header.c-header--solid-blue-light .c-header__video,
    .c-header.c-header--solid-blue .c-header__image,
    .c-header.c-header--solid-blue .c-header__video {
        bottom: 0;
        left: 25%;
        position: absolute;
        right: 0;
        top: 0
    }
}

@media screen and (min-width: 62.5em) {
    .c-header.c-header--solid-blue-dark .c-header__content {
        background-color: var(--tum-blue-dark);
        color: var(--white)
    }

    .c-header.c-header--solid-blue-dark .c-header__content::before {
        background-color: var(--tum-blue-dark);
        color: var(--white)
    }
}

@media screen and (min-width: 62.5em) {
    .c-header.c-header--solid-blue-light .c-header__content {
        background-color: var(--tum-blue-light-5);
        color: var(--tum-blue-dark)
    }

    .c-header.c-header--solid-blue-light .c-header__content::before {
        background-color: var(--tum-blue-light-5);
        color: var(--tum-blue-dark)
    }
}

@media screen and (min-width: 62.5em) {
    .c-header.c-header--solid-blue .c-header__content {
        background-color: var(--tum-blue-dark-3);
        color: var(--white)
    }

    .c-header.c-header--solid-blue .c-header__content::before {
        background-color: var(--tum-blue-dark-3);
        color: var(--white)
    }
}

.c-header__bg {
    bottom: 0;
    display: none;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

@media screen and (min-width: 43.75em) {
    .c-header__bg {
        min-height: 38.75rem
    }
}

.c-header__content {
    -webkit-padding-after: 4rem;
    padding-block-end: 4rem;
    -webkit-padding-before: 4rem;
    padding-block-start: 4rem;
    position: relative;
    z-index: 2
}

@media screen and (min-width: 43.75em) {
    .c-header__content {
        max-width: 40.5rem
    }
}

.c-header__content-text {
    font-size: 1.25rem;
    line-height: 1.5;
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem
}

.c-header__content-link {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

@media screen and (min-width: 43.75em) {
    .c-header--image.c-header--gradient {
        min-height: 38.75rem
    }

    .c-header--image.c-header--gradient .c-header__image {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .c-header--image.c-header--gradient .c-header__bg {
        display: block
    }
}

@media screen and (min-width: 75em) {
    .c-header--image.c-header--gradient .c-header__image {
        left: 20%
    }
}

.c-header--image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media screen and (min-width: 43.75em) {
    .c-header--video.c-header--gradient {
        min-height: 38.75rem
    }

    .c-header--video.c-header--gradient .c-header__video {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .c-header--video.c-header--gradient .c-header__bg {
        display: block
    }
}

@media screen and (min-width: 75em) {
    .page:not(.page--home) .c-header--video.c-header--gradient .c-header__video video {
        padding-left: 20%
    }
}

.page--home .c-header--video.c-header--gradient .c-header__bg {
    background-image: linear-gradient(292deg, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0.85) 100%)
}

@media screen and (min-width: 43.75em) {
    .page--home .c-header--video.c-header--gradient {
        min-height: 43.75rem
    }

    .page--home .c-header--video.c-header--gradient .c-header__bg {
        min-height: 43.75rem
    }
}

.c-header--video video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-header--video .c-header__video {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative
}

.c-header--video .c-header__video .container {
    bottom: 0;
    position: absolute;
    top: 0
}

.c-header--video .c-header__video button {
    display: flex;
    padding: 0.625rem;
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 3
}

.c-header--video .c-header__video button .c-header__video-pause {
    display: block
}

.c-header--video .c-header__video button .c-header__video-play {
    display: none
}

.c-header--video .c-header__video button[aria-pressed=true] .c-header__video-pause {
    display: none
}

.c-header--video .c-header__video button[aria-pressed=true] .c-header__video-play {
    display: block
}

.interactive-module {
    height: 43.75rem;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    z-index: 1
}

.interactive-module canvas {
    display: block
}

.interactive-module button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    font: inherit;
    text-align: center;
    text-decoration: none
}

.interactive-module h2 {
    font-weight: 500
}

.interactive-module .h4 {
    font-weight: 500;
    font-size: 1.625rem;
    -webkit-hyphens: none;
    hyphens: none;
    transition: transform .15s linear
}

.interactive-module__link-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.interactive-module__link-wrapper-link {
    align-items: center;
    color: var(--white);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 18.75rem;
    opacity: 0;
    -webkit-padding-after: 2.75rem;
    padding-block-end: 2.75rem;
    pointer-events: all;
    position: absolute;
    transition: visibility .2s linear, opacity .6s cubic-bezier(0.5, 1, 0.89, 1);
    visibility: hidden;
    will-change: transform
}

.interactive-module__link-wrapper-link:hover .h4,
.interactive-module__link-wrapper-link:active .h4,
.interactive-module__link-wrapper-link:focus .h4 {
    transform: scale(1.05)
}

.interactive-module__content-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 1.5rem;
    position: absolute;
    right: 1.5rem;
    top: 0;
    transform-style: preserve-3d
}

.interactive-module__content-wrapper-content {
    bottom: 2.5rem;
    color: var(--white);
    display: flex;
    flex-direction: column;
    max-width: 43.75rem;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 4.5rem;
    transform-origin: center right;
    transition: transform .3s linear 0s, visibility .1s linear 0s, opacity .6s cubic-bezier(0.5, 1, 0.89, 1) 0s;
    visibility: hidden;
    width: 100%
}

.interactive-module__content-wrapper-content>div:first-child {
    flex: 1
}

.interactive-module__content-wrapper-content>div:first-child a {
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem;
    pointer-events: all
}

.interactive-module__content-wrapper-content>div:last-child {
    align-items: flex-end;
    display: flex;
    justify-content: center
}

.interactive-module .back-button,
.interactive-module .nav-button {
    align-items: center;
    color: var(--white);
    display: flex;
    flex-direction: column;
    pointer-events: all;
    position: relative
}

.interactive-module .back-button svg,
.interactive-module .nav-button svg {
    pointer-events: none
}

.interactive-module .eye,
.interactive-module .next,
.interactive-module .prev {
    bottom: 0.875rem;
    position: absolute
}

.interactive-module .visible {
    opacity: 1;
    transition: transform .3s linear 1.6s, visibility .1s linear 1.6s, opacity .6s cubic-bezier(0.5, 1, 0.89, 1) 1.6s;
    visibility: visible
}

.page__header {
    background-color: var(--tum-blue-dark);
    color: var(--white);
    top: 0;
    z-index: 7;
    position: sticky
}

.page__header>.container {
    max-width: 104rem
}

.page__header-logo {
    align-items: center;
    color: inherit !important;
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
    display: flex;
    -webkit-padding-after: 1.25rem;
    padding-block-end: 1.25rem;
    -webkit-padding-before: 1.25rem;
    padding-block-start: 1.25rem;
    text-decoration: none !important
}

.page__header-logo span:not(.visually-hidden) {
    display: none;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1666666667
}

@media screen and (min-width: 75em) {
    .page__header-logo span:not(.visually-hidden) {
        display: block
    }
}

.page__header-language {
    display: flex;
    font-weight: 500;
    list-style: none;
    -webkit-margin-end: 0.625rem;
    margin-inline-end: 0.625rem;
    text-transform: uppercase
}

.page__header-language__item {
    color: currentColor
}

.page__header-language__item a {
    color: inherit !important;
    opacity: 50%;
    text-decoration: none !important
}

.page__header-language__item a:hover,
.page__header-language__item a:focus,
.page__header-language__item a:active {
    opacity: 100%
}

.page__header-language__item+.page__header-language__item {
    border-left: 0.125rem solid;
    -webkit-margin-start: 0.5rem;
    margin-inline-start: 0.5rem;
    -webkit-padding-start: 0.5rem;
    padding-inline-start: 0.5rem
}

.page__header .btn--search {
    color: currentColor
}

.page--bright-yellow .page__header,
.page--bright-yellow .c-target-header {
    background-color: var(--tum-yellow);
    color: var(--tum-blue-dark);
    --theme-color: var(--tum-yellow)
}

.page--yellow .page__header,
.page--yellow .c-target-header {
    background-color: var(--tum-orange);
    color: var(--tum-blue-dark);
    --theme-color: var(--tum-orange)
}

.page--lilac .page__header,
.page--lilac .c-target-header {
    background-color: var(--tum-blue-bright);
    color: var(--tum-blue-dark);
    --theme-color: var(--tum-blue-bright)
}

.page--green .page__header,
.page--green .c-target-header {
    background-color: var(--tum-green);
    color: var(--tum-blue-dark);
    --theme-color: var(--tum-green)
}

.page--pink .page__header,
.page--pink .c-target-header {
    background-color: var(--tum-pink);
    color: var(--tum-blue-dark);
    --theme-color: var(--tum-pink)
}

.page--orange .page__header,
.page--orange .c-target-header {
    background-color: var(--tum-red);
    color: var(--tum-blue-dark);
    --theme-color: var(--tum-red)
}

.page--blue-dark .page__header,
.page--blue-dark .c-target-header {
    background-color: var(--tum-blue-dark);
    color: var(--white);
    --theme-color: var(--tum-blue-dark)
}

.page--blue .page__header,
.page--blue .c-target-header {
    background-color: var(--tum-blue-brand);
    color: var(--white);
    --theme-color: var(--tum-blue-brand)
}

.c-main-menu {
    display: none;
    -webkit-margin-end: 3.375rem;
    margin-inline-end: 3.375rem
}

@media screen and (min-width: 75em) {
    .c-main-menu {
        display: block
    }
}

.c-main-menu button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: inherit;
    background-image: none;
    border: none;
    color: inherit;
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: 0.75rem;
    text-align: center;
    text-decoration: none
}

.c-main-menu__list {
    display: none;
    list-style: none
}

.c-main-menu__list.is-focus {
    display: none
}

.c-main-menu__list--level2 {
    -webkit-padding-after: 2.5rem;
    padding-block-end: 2.5rem;
    -webkit-padding-before: 2rem;
    padding-block-start: 2rem;
    position: relative;
    width: 33.333%
}

.c-main-menu__list--level2 li+li {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem
}

.c-main-menu__list--level3 {
    left: 100%;
    -webkit-padding-after: 2.5rem;
    padding-block-end: 2.5rem;
    -webkit-padding-before: 2.5rem;
    padding-block-start: 2.5rem;
    -webkit-padding-start: 3rem;
    padding-inline-start: 3rem;
    position: absolute;
    right: 0;
    top: -0.5rem;
    width: 100%;
    z-index: 1
}

.c-main-menu__list--level4 {
    left: 100%;
    -webkit-padding-after: 2.5rem;
    padding-block-end: 2.5rem;
    -webkit-padding-before: 2.5rem;
    padding-block-start: 2.5rem;
    -webkit-padding-start: 3rem;
    padding-inline-start: 3rem;
    position: absolute;
    top: 0;
    width: 100%
}

.c-main-menu a {
    color: inherit;
    text-decoration: none
}

.c-main-menu>.c-main-menu__list {
    display: flex;
    gap: 1.5rem
}

.c-main-menu>.c-main-menu__list>li>a,
.c-main-menu>.c-main-menu__list>li>button {
    border-bottom: 0.25rem solid rgba(0, 0, 0, 0);
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.1428571429;
    -webkit-margin-after: 0.125rem;
    margin-block-end: 0.125rem;
    -webkit-padding-after: 1.5rem;
    padding-block-end: 1.5rem;
    -webkit-padding-before: 2rem;
    padding-block-start: 2rem;
    text-transform: uppercase
}

.c-main-menu>.c-main-menu__list>li>a:hover,
.c-main-menu>.c-main-menu__list>li>a.is-active,
.c-main-menu>.c-main-menu__list>li>a.active-tree,
.c-main-menu>.c-main-menu__list>li>button:hover,
.c-main-menu>.c-main-menu__list>li>button.is-active,
.c-main-menu>.c-main-menu__list>li>button.active-tree {
    border-bottom-color: currentColor;
    color: currentColor;
    text-decoration: none
}

.c-main-menu div.sub {
    display: none;
    left: 3.5rem;
    overflow-y: auto;
    position: absolute;
    right: 3.5rem;
    transition: background-size 1s ease-in-out
}

.c-main-menu div.sub>.container {
    max-width: 101rem
}

.c-main-menu div.sub .sub-background {
    background-color: #051529;
    background-image: linear-gradient(90deg, var(--tum-blue-dark) 36%, #051529 36%);
    background-size: 100%;
    overflow-y: auto;
    -webkit-padding-end: 1.5rem;
    padding-inline-end: 1.5rem;
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    transition: background-size 1s ease-in-out;
    max-height: 50rem
}

.c-main-menu div.sub .sub-background.is-focus {
    background-size: 500%
}

.c-main-menu div.sub a,
.c-main-menu div.sub button {
    color: var(--white);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5;
    opacity: 60%
}

.c-main-menu div.sub a.c-main-menu__link--overview,
.c-main-menu div.sub button.c-main-menu__link--overview {
    font-weight: 700;
    font-size: 1.5rem
}

.c-main-menu div.sub a.c-main-menu__close,
.c-main-menu div.sub button.c-main-menu__close {
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    opacity: 100%;
    padding: 0.625rem;
    position: absolute;
    right: 1.375rem;
    top: 0
}

.c-main-menu div.sub a:hover,
.c-main-menu div.sub a:focus,
.c-main-menu div.sub a:active,
.c-main-menu div.sub a.active-tree,
.c-main-menu div.sub a.active-page,
.c-main-menu div.sub a.is-active,
.c-main-menu div.sub button:hover,
.c-main-menu div.sub button:focus,
.c-main-menu div.sub button:active,
.c-main-menu div.sub button.active-tree,
.c-main-menu div.sub button.active-page,
.c-main-menu div.sub button.is-active {
    text-decoration: underline;
    text-underline-offset: .2ex;
    opacity: 100%
}

.c-main-menu div.sub .nav-search-results__breadcrumb {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.c-main-menu div.sub .nav-search-results__breadcrumb a {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5
}

.c-main-menu div.sub .nav-search-results__breadcrumb>span+span::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'><path d='M9 18l6-6-6-6'/></svg>");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-flex;
    height: 0.75rem;
    -webkit-margin-end: 0.25rem;
    margin-inline-end: 0.25rem;
    -webkit-margin-start: 0.25rem;
    margin-inline-start: 0.25rem;
    position: relative;
    top: 0.125rem;
    width: 0.75rem
}

.c-main-menu .container {
    position: relative
}

.c-main-menu .is-active+.sub {
    display: block
}

.c-main-menu .is-active+.sub .c-main-menu__list--level2:not(.is-focus) {
    display: block
}

.c-main-menu .nav-search {
    -webkit-margin-before: 2.5rem;
    margin-block-start: 2.5rem;
    width: 33.333%
}

.c-main-menu .nav-search label:not(.checkboxlabel):not(.radiolabel) {
    color: var(--white);
    display: flex;
    flex-direction: column;
    max-width: 18.75rem;
    position: relative
}

.c-main-menu .nav-search input {
    width: 100%;
    background-color: #6a757e;
    border-bottom: 0 !important;
    color: var(--white);
    -webkit-padding-end: 2.75rem;
    padding-inline-end: 2.75rem
}

.c-main-menu .nav-search input::-moz-placeholder {
    color: var(--white);
    opacity: 100%
}

.c-main-menu .nav-search input::placeholder {
    color: var(--white);
    opacity: 100%
}

.c-main-menu .nav-search input:hover,
.c-main-menu .nav-search input:focus,
.c-main-menu .nav-search input:active {
    background-color: var(--white);
    color: #10243d
}

.c-main-menu .nav-search input:hover::-moz-placeholder,
.c-main-menu .nav-search input:focus::-moz-placeholder,
.c-main-menu .nav-search input:active::-moz-placeholder {
    color: #10243d
}

.c-main-menu .nav-search input:hover::placeholder,
.c-main-menu .nav-search input:focus::placeholder,
.c-main-menu .nav-search input:active::placeholder {
    color: #10243d
}

.c-main-menu .nav-search input:hover+button,
.c-main-menu .nav-search input:focus+button,
.c-main-menu .nav-search input:active+button {
    color: #10243d
}

.c-main-menu .nav-search button {
    bottom: 0.125rem;
    display: flex;
    padding: 0.625rem;
    position: absolute;
    right: 0;
    z-index: 1
}

.c-main-menu .nav-search button[aria-hidden=true] {
    display: none
}

.c-main-menu .nav-search-results {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem;
    width: 33.333%
}

.c-main-menu .nav-search-results[aria-hidden=true] {
    display: none
}

.c-main-menu .nav-search-results>* {
    display: none
}

.c-main-menu .nav-search-results li+li {
    -webkit-margin-before: 1.25rem;
    margin-block-start: 1.25rem
}

.c-mobile-menu {
    background-color: var(--tum-blue-dark);
    bottom: 0;
    display: none;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-padding-after: 1.5rem;
    padding-block-end: 1.5rem;
    -webkit-padding-before: 1.5rem;
    padding-block-start: 1.5rem;
    position: fixed;
    right: 0;
    top: 0;
    transition: background-color .3s ease-in-out
}

.c-mobile-menu[level="2"] {
    background-color: #051529
}

.c-mobile-menu[level="3"] {
    background-color: #030e1c
}

.c-mobile-menu[level="4"] {
    background-color: #000
}

.c-mobile-menu button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: inherit;
    background-image: none;
    border: none;
    color: inherit;
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: 0.75rem;
    text-align: left;
    text-decoration: none
}

.c-mobile-menu button svg {
    min-width: 1.5rem
}

.c-mobile-menu a,
.c-mobile-menu button {
    color: var(--white);
    font-weight: 400
}

.c-mobile-menu a.mobile-menu__link--back,
.c-mobile-menu button.mobile-menu__link--back {
    opacity: 50%
}

.c-mobile-menu a.c-mobile-menu__link--overview,
.c-mobile-menu a.c-mobile-menu__link.active-page,
.c-mobile-menu button.c-mobile-menu__link--overview,
.c-mobile-menu button.c-mobile-menu__link.active-page {
    font-weight: 700
}

.c-mobile-menu a:hover,
.c-mobile-menu a:focus,
.c-mobile-menu a:active,
.c-mobile-menu a.active-tree,
.c-mobile-menu a.active-page,
.c-mobile-menu a.is-active,
.c-mobile-menu button:hover,
.c-mobile-menu button:focus,
.c-mobile-menu button:active,
.c-mobile-menu button.active-tree,
.c-mobile-menu button.active-page,
.c-mobile-menu button.is-active {
    color: var(--white);
    text-decoration: none;
    opacity: 100%
}

.c-mobile-menu a.active-tree,
.c-mobile-menu a.active-page,
.c-mobile-menu button.active-tree,
.c-mobile-menu button.active-page {
    font-weight: 700
}

.c-mobile-menu__list {
    display: none;
    list-style: none;
    -webkit-padding-end: 1.5rem;
    padding-inline-end: 1.5rem;
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    position: relative
}

.c-mobile-menu:not(.no-animation) .c-mobile-menu__list {
    transition: transform .3s ease-in-out;
    will-change: transform
}

.c-mobile-menu__list--level2 {
    right: -100%;
    position: absolute;
    top: 0;
    width: 100%
}

.c-mobile-menu__list--level3 {
    right: -100%;
    position: absolute;
    top: 0;
    width: 100%
}

.c-mobile-menu__list--level4 {
    right: -100%;
    position: absolute;
    top: 0;
    width: 100%
}

.c-mobile-menu__list-item--title {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem;
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem
}

.c-mobile-menu__list-item--title a {
    font-size: 1.25rem;
    line-height: 1.3
}

.c-mobile-menu__list-item:not(.c-mobile-menu__list-item--title)+.c-mobile-menu__list-item {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem
}

.c-mobile-menu[aria-hidden=false] {
    display: block
}

.c-mobile-menu[aria-hidden=false]>.c-mobile-menu__list {
    display: block
}

.c-mobile-menu button.is-active+.c-mobile-menu__list {
    display: block
}

.c-mobile-menu ul.is-active {
    transform: translateX(-100%)
}

.c-mobile-menu>.c-mobile-menu__list {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

.c-mobile-menu .nav-search {
    -webkit-padding-end: 1.5rem;
    padding-inline-end: 1.5rem;
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem
}

.c-mobile-menu .nav-search label:not(.checkboxlabel):not(.radiolabel) {
    display: flex;
    flex-direction: column;
    position: relative
}

.c-mobile-menu .nav-search input {
    width: 100%;
    background-color: #6a757e;
    border-bottom: 0 !important;
    color: var(--white)
}

.c-mobile-menu .nav-search input::-moz-placeholder {
    color: var(--white);
    opacity: 100%
}

.c-mobile-menu .nav-search input::placeholder {
    color: var(--white);
    opacity: 100%
}

.c-mobile-menu .nav-search input:hover,
.c-mobile-menu .nav-search input:focus,
.c-mobile-menu .nav-search input:active {
    background-color: var(--white);
    color: #10243d
}

.c-mobile-menu .nav-search input:hover::-moz-placeholder,
.c-mobile-menu .nav-search input:focus::-moz-placeholder,
.c-mobile-menu .nav-search input:active::-moz-placeholder {
    color: #10243d
}

.c-mobile-menu .nav-search input:hover::placeholder,
.c-mobile-menu .nav-search input:focus::placeholder,
.c-mobile-menu .nav-search input:active::placeholder {
    color: #10243d
}

.c-mobile-menu .nav-search input:hover+button,
.c-mobile-menu .nav-search input:focus+button,
.c-mobile-menu .nav-search input:active+button {
    color: #10243d
}

.c-mobile-menu .nav-search button {
    bottom: 0.125rem;
    display: flex;
    padding: 0.625rem;
    position: absolute;
    right: 0;
    z-index: 1
}

.c-mobile-menu .nav-search button[aria-hidden=true] {
    display: none
}

.c-mobile-menu .nav-search-results {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

.c-mobile-menu .nav-search-results[aria-hidden=true] {
    display: none
}

.c-mobile-menu .nav-search-results>* {
    display: none
}

.c-mobile-menu .nav-search-results li+li {
    -webkit-margin-before: 1.25rem;
    margin-block-start: 1.25rem
}

.c-mobile-menu .nav-search-results__breadcrumb {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.c-mobile-menu .nav-search-results__breadcrumb a {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    opacity: 50%
}

.c-mobile-menu .nav-search-results__breadcrumb a:hover,
.c-mobile-menu .nav-search-results__breadcrumb a:focus,
.c-mobile-menu .nav-search-results__breadcrumb a:active {
    opacity: 100%
}

.c-mobile-menu .nav-search-results__breadcrumb>span+span::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'><path d='M9 18l6-6-6-6'/></svg>");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-flex;
    height: 0.75rem;
    -webkit-margin-end: 0.25rem;
    margin-inline-end: 0.25rem;
    -webkit-margin-start: 0.25rem;
    margin-inline-start: 0.25rem;
    position: relative;
    top: 0.125rem;
    width: 0.75rem
}

.target-nav {
    -webkit-margin-end: 0.625rem;
    margin-inline-end: 0.625rem;
    -webkit-margin-start: -0.375rem;
    margin-inline-start: -0.375rem;
    position: relative
}

.target-nav .btn--target-nav {
    color: currentColor;
    display: flex;
    padding: 0.375rem
}

.target-nav ul {
    background-color: var(--white);
    color: var(--tum-blue-dark);
    font-size: 0.875rem;
    left: 0;
    line-height: 1.1428571429;
    list-style: none;
    padding: 0.5rem;
    position: absolute;
    top: 100%;
    display: flex;
    flex-direction: column
}

.target-nav ul svg {
    width: 2.1875rem;
    height: 1.125rem
}

.target-nav .btn--target-nav[aria-pressed=false]+ul {
    display: none
}

.target-nav a {
    color: inherit;
    display: flex;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    padding: 0.5rem;
    text-transform: uppercase
}

.target-nav a>span:nth-child(1) {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 3rem
}

.target-nav a>span:nth-child(2) {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.target-nav a>span:nth-child(2)>span:nth-child(1) {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3333333333;
    opacity: .48
}

.target-nav a>span:nth-child(2)>span:nth-child(2) {
    font-size: 0.875rem;
    line-height: 1.1428571429
}

.target-nav a:hover,
.target-nav a:focus,
.target-nav a:active {
    background-color: var(--tum-grey-8);
    color: inherit;
    text-decoration: none
}

.target-nav li.theme--bright-yellow a>span:nth-child(1) {
    background-color: var(--tum-yellow);
    color: var(--tum-blue-dark)
}

.target-nav li.theme--yellow a>span:nth-child(1) {
    background-color: var(--tum-orange);
    color: var(--tum-blue-dark)
}

.target-nav li.theme--lilac a>span:nth-child(1) {
    background-color: var(--tum-blue-bright);
    color: var(--tum-blue-dark)
}

.target-nav li.theme--green a>span:nth-child(1) {
    background-color: var(--tum-green);
    color: var(--tum-blue-dark)
}

.target-nav li.theme--pink a>span:nth-child(1) {
    background-color: var(--tum-pink);
    color: var(--tum-blue-dark)
}

.target-nav li.theme--orange a>span:nth-child(1) {
    background-color: var(--tum-red);
    color: var(--tum-blue-dark)
}

.target-nav li.theme--blue-dark a>span:nth-child(1) {
    background-color: var(--tum-blue-dark);
    color: var(--white)
}

.target-nav li.theme--blue a>span:nth-child(1) {
    background-color: var(--tum-blue-brand);
    color: var(--white)
}

.btn--nav {
    color: currentColor;
    display: flex;
    -webkit-margin-end: -0.625rem;
    margin-inline-end: -0.625rem;
    padding: 0.625rem
}

@media screen and (min-width: 75em) {
    .btn--nav {
        display: none
    }
}

.btn--nav .nav-close {
    display: none
}

.btn--nav[aria-pressed=true] .nav-close {
    display: block
}

.btn--nav[aria-pressed=true] .nav-burger {
    display: none
}

.news-detail {
    -webkit-margin-before: 4.125rem;
    margin-block-start: 4.125rem
}

.news-detail .ce-textmedia {
    max-width: 57.875rem
}

.news-detail__event {
    background-color: var(--tum-blue-dark);
    color: var(--white);
    display: flex;
    gap: 1.5rem;
    -webkit-padding-after: 2.625rem;
    padding-block-end: 2.625rem;
    -webkit-padding-before: 1.25rem;
    padding-block-start: 1.25rem;
    -webkit-padding-end: 1.25rem;
    padding-inline-end: 1.25rem;
    -webkit-padding-start: 1.25rem;
    padding-inline-start: 1.25rem
}

.news-detail__event ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    row-gap: 0.75rem
}

.news-detail__event li {
    align-items: center;
    display: flex;
    gap: 0.25rem
}

.news-detail__event li:not(:last-child) {
    border-right: 0.0625rem solid var(--tum-grey-4);
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem
}

.news-detail__event-time {
    background-color: var(--white);
    color: var(--tum-blue-dark);
    -webkit-padding-after: 0.75rem;
    padding-block-end: 0.75rem;
    -webkit-padding-before: 0.25rem;
    padding-block-start: 0.25rem;
    -webkit-padding-end: 0.75rem;
    padding-inline-end: 0.75rem;
    -webkit-padding-start: 0.75rem;
    padding-inline-start: 0.75rem;
    min-width: 4.5rem
}

.news-detail__event-time span {
    display: block
}

.news-detail__event-time span:nth-child(2) {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5714285714;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    text-transform: uppercase
}

.news-detail__event-time span:nth-child(3) {
    font-size: 0.75rem;
    line-height: 1.5;
    -webkit-margin-before: 0.125rem;
    margin-block-start: 0.125rem
}

.news-detail__event-header+* {
    -webkit-margin-before: 1.25rem;
    margin-block-start: 1.25rem
}

.news-detail__event-meta {
    font-weight: 700
}

.news-detail__event-meta+* {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

.news-detail__event-text+* {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

.news-detail__meta ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none
}

.news-detail__meta li {
    align-items: center;
    display: flex;
    gap: 0.25rem
}

.news-detail__meta li+li {
    border-left: 0.0625rem solid;
    -webkit-margin-start: 0.5rem;
    margin-inline-start: 0.5rem;
    -webkit-padding-start: 0.5rem;
    padding-inline-start: 0.5rem
}

.news-detail__meta-category+* {
    -webkit-margin-before: 0.25rem;
    margin-block-start: 0.25rem
}

.news-detail__meta+* {
    -webkit-margin-before: 1.25rem;
    margin-block-start: 1.25rem
}

.news-detail__header .roofline {
    font-size: 1.25rem;
    line-height: 1.3
}

.news-detail__header .roofline .h-display {
    -webkit-margin-before: 0.75rem;
    margin-block-start: 0.75rem
}

.news-detail__header+* {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

.news-detail__teaser {
    font-size: 1.25rem;
    line-height: 1.5
}

.news-detail__teaser+* {
    -webkit-margin-before: 3rem;
    margin-block-start: 3rem
}

.news-detail__image+* {
    -webkit-margin-before: 4.125rem;
    margin-block-start: 4.125rem
}

.news-detail .alertbox {
    -webkit-margin-before: 3rem;
    margin-block-start: 3rem
}

.news-detail .alertbox__title {
    text-transform: inherit
}

.news-detail .alertbox a {
    text-decoration: underline
}

.news-detail__contact {
    background-color: var(--tum-grey-8);
    -webkit-padding-after: 1.5rem;
    padding-block-end: 1.5rem;
    -webkit-padding-before: 1.25rem;
    padding-block-start: 1.25rem;
    -webkit-padding-end: 1.25rem;
    padding-inline-end: 1.25rem;
    -webkit-padding-start: 1.25rem;
    padding-inline-start: 1.25rem
}

.news-detail__contact-title {
    font-size: 0.875rem;
    line-height: 1.5714285714
}

.news-detail__contact ul,
.news-detail__contact p {
    font-size: 0.875rem;
    line-height: 1.5714285714;
    list-style: none;
    -webkit-margin-before: 0.75rem;
    margin-block-start: 0.75rem
}

.news-detail__contact li {
    align-items: center;
    display: flex;
    gap: 0.25rem
}

.news-detail__contact li .cke-insertedicon {
    width: 1rem;
    height: 1rem;
    top: inherit
}

.news-detail__contact p .cke-insertedicon {
    height: 1rem;
    -webkit-margin-end: 0.25rem;
    margin-inline-end: 0.25rem;
    top: 0.25rem;
    width: 1rem
}

.news-detail__contact a {
    text-decoration: underline
}

.news-detail__share {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem
}

.news-detail__share .btn {
    align-items: center;
    color: var(--white);
    display: flex;
    gap: 0.5rem;
    line-height: 1;
    -webkit-padding-after: 0.375rem;
    padding-block-end: 0.375rem;
    -webkit-padding-before: 0.375rem;
    padding-block-start: 0.375rem;
    -webkit-padding-end: 1.25rem;
    padding-inline-end: 1.25rem;
    -webkit-padding-start: 0.75rem;
    padding-inline-start: 0.75rem
}

.news-detail__share .btn--share-facebook {
    background-color: #1b77f2
}

.news-detail__share .btn--share-twitter {
    background-color: #1fa1f1
}

.news-detail__share .btn--share-linkedin {
    background-color: #0077b5
}

.news-detail__share .btn--share-youtube {
    background-color: red
}

.news-detail__share .btn--share-rss {
    background-color: #f26522
}

.news-detail__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    justify-content: space-between
}

.news-detail__nav--event>div {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem
}

.news-detail__nav a,
.news-detail__nav .btn {
    align-items: center;
    display: flex;
    gap: 0.25rem
}

.news-detail__nav .btn {
    color: var(--tum-blue-brand);
    font-weight: 500
}

.news-detail__nav .btn:hover {
    color: var(--tum-blue-dark-4);
    text-decoration: underline;
    text-decoration-thickness: 0.125rem
}

.news-detail__nav .btn:active {
    color: var(--tum-blue-dark-2)
}

header+.newslist {
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem
}

.newslist .btn[data-news-show-more] {
    -webkit-padding-before: 0.75rem;
    padding-block-start: 0.75rem
}

.newslist__items {
    width: 100%
}

.newslist__filter ul {
    align-items: center;
    gap: 1rem;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875rem;
    line-height: 1.5714285714;
    list-style: none
}

.newslist__filter label {
    align-items: center;
    background-color: var(--tum-grey-8);
    -moz-column-gap: 0.375rem;
    column-gap: 0.375rem;
    display: flex !important;
    font-weight: 400 !important;
    padding: 0.125rem 0.5rem;
    cursor: pointer
}

.newslist__filter input[type=checkbox]::after {
    display: none
}

.newslist__filter input[type=checkbox]:not(:checked)+label .checked {
    display: none
}

.newslist__filter input[type=checkbox]:focus-visible+label {
    outline-offset: 0.25rem;
    outline: 0.125rem solid red
}

@media(prefers-reduced-motion: no-preference) {
    .newslist__filter input[type=checkbox]:focus-visible+label {
        transition: outline-offset .25s ease
    }
}

.c-newsteaser__item a {
    color: inherit;
    text-decoration: none
}

.c-newsteaser__item a:hover,
.c-newsteaser__item a:focus,
.c-newsteaser__item a:active {
    color: var(--tum-blue-brand);
    text-decoration: none
}

.c-newsteaser__item h3.h5 {
    align-items: center;
    display: flex
}

.c-newsteaser__item h3.h5 svg {
    -webkit-margin-end: 0.5rem;
    margin-inline-end: 0.5rem;
    min-width: 1.5rem
}

.c-newsteaser__intro {
    font-size: 1.25rem
}

.c-newsteaser__image {
    position: relative
}

.c-newsteaser__image+.c-newsteaser__content {
    -webkit-margin-before: 0.75rem;
    margin-block-start: 0.75rem
}

.c-newsteaser__category {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--tum-grey-8);
    padding: 0.125rem 0.5rem
}

.c-newsteaser__summary {
    font-size: .875rem;
    line-height: 1.5
}

.c-newsteaser__summary+* {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem
}

.c-newsteaser__readingtime {
    text-align: right
}

.otrs-twoclick[aria-hidden=true] {
    display: none
}

.otrs-twoclick-icon {
    background-color: #b3b3b3;
    border-radius: 100%;
    bottom: 1.5rem;
    cursor: pointer;
    height: 3.125rem;
    padding: 0.9375rem;
    position: fixed;
    right: 1.5rem;
    width: 3.125rem
}

.otrs-twoclick-message {
    background-color: var(--tum-grey-8);
    color: var(--tum-blue-dark);
    bottom: 5.375rem;
    padding: 1.5rem;
    position: fixed;
    right: 2.25rem;
    width: 25rem;
    z-index: 2
}

.otrs-twoclick-message[aria-hidden=true] {
    display: none
}

[dir=ltr] #OTRSPublicChat {
    right: 0.5rem;
    bottom: 1rem
}

.c-quote-highlight {
    align-items: flex-end;
    color: var(--white);
    display: flex;
    position: relative;
    min-height: 36.625rem
}

@media screen and (min-width: 43.75em) {
    .c-quote-highlight {
        min-height: 45rem
    }
}

.c-quote-highlight img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right;
    width: 100%
}

.c-quote-highlight__image {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-quote-highlight__bg {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.c-quote-highlight__content {
    -webkit-padding-after: 4rem;
    padding-block-end: 4rem;
    -webkit-padding-before: 4rem;
    padding-block-start: 4rem;
    position: relative;
    z-index: 2;
    max-width: 92%
}

@media screen and (min-width: 43.75em) {
    .c-quote-highlight__content {
        max-width: 35.625rem
    }
}

.container .c-quote-highlight .c-quote-highlight__content {
    -webkit-padding-start: 2.5rem;
    padding-inline-start: 2.5rem;
    -webkit-padding-end: 2.5rem;
    padding-inline-end: 2.5rem
}

.c-quote-highlight__content-quote {
    font-family: "STIX Two Text", sans-serif;
    font-size: 2rem;
    font-style: italic;
    line-height: 1.25
}

@media screen and (min-width: 43.75em) {
    .c-quote-highlight__content-quote {
        font-size: 3rem;
        line-height: 1.0833333333
    }
}

.c-quote-highlight__content-quote blockquote p {
    text-indent: -0.87ex
}

@supports(hanging-punctuation: first) {
    .c-quote-highlight__content-quote blockquote p {
        text-indent: 0;
        hanging-punctuation: first
    }
}

.c-quote-highlight[data-align-right] .c-quote-highlight__content-quote blockquote p::after {
    -webkit-margin-end: -0.87ex;
    margin-inline-end: -0.87ex
}

.c-quote-highlight__content-author {
    font-family: "STIX Two Text", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: .95;
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem
}

.c-quote-highlight__content-position {
    font-size: 0.875rem;
    line-height: 1.5714285714;
    -webkit-margin-before: 0.5rem;
    margin-block-start: 0.5rem
}

.c-quote-highlight__content-links {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-start;
    -webkit-margin-before: 1.125rem;
    margin-block-start: 1.125rem
}

.c-quote-highlight__content-links a,
.c-quote-highlight__content-links a:hover,
.c-quote-highlight__content-links a:focus,
.c-quote-highlight__content-links a:visited {
    color: var(--white);
    display: flex
}

.c-quote-highlight[data-align-right] {
    justify-content: flex-end;
    text-align: right
}

.c-quote-highlight[data-align-right] .container {
    display: flex;
    justify-content: flex-end
}

.c-quote-highlight[data-align-right] .c-quote-highlight__content {
    max-width: 35.625rem;
    -webkit-padding-start: 8%;
    padding-inline-start: 8%
}

@media screen and (min-width: 43.75em) {
    .c-quote-highlight[data-align-right] .c-quote-highlight__content {
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }
}

.c-quote-highlight[data-align-right] img {
    -o-object-position: left;
    object-position: left
}

.c-quote-highlight[data-align-right] .c-quote-highlight__content-links {
    justify-content: flex-end
}

.c-quote-large {
    text-align: center
}

.c-quote-large__content {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    max-width: 43rem
}

.c-quote-large img {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

.c-quote-large__content-quote {
    font-family: "STIX Two Text", sans-serif;
    font-size: 2rem;
    font-style: italic;
    line-height: 1.25;
    -webkit-margin-before: 2.125rem;
    margin-block-start: 2.125rem
}

@media screen and (min-width: 43.75em) {
    .c-quote-large__content-quote {
        font-size: 3rem;
        line-height: 1.0833333333;
        -webkit-margin-before: 1.5rem;
        margin-block-start: 1.5rem
    }
}

.c-quote-large__content-quote blockquote p {
    text-indent: 0
}

@supports(hanging-punctuation: first) {
    .c-quote-large__content-quote blockquote p {
        text-indent: 0;
        hanging-punctuation: first
    }
}

.c-quote-large__content-author {
    font-family: "STIX Two Text", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: .95;
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem
}

.c-quote-large__content-position {
    font-size: 0.875rem;
    line-height: 1.5714285714;
    -webkit-margin-before: 0.5rem;
    margin-block-start: 0.5rem
}

.c-quote-large__content-links {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem
}

.c-quote-large__content-links a {
    color: var(--tum-blue-brand);
    display: flex
}

.c-quote-medium__content {
    border-left: 0.125rem solid;
    max-width: 50.625rem;
    -webkit-padding-start: 1.125rem;
    padding-inline-start: 1.125rem
}

.c-quote-medium__content-quote {
    font-family: "STIX Two Text", sans-serif;
    font-size: 1.5rem;
    line-height: 1.5
}

.c-quote-medium__content-author {
    font-family: "STIX Two Text", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: .95;
    -webkit-margin-before: 1.25rem;
    margin-block-start: 1.25rem
}

.c-quote-medium__content-position {
    font-size: 0.875rem;
    line-height: 1.5714285714;
    -webkit-margin-before: 0.5rem;
    margin-block-start: 0.5rem
}

.c-quote-medium__content-links {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-start;
    -webkit-margin-before: 1.625rem;
    margin-block-start: 1.625rem
}

.c-quote-medium__content-links a {
    color: var(--tum-blue-brand);
    display: flex
}

.btn--search,
.btn--search-prev,
.btn--search-next {
    color: var(--white)
}

.btn--search-prev,
.btn--search-next {
    display: flex;
    padding: 0.25rem
}

.btn--search-prev[disabled],
.btn--search-next[disabled] {
    background-color: rgba(48, 112, 179, .3);
    color: var(--white)
}

.btn--close {
    align-items: center;
    color: var(--white);
    display: flex;
    height: 2.75rem;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.75rem
}

.search {
    position: fixed;
    align-items: center;
    background-color: rgba(32, 37, 42, .4);
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 7
}

.search[aria-hidden=true] {
    display: none
}

.search>.container {
    overflow-y: auto;
    overscroll-behavior: contain
}

@media screen and (max-width: 43.6875em) {
    .search>.container {
        padding: 0
    }
}

.search .in2template-accordion {
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.search .in2template-accordion h2 {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5714285714
}

.search .in2template-accordion__trigger {
    align-items: center;
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
    justify-content: flex-start;
    padding: 0
}

.search .in2template-accordion__title {
    top: 0
}

.search .in2template-accordion__panel {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem;
    padding: 0
}

.search h2 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5
}

.search h3 {
    font-size: 1rem;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (min-width: 43.75em) {
    .search h3 {
        font-size: 1.25rem;
        line-height: 1.3
    }
}

.search__results-prev-next-container {
    align-items: center;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    display: none
}

@media screen and (min-width: 43.75em) {
    .search__results-prev-next-container {
        display: flex
    }
}

.search__results-prev-next {
    -moz-column-gap: 0.125rem;
    column-gap: 0.125rem;
    display: flex
}

.search__content {
    background-color: var(--tum-blue-dark-2);
    color: var(--white);
    -webkit-padding-after: 2rem;
    padding-block-end: 2rem;
    -webkit-padding-before: 2rem;
    padding-block-start: 2rem;
    -webkit-padding-end: 1.25rem;
    padding-inline-end: 1.25rem;
    -webkit-padding-start: 1.25rem;
    padding-inline-start: 1.25rem;
    position: relative
}

@media screen and (min-width: 62.5em) {
    .search__content {
        -webkit-padding-end: 3.5rem;
        padding-inline-end: 3.5rem;
        -webkit-padding-start: 3.5rem;
        padding-inline-start: 3.5rem
    }

    .search__content .flex:not(.flex--no-gutters):not(.flex--no-horizontal-gutters) {
        -webkit-margin-start: -1.75rem;
        margin-inline-start: -1.75rem;
        -webkit-margin-end: -1.75rem;
        margin-inline-end: -1.75rem
    }

    .search__content .flex:not(.flex--no-gutters):not(.flex--no-horizontal-gutters)>[class*=flex__] {
        -webkit-padding-start: 1.75rem;
        padding-inline-start: 1.75rem;
        -webkit-padding-end: 1.75rem;
        padding-inline-end: 1.75rem
    }
}

.search__input-field {
    align-items: center;
    border-bottom: 0.1875rem solid;
    display: flex;
    -webkit-padding-after: 0.5rem;
    padding-block-end: 0.5rem;
    -webkit-padding-before: 0.875rem;
    padding-block-start: 0.875rem
}

.search__input label {
    font-size: 0.875rem;
    font-weight: 400 !important;
    line-height: 1.57
}

.search__input input[type=text] {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: none;
    color: var(--white);
    flex: 1;
    font-size: 1.5rem;
    line-height: 1.25;
    max-width: calc(100% - 1.5rem);
    padding: 0
}

.search__input input[type=text]:hover,
.search__input input[type=text]:focus,
.search__input input[type=text]:active {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: none;
    color: var(--white)
}

.search__input input[type=text]::-moz-placeholder {
    color: var(--white);
    opacity: .5
}

.search__input input[type=text]::placeholder {
    color: var(--white);
    opacity: .5
}

.search__tags h2 {
    font-size: 0.875rem;
    font-weight: 400 !important;
    line-height: 1.57
}

.search__tags ul {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    row-gap: 0.375rem;
    list-style: none;
    -webkit-margin-before: 0.75rem;
    margin-block-start: 0.75rem
}

.search__tags li {
    -webkit-margin-start: 0.8125rem;
    margin-inline-start: 0.8125rem
}

.search__tags a {
    color: var(--white) !important;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5714285714;
    text-decoration: none !important
}

.search__tags a::before {
    content: "#";
    -webkit-margin-start: -0.8125rem;
    margin-inline-start: -0.8125rem;
    -webkit-margin-end: 0.25rem;
    margin-inline-end: 0.25rem
}

.search__filter {
    background-color: var(--tum-grey-6);
    color: inherit;
    -webkit-padding-after: 1rem;
    padding-block-end: 1rem;
    -webkit-padding-before: 1rem;
    padding-block-start: 1rem;
    -webkit-padding-end: 1.25rem;
    padding-inline-end: 1.25rem;
    -webkit-padding-start: 1.25rem;
    padding-inline-start: 1.25rem
}

@media screen and (min-width: 62.5em) {
    .search__filter {
        -webkit-padding-end: 3.5rem;
        padding-inline-end: 3.5rem;
        -webkit-padding-start: 3.5rem;
        padding-inline-start: 3.5rem
    }
}

.search__filter ul {
    align-items: center;
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
    display: flex;
    font-size: 0.875rem;
    line-height: 1.5714285714;
    list-style: none
}

.search__filter label {
    align-items: center;
    background-color: var(--white);
    -moz-column-gap: 0.375rem;
    column-gap: 0.375rem;
    display: flex !important;
    font-weight: 400 !important;
    padding: 0.125rem 0.5rem
}

.search__filter input[type=checkbox]::after {
    display: none
}

.search__filter input[type=checkbox]:not(:checked)+label .checked {
    display: none
}

.search__filter input[type=checkbox]:focus-visible+label {
    outline-offset: 0.25rem;
    outline: 0.125rem solid red
}

@media(prefers-reduced-motion: no-preference) {
    .search__filter input[type=checkbox]:focus-visible+label {
        transition: outline-offset .25s ease
    }
}

.search__results {
    background-color: var(--tum-grey-8);
    color: inherit;
    -webkit-padding-after: 2rem;
    padding-block-end: 2rem;
    -webkit-padding-before: 1.5rem;
    padding-block-start: 1.5rem;
    -webkit-padding-end: 1.25rem;
    padding-inline-end: 1.25rem;
    -webkit-padding-start: 1.25rem;
    padding-inline-start: 1.25rem
}

@media screen and (min-width: 62.5em) {
    .search__results {
        -webkit-padding-end: 3.5rem;
        padding-inline-end: 3.5rem;
        -webkit-padding-start: 3.5rem;
        padding-inline-start: 3.5rem
    }
}

.search__results-items {
    list-style: none;
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem
}

.search__results-item {
    border-left: 0.0625rem solid var(--white);
    color: inherit !important;
    display: block;
    height: 100%;
    -webkit-padding-after: 1.125rem;
    padding-block-end: 1.125rem;
    -webkit-padding-before: 1rem;
    padding-block-start: 1rem;
    -webkit-padding-end: 1.25rem;
    padding-inline-end: 1.25rem;
    -webkit-padding-start: 1.25rem;
    padding-inline-start: 1.25rem;
    position: relative;
    text-decoration: none !important
}

.search__results-item:hover,
.search__results-item:focus,
.search__results-item:active {
    background-color: var(--white);
    color: inherit;
    text-decoration: none
}

.search__results-item .search-deko {
    color: var(--tum-blue-brand);
    position: absolute;
    right: 1.25rem;
    top: 1.625rem
}

.search__results-item__cat {
    font-size: 0.875rem;
    line-height: 1.5714285714
}

.search__results-item__bredcrumb {
    -webkit-margin-before: 0.25rem;
    margin-block-start: 0.25rem
}

.search__results-item__bredcrumb ul {
    color: var(--tum-grey-4);
    font-size: 0.75rem;
    line-height: 1.5;
    list-style: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search__results-item__bredcrumb li {
    display: inline-block
}

.search__results-item__bredcrumb li:not(:last-child)::after {
    content: ">";
    -webkit-margin-start: 0.25rem;
    margin-inline-start: 0.25rem;
    -webkit-margin-end: 0.25rem;
    margin-inline-end: 0.25rem
}

.search__results-item__content {
    -webkit-margin-before: 0.75rem;
    margin-block-start: 0.75rem
}

.search__results-item__content-meta {
    font-size: 0.75rem;
    line-height: 1.5
}

.search__results-item__content-meta ul {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    list-style: none
}

.search__results-item__content-meta li {
    align-items: center;
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
    display: inline-flex
}

.search__results-item__content p {
    font-size: 0.875rem;
    line-height: 1.5714285714;
    -webkit-margin-before: 0.375rem;
    margin-block-start: 0.375rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.search__results-item__content h3+* {
    -webkit-margin-before: 0.75rem;
    margin-block-start: 0.75rem
}

.search__results-item--volltext .search__results-item__content p {
    -webkit-line-clamp: 3
}

.btn--search {
    display: flex;
    padding: 0.625rem
}

.msform {
    position: relative
}

.msform input:disabled,
.msform select:disabled {
    display: none
}

.msform fieldset {
    width: 100%
}

.msform .inputgroup {
    display: flex
}

.msform .inputgroup+.inputgroup {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem
}

.msform select:not([disabled])+select:not([disabled]) {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem
}

.msform fieldset:not(:first-of-type) {
    display: none
}

.fs-title {
    font-size: 1.25rem;
    line-height: 1.3;
    margin-bottom: 1.875rem;
    font-weight: 400 !important
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px
}

.progressbar {
    counter-reset: step;
    text-align: center
}

.progressbar li {
    list-style-type: none;
    color: var(--tum-grey-4);
    width: 25%;
    float: left;
    position: relative;
    font-size: 0.875rem;
    line-height: 1.5714285714;
    padding: 0 10px;
    cursor: pointer
}

.progressbar li:before {
    align-items: center;
    background: var(--tum-blue-light-5);
    border-radius: 100%;
    border: 0.0625rem solid var(--tum-grey-5);
    color: var(--tum-grey-4);
    content: counter(step);
    counter-increment: step;
    display: flex;
    font-size: 1rem;
    height: 2.5rem;
    justify-content: center;
    -webkit-margin-after: 0.875rem;
    margin-block-end: 0.875rem;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    width: 2.5rem
}

.progressbar li::after {
    background-color: var(--tum-grey-6);
    content: "";
    height: 0.0625rem;
    left: -50%;
    position: absolute;
    top: 1.25rem;
    width: 100%;
    z-index: -1
}

.progressbar li:first-child::after {
    content: none
}

.progressbar li.active {
    color: var(--tum-blue-dark)
}

.progressbar li.active::before {
    background-color: var(--white);
    border-color: var(--tum-blue-brand);
    color: var(--tum-blue-brand)
}

.progressbar li.active::after {
    background-color: var(--tum-blue-brand)
}

.progressbar li.filled {
    color: var(--tum-blue-dark)
}

.progressbar li.filled::before,
.progressbar li.filled::after {
    background-color: var(--tum-blue-brand);
    border-color: var(--tum-blue-brand);
    color: var(--white)
}

.stepper select {
    width: 100%
}

.stepper .btn--primary:not(.active) {
    background-color: var(--tum-grey-8);
    border: none;
    color: var(--tum-grey-5)
}

.languagecertificateHint {
    text-align: left;
    margin-top: 1.875rem
}

.resultLabel {
    margin-top: 1.875rem
}

.languagecertificateResult {
    text-align: left;
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

@media screen and (max-width: 1023px) {
    .progressbar li {
        font-size: 0
    }
}

.tooltip {
    position: relative;
    display: inline-block
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    display: none;
    position: inherit;
    z-index: 1
}

.tooltip:hover .tooltiptext {
    visibility: visible
}

[class^=in2studyfinder_] header+*,
[class^=in2studyfinderextend_] header+* {
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem
}

.ts-wrapper.single .ts-control::after {
    content: none
}

.studysearch .ts-wrapper.single .ts-control {
    background-color: var(--tum-grey-8);
    padding: 1.25rem
}

.studysearch .ts-wrapper.single .ts-control,
.studysearch .ts-wrapper.single .ts-control input {
    font-weight: 700;
    color: var(--tum-blue-dark)
}

@media screen and (min-width: 43.75em) {

    .studysearch .ts-wrapper.single .ts-control,
    .studysearch .ts-wrapper.single .ts-control input {
        font-size: 1.5rem
    }
}

.ts-wrapper.single .ts-dropdown {
    margin: 0
}

.ts-wrapper.single .ts-dropdown,
.ts-wrapper.single .ts-control,
.ts-wrapper.single .ts-control input {
    font-size: 16px;
    line-height: 1.625
}

.ts-wrapper.single .item,
.ts-wrapper.single input {
    overflow: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 3rem) !important
}

.ts-wrapper.single .item+input,
.ts-wrapper.single input+input {
    display: none !important
}

.ts-wrapper.single .option.active {
    background-color: var(--tum-blue-brand);
    color: var(--white)
}

.c-in2studyfinder-filter__search {
    background-color: var(--tum-blue-brand);
    padding: 1.25rem
}

.c-in2studyfinder-filter__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    align-items: center;
    color: inherit;
    display: flex;
    font-size: inherit;
    font-weight: inherit;
    padding: 0;
    width: auto
}

.c-in2studyfinder-filter__filter {
    background-color: var(--tum-grey-6);
    padding: 1.25rem
}

.c-in2studyfinder-filter__sections {
    display: flex;
    flex-wrap: wrap;
    -webkit-margin-start: -0.5rem;
    margin-inline-start: -0.5rem;
    -webkit-margin-end: -0.5rem;
    margin-inline-end: -0.5rem
}

.c-in2studyfinder-filter__section {
    -webkit-margin-before: 1.25rem;
    margin-block-start: 1.25rem;
    -webkit-padding-start: 0.5rem;
    padding-inline-start: 0.5rem;
    -webkit-padding-end: 0.5rem;
    padding-inline-end: 0.5rem;
    position: relative;
    width: 100%
}

@media screen and (min-width: 43.75em) {
    .c-in2studyfinder-filter__section {
        width: 50%
    }
}

@media screen and (min-width: 62.5em) {
    .c-in2studyfinder-filter__section {
        width: 33.333%
    }
}

.c-in2studyfinder-filter__legend {
    cursor: pointer;
    width: 100%
}

.c-in2studyfinder-filter__options {
    background-color: var(--white);
    -webkit-padding-start: 0.75rem;
    padding-inline-start: 0.75rem;
    -webkit-padding-before: 1rem;
    padding-block-start: 1rem;
    -webkit-padding-after: 1rem;
    padding-block-end: 1rem;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
    position: absolute;
    left: 0.5rem;
    -webkit-margin-before: -0.0625rem;
    margin-block-start: -0.0625rem;
    right: 0.5rem;
    z-index: 1;
    border: 0.0625rem solid var(--tum-grey-6)
}

.c-in2studyfinder-filter__options.u-in2studyfinder-hide {
    display: none
}

@media print {
    .c-in2studyfinder-filter__options.u-in2studyfinder-hide {
        display: block
    }
}

.in2studyfinder_fastsearch .linkButton {
    -webkit-margin-before: 1.25rem;
    margin-block-start: 1.25rem;
    display: inline-flex
}

.in2studyfinder_fastsearch .linkButtonPosHelper {
    text-align: right
}

.in2studyfinder_fastsearch .linkButton::after {
    -webkit-margin-start: 0.25rem;
    margin-inline-start: 0.25rem;
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 11h12.17l-5.59-5.59L12 4l8 8-8 8-1.41-1.41L16.17 13H4z' fill='%233070B3' fill-rule='nonzero'/%3E%3C/svg%3E%0A")
}

header+.in2studyfinder__view-list {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem
}

.in2studyfinder__label {
    align-items: baseline;
    display: flex;
    gap: 0.5rem;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5
}

.in2studyfinder__label svg {
    height: 1.25rem;
    min-width: 1.25rem;
    position: relative;
    top: 0.25rem
}

.in2studyfinder__label svg * {
    transition: all .3s linear
}

input:checked+.in2studyfinder__label svg .cb-bg {
    fill: var(--tum-blue-dark);
    stroke: var(--tum-blue-dark)
}

input:checked+.in2studyfinder__label svg .cb-cm {
    stroke: var(--white)
}

input[disabled]+.in2studyfinder__label svg .cb-bg {
    fill: var(--tum-grey-7);
    stroke: var(--tum-grey-5)
}

input:checked[disabled]+.in2studyfinder__label svg .cb-bg {
    fill: var(--tum-grey-7);
    stroke: var(--tum-grey-5)
}

input:checked[disabled]+.in2studyfinder__label svg .cb-cm {
    stroke: var(--tum-grey-5)
}

.in2studyfinder__label span {
    -webkit-hyphens: auto;
    hyphens: auto;
    width: 100%
}

.in2studyfinder__label:first-of-type {
    -webkit-padding-after: 0.5625rem;
    padding-block-end: 0.5625rem;
    -webkit-margin-after: 0.5625rem;
    margin-block-end: 0.5625rem;
    border-bottom: 0.0625rem solid var(--tum-grey-6)
}

.c-statutedatabase .in2studyfinder__label:first-of-type {
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-margin-after: 0.375rem;
    margin-block-end: 0.375rem;
    border-bottom-style: none
}

.in2studyfinder__label:not(:first-of-type):not(:nth-of-type(2)) {
    -webkit-margin-before: 0.375rem;
    margin-block-start: 0.375rem
}

.in2studyfinder__item-count {
    font-size: 1.125rem;
    font-weight: bold;
    margin-top: 1.875rem;
    margin-bottom: 1.875rem
}

.in2studyfinder__letter {
    border-left: 0.125rem solid;
    -webkit-margin-before: 2.5rem;
    margin-block-start: 2.5rem;
    -webkit-margin-after: 2.5rem;
    margin-block-end: 2.5rem;
    padding: 0.75rem
}

.in2studyfinder__back-to-list {
    align-items: center;
    display: flex;
    gap: 0.75rem
}

.in2studyfinder__pagebrowser {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

.in2studyfinder__pagebrowser li {
    align-items: center;
    display: flex;
    font-size: 1.25rem;
    font-weight: 700;
    height: 2.75rem;
    justify-content: center;
    line-height: 1.3;
    width: 2.75rem
}

.in2studyfinder__pagebrowser li:has(.current) {
    background-color: var(--tum-grey-8)
}

.in2studyfinder__pagebrowser li .current {
    border-bottom: 0.0625rem solid var(--tum-blue-dark)
}

.list-teaser .roofline {
    color: var(--tum-grey-4);
    font-size: 0.875rem;
    line-height: 1.57
}

.list-teaser__content {
    -webkit-margin-before: 1.25rem;
    margin-block-start: 1.25rem;
    max-width: 50.375rem
}

.list-teaser__footer {
    border-bottom: 0.0625rem solid var(--tum-grey-6);
    padding: 0.75rem;
    text-align: right
}

.list-teaser+.list-teaser {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

.lead-text {
    font-size: 1.25rem;
    line-height: 1.3
}

.bluebox {
    background-color: var(--tum-blue-light-5);
    color: inherit;
    padding: 1.25rem
}

.bluebox ul {
    list-style: none
}

.ce-textmedia--aside {
    -webkit-padding-after: 1rem;
    padding-block-end: 1rem;
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
    border-bottom: 0.0625rem solid var(--tum-grey-6)
}

.ce-textmedia--aside h1 a,
.ce-textmedia--aside h2 a,
.ce-textmedia--aside h3 a,
.ce-textmedia--aside h4 a,
.ce-textmedia--aside h5 a,
.ce-textmedia--aside h6 a {
    color: inherit
}

.ce-textmedia--aside h1 a[href^="/"]::after,
.ce-textmedia--aside h2 a[href^="/"]::after,
.ce-textmedia--aside h3 a[href^="/"]::after,
.ce-textmedia--aside h4 a[href^="/"]::after,
.ce-textmedia--aside h5 a[href^="/"]::after,
.ce-textmedia--aside h6 a[href^="/"]::after {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M4 11h12.17l-5.59-5.59L12 4l8 8-8 8-1.41-1.41L16.17 13H4z' fill='%233070B3' fill-rule='nonzero'/></svg>");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 1.25em;
    -webkit-margin-start: 0.25rem;
    margin-inline-start: 0.25rem;
    vertical-align: text-bottom;
    width: 1.25em
}

.ce-textmedia--aside+.ce-textmedia--aside {
    -webkit-margin-before: 0 !important;
    margin-block-start: 0 !important
}

.c-statutedatabase {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem;
    -webkit-margin-after: 4rem;
    margin-block-end: 4rem
}

.c-statutedatabase-filter {
    position: relative
}

.c-statutedatabase-filter-morebutton.open>svg {
    transform: rotate(180deg)
}

.c-statutedatabase-filter-statute {
    width: 100%
}

.c-statutedatabase-filter-overlay {
    position: absolute;
    left: 1.25rem;
    right: 1.25rem;
    border: 1px solid var(--tum-grey-2);
    border-top: none;
    z-index: 2
}

.c-statutedatabase-filter-overlay__list {
    background: var(--white);
    list-style: none;
    padding: 0.75rem;
    max-height: 18.75rem;
    overflow: scroll
}

.c-statutedatabase-filter-overlay__list-item-link {
    cursor: pointer
}

.c-statutedatabase-filter-overlay__list-item-link>input {
    display: none
}

.c-statutedatabase-filter-submit {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem;
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    flex-wrap: wrap
}

.c-statutedatabase__pagebrowser {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

.teaser {
    display: flex;
    flex-wrap: wrap;
    -webkit-margin-start: -0.75rem;
    margin-inline-start: -0.75rem;
    -webkit-margin-end: -0.75rem;
    margin-inline-end: -0.75rem;
    row-gap: 3rem
}

.teaser.flickity-enabled {
    display: block
}

.teaser__item {
    -webkit-padding-start: .75rem;
    padding-inline-start: .75rem;
    -webkit-padding-end: .75rem;
    padding-inline-end: .75rem;
    width: 100%
}

@media screen and (min-width: 43.75em) {
    .teaser__item {
        width: 50%
    }
}

@media screen and (min-width: 62.5em) {
    .teaser__item {
        width: 33.333%
    }
}

.teaser__item>a::after {
    display: none !important
}

.teaser img {
    width: 100%
}

.teaser:not(.teaser--related) a {
    color: var(--tum-blue-dark);
    display: block;
    font-weight: inherit;
    text-decoration: none !important
}

.teaser:not(.teaser--related) a:hover,
.teaser:not(.teaser--related) a:focus,
.teaser:not(.teaser--related) a:active {
    background-color: var(--tum-blue-light-5);
    color: var(--tum-blue-dark) !important
}

.teaser:not(.teaser--related) a:hover .btn,
.teaser:not(.teaser--related) a:focus .btn,
.teaser:not(.teaser--related) a:active .btn {
    border-color: var(--tum-blue-brand);
    color: var(--tum-blue-brand)
}

.teaser:not(.teaser--related) .teaser__item-content {
    padding: 1.5rem
}

.teaser:not(.teaser--related) .teaser__item-content .btn {
    display: inline-block;
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem
}

.container--blue-dark .teaser:not(.teaser--related) a,
.container--blue .teaser:not(.teaser--related) a {
    color: var(--white)
}

.container--blue-dark .teaser:not(.teaser--related) a:hover,
.container--blue-dark .teaser:not(.teaser--related) a:focus,
.container--blue-dark .teaser:not(.teaser--related) a:active,
.container--blue .teaser:not(.teaser--related) a:hover,
.container--blue .teaser:not(.teaser--related) a:focus,
.container--blue .teaser:not(.teaser--related) a:active {
    background-color: var(--white);
    color: var(--tum-blue-dark) !important
}

.container--blue-dark .teaser:not(.teaser--related) a:hover .btn,
.container--blue-dark .teaser:not(.teaser--related) a:focus .btn,
.container--blue-dark .teaser:not(.teaser--related) a:active .btn,
.container--blue .teaser:not(.teaser--related) a:hover .btn,
.container--blue .teaser:not(.teaser--related) a:focus .btn,
.container--blue .teaser:not(.teaser--related) a:active .btn {
    border-color: var(--tum-blue-brand);
    color: var(--tum-blue-brand)
}

.container--blue-light .teaser:not(.teaser--related) a:hover,
.container--blue-light .teaser:not(.teaser--related) a:focus,
.container--blue-light .teaser:not(.teaser--related) a:active {
    background-color: var(--white);
    color: var(--tum-blue-dark) !important
}

.container--blue-light .teaser:not(.teaser--related) a:hover .btn,
.container--blue-light .teaser:not(.teaser--related) a:focus .btn,
.container--blue-light .teaser:not(.teaser--related) a:active .btn {
    border-color: var(--tum-blue-brand);
    color: var(--tum-blue-brand)
}

.teaser--related .teaser__item>a {
    color: inherit;
    display: block;
    font-weight: inherit;
    text-decoration: none !important
}

.teaser--related .teaser__item-meta {
    -webkit-padding-before: 1.5rem;
    padding-block-start: 1.5rem
}

.teaser--related .teaser__item-meta time {
    font-weight: 700
}

.teaser--related .teaser__item-meta ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.teaser--related .teaser__item-meta li {
    align-items: center;
    display: flex
}

.teaser--related .teaser__item-meta li+li {
    border-left: 0.0625rem solid;
    -webkit-margin-start: 0.5rem;
    margin-inline-start: 0.5rem;
    -webkit-padding-start: 0.5rem;
    padding-inline-start: 0.5rem
}

.teaser--related .teaser__item-meta span {
    display: inline-block;
    -webkit-padding-start: 0.25rem;
    padding-inline-start: 0.25rem
}

.teaser--related .teaser__item-content {
    -webkit-padding-before: 0.5rem;
    padding-block-start: 0.5rem
}

.teaser--related .teaser__item-content svg {
    -webkit-margin-end: 0.5rem;
    margin-inline-end: 0.5rem;
    position: relative;
    top: 0.25rem
}

.teaser--related ul {
    list-style: none
}

.teaser--related .teaser__item-links {
    color: var(--tum-blue-brand);
    display: flex;
    flex-wrap: wrap;
    font-weight: 500;
    gap: 1.5rem;
    -webkit-padding-before: 1.5rem;
    padding-block-start: 1.5rem
}

.teaser--related .teaser__item-links ul {
    border-left: 0.0625rem solid;
    -webkit-padding-start: 0.75rem;
    padding-inline-start: 0.75rem
}

.teaser--related .teaser__item-links li {
    display: block
}

.container--blue .teaser--related a,
.container--blue-dark .teaser--related a {
    color: var(--white)
}

.container--blue .teaser--related a:hover .btn,
.container--blue .teaser--related a:focus .btn,
.container--blue .teaser--related a:active .btn,
.container--blue-dark .teaser--related a:hover .btn,
.container--blue-dark .teaser--related a:focus .btn,
.container--blue-dark .teaser--related a:active .btn {
    border-color: var(--tum-blue-brand);
    color: var(--tum-blue-brand)
}

.container--blue .teaser--related .teaser__item-links,
.container--blue-dark .teaser--related .teaser__item-links {
    color: var(--white)
}

.teaser .teaser__item-image img {
    aspect-ratio: 450/270;
    -o-object-fit: cover;
    object-fit: cover
}

.c-newsteaser .c-newsteaser__image img {
    aspect-ratio: 332/197;
    -o-object-fit: cover;
    object-fit: cover
}

.ce-textmedia header+* {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem
}

.ce-textmedia img {
    width: 100%
}

@media screen and (min-width: 43.75em) {
    .ce-textmedia .flex__md-6+.flex__auto .ce-textmedia__content {
        max-width: calc(45.25rem - 7.375rem)
    }

    .ce-textmedia .flex:not(.flex--row-reverse) .flex__md-6+.flex__auto .ce-textmedia__content {
        -webkit-margin-start: auto;
        margin-inline-start: auto
    }
}

.ce-textmedia__content {
    max-width: 65.25rem
}

.ce-textmedia+.ce-textmedia {
    -webkit-margin-before: 3rem;
    margin-block-start: 3rem
}

.tabs [role=tablist] .btn {
    background-color: var(--tum-blue-light-4);
    border-left: 0.0625rem solid var(--tum-blue-dark);
    font-size: 0.875rem;
    line-height: 1.5714285714;
    max-width: 13.125rem;
    -webkit-padding-after: 0.25rem;
    padding-block-end: 0.25rem;
    -webkit-padding-before: 0.25rem;
    padding-block-start: 0.25rem;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    text-align: left
}

.container--blue-light .tabs [role=tablist] .btn {
    background-color: var(--white)
}

.container--blue .tabs [role=tablist] .btn,
.container--blue-dark .tabs [role=tablist] .btn {
    background-color: var(--white);
    color: var(--tum-blue-dark) !important
}

.tabs [role=tablist] .btn[aria-selected=true] {
    background-color: var(--tum-blue-dark);
    color: var(--white) !important;
    font-weight: 500
}

.container--blue-dark .tabs [role=tablist] .btn[aria-selected=true] {
    background-color: var(--tum-blue-dark-3)
}

.tabs .ce-textmedia:first-of-type {
    -webkit-margin-before: 2rem !important;
    margin-block-start: 2rem !important
}

.tabs .flickity-button {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    color: var(--tum-blue-brand);
    width: 3.25rem;
    height: 3.25rem
}

.container--blue .tabs .flickity-button,
.container--blue .tabs .flickity-button:hover,
.container--blue .tabs .flickity-button:focus,
.container--blue .tabs .flickity-button:active {
    color: var(--tum-blue-dark)
}

.container--blue-dark .tabs .flickity-button,
.container--blue-dark .tabs .flickity-button:hover,
.container--blue-dark .tabs .flickity-button:focus,
.container--blue-dark .tabs .flickity-button:active {
    color: var(--tum-blue-dark-4)
}

.tabs .flickity-button:hover,
.tabs .flickity-button:focus,
.tabs .flickity-button:active {
    background-color: inherit
}

.tabs .flickity-button.previous {
    left: -3.25rem
}

.tabs .flickity-button.next {
    right: -3.25rem;
    border-left: 0.0625rem solid var(--tum-blue-dark)
}

.tabs .flickity-button[disabled] {
    display: none
}

.tabs .flickity-button .flickity-button-icon {
    position: static;
    width: 1.3125rem;
    height: 1.3125rem
}

.c-target-header {
    position: relative;
    color: var(--white);
    -webkit-padding-after: 4rem;
    padding-block-end: 4rem;
    -webkit-padding-before: 4rem;
    padding-block-start: 4rem
}

@media screen and (min-width: 62.5em) {
    .c-target-header:not(.c-target-header--sub) {
        min-height: 38.75rem
    }
}

.c-target-header__content {
    position: relative;
    z-index: 1
}

@media screen and (min-width: 43.75em) {
    .c-target-header__content {
        -webkit-margin-end: 2.5rem;
        margin-inline-end: 2.5rem
    }
}

.c-target-header__content-text {
    font-size: 1.25rem;
    line-height: 1.5;
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem
}

.c-target-header__content-text p+p {
    -webkit-margin-before: 0.5rem;
    margin-block-start: 0.5rem
}

.c-target-header__content-link {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

.c-target-header__content-image {
    aspect-ratio: 269/140;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: none
}

@media screen and (min-width: 62.5em) {
    .c-target-header__content-image {
        display: flex
    }
}

.c-target-header__content-image>div {
    width: 10%
}

.c-target-header__content-image>div:nth-child(1),
.c-target-header__content-image>div:nth-child(3),
.c-target-header__content-image>div:nth-child(7),
.c-target-header__content-image>div:nth-child(9) {
    background-color: var(--theme-color);
    -webkit-margin-before: 10%;
    margin-block-start: 10%
}

.c-target-header__content-image>div:nth-child(5) {
    background-color: var(--theme-color);
    -webkit-margin-after: 10%;
    margin-block-end: 10%
}

.c-target-header--sub .c-target-header__content {
    max-width: 50.375rem
}

.c-target-header--sub .c-target-header__content-headline ul {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875rem;
    line-height: 1.2857142857;
    list-style: none
}

.c-target-header--sub .c-target-header__content-headline ul a {
    color: currentColor;
    font-weight: 400
}

.c-target-header--sub .c-target-header__content-headline ul+* {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem
}

.c-target-header--sub .c-target-header__content-headline li+li::before {
    content: ">";
    -webkit-margin-end: 0.25rem;
    margin-inline-end: 0.25rem;
    -webkit-margin-start: 0.25rem;
    margin-inline-start: 0.25rem
}

.c-target-modul {
    --target-modul-color: var(--tum-blue-dark)
}

.c-target-modul .h-display {
    font-size: 2.625rem
}

.c-target-modul__nav {
    color: var(--tum-blue-dark);
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    gap: 1rem
}

@media screen and (min-width: 62.5em) {
    .c-target-modul__nav {
        justify-content: center
    }
}

.c-target-modul__nav .btn {
    font-weight: 500;
    padding-block: 0.375rem;
    padding-inline: 1rem;
    text-align: left;
    width: 100%;
    background-color: var(--tum-grey-7);
    color: var(--tum-grey-2)
}

.c-target-modul__nav .btn:hover,
.c-target-modul__nav .btn.btn--active {
    background-color: var(--tum-blue-brand);
    color: var(--white)
}

.c-target-modul__content-container {
    -moz-column-gap: 3.5rem;
    column-gap: 3.5rem;
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem
}

@media screen and (min-width: 43.75em) {
    .c-target-modul__content-container {
        flex-direction: row;
        justify-content: center
    }
}

.c-target-modul__image-container {
    align-self: flex-start;
    background-color: var(--target-modul-color);
    color: var(--tum-blue-dark);
    flex: 3;
    justify-content: center;
    width: 100%;
    max-width: 43rem;
    padding: 1.5rem
}

@media screen and (min-width: 31.25em) {
    .c-target-modul__image-container {
        padding: 2.5rem
    }
}

@media screen and (min-width: 43.75em) {
    .c-target-modul__image-container {
        padding-inline: 3.5rem
    }
}

@media screen and (min-width: 62.5em) {
    .c-target-modul__image-container {
        -webkit-padding-start: 8.0625rem;
        padding-inline-start: 8.0625rem;
        -webkit-padding-end: 8.0625rem;
        padding-inline-end: 8.0625rem;
        -webkit-padding-before: 6.9375rem;
        padding-block-start: 6.9375rem;
        -webkit-padding-after: 6.9375rem;
        padding-block-end: 6.9375rem
    }
}

.c-target-modul__image {
    aspect-ratio: 269/140;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex
}

.c-target-modul__image[aria-hidden=true] {
    display: none
}

.c-target-modul__image>div {
    width: 10%
}

.c-target-modul__image>div:nth-child(1),
.c-target-modul__image>div:nth-child(3),
.c-target-modul__image>div:nth-child(7),
.c-target-modul__image>div:nth-child(9) {
    background-color: var(--target-modul-color);
    -webkit-margin-before: 10%;
    margin-block-start: 10%
}

.c-target-modul__image>div:nth-child(5) {
    background-color: var(--target-modul-color);
    -webkit-margin-after: 10%;
    margin-block-end: 10%
}

.c-target-modul__content {
    align-self: center;
    position: relative
}

.c-target-modul__content[aria-hidden=true] {
    display: none
}

@media screen and (min-width: 43.75em) {
    .c-target-modul__content {
        width: 26.1875rem
    }
}

.c-target-modul__content-text {
    font-size: 1.25rem;
    line-height: 1.5;
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem
}

.c-target-modul__content-text p+p {
    -webkit-margin-before: 0.5rem;
    margin-block-start: 0.5rem
}

.c-target-modul__content-link {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

.c-target-modul__content-link a::before {
    content: "";
    inset: 0;
    position: absolute
}

.c-target-modul--bright-yellow {
    --target-modul-color: var(--tum-yellow)
}

.c-target-modul--yellow {
    --target-modul-color: var(--tum-orange)
}

.c-target-modul--lilac {
    --target-modul-color: var(--tum-blue-bright)
}

.c-target-modul--green {
    --target-modul-color: var(--tum-green)
}

.c-target-modul--pink {
    --target-modul-color: var(--tum-pink)
}

.c-target-modul--orange {
    --target-modul-color: var(--tum-red)
}

.c-target-modul--blue-dark {
    --target-modul-color: var(--tum-blue-dark)
}

.c-target-modul--blue {
    --target-modul-color: var(--tum-blue-brand)
}

.teaser {
    display: flex;
    flex-wrap: wrap;
    -webkit-margin-start: -0.75rem;
    margin-inline-start: -0.75rem;
    -webkit-margin-end: -0.75rem;
    margin-inline-end: -0.75rem;
    row-gap: 3rem
}

.teaser.flickity-enabled {
    display: block
}

.teaser__item {
    -webkit-padding-start: .75rem;
    padding-inline-start: .75rem;
    -webkit-padding-end: .75rem;
    padding-inline-end: .75rem;
    width: 100%
}

@media screen and (min-width: 43.75em) {
    .teaser__item {
        width: 50%
    }
}

@media screen and (min-width: 62.5em) {
    .teaser__item {
        width: 33.333%
    }
}

.teaser__item>a::after {
    display: none !important
}

.teaser img {
    width: 100%
}

.teaser:not(.teaser--related) a {
    color: var(--tum-blue-dark);
    display: block;
    font-weight: inherit;
    text-decoration: none !important
}

.teaser:not(.teaser--related) a:hover,
.teaser:not(.teaser--related) a:focus,
.teaser:not(.teaser--related) a:active {
    background-color: var(--tum-blue-light-5);
    color: var(--tum-blue-dark) !important
}

.teaser:not(.teaser--related) a:hover .btn,
.teaser:not(.teaser--related) a:focus .btn,
.teaser:not(.teaser--related) a:active .btn {
    border-color: var(--tum-blue-brand);
    color: var(--tum-blue-brand)
}

.teaser:not(.teaser--related) .teaser__item-content {
    padding: 1.5rem
}

.teaser:not(.teaser--related) .teaser__item-content .btn {
    display: inline-block;
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem
}

.container--blue-dark .teaser:not(.teaser--related) a,
.container--blue .teaser:not(.teaser--related) a {
    color: var(--white)
}

.container--blue-dark .teaser:not(.teaser--related) a:hover,
.container--blue-dark .teaser:not(.teaser--related) a:focus,
.container--blue-dark .teaser:not(.teaser--related) a:active,
.container--blue .teaser:not(.teaser--related) a:hover,
.container--blue .teaser:not(.teaser--related) a:focus,
.container--blue .teaser:not(.teaser--related) a:active {
    background-color: var(--white);
    color: var(--tum-blue-dark) !important
}

.container--blue-dark .teaser:not(.teaser--related) a:hover .btn,
.container--blue-dark .teaser:not(.teaser--related) a:focus .btn,
.container--blue-dark .teaser:not(.teaser--related) a:active .btn,
.container--blue .teaser:not(.teaser--related) a:hover .btn,
.container--blue .teaser:not(.teaser--related) a:focus .btn,
.container--blue .teaser:not(.teaser--related) a:active .btn {
    border-color: var(--tum-blue-brand);
    color: var(--tum-blue-brand)
}

.container--blue-light .teaser:not(.teaser--related) a:hover,
.container--blue-light .teaser:not(.teaser--related) a:focus,
.container--blue-light .teaser:not(.teaser--related) a:active {
    background-color: var(--white);
    color: var(--tum-blue-dark) !important
}

.container--blue-light .teaser:not(.teaser--related) a:hover .btn,
.container--blue-light .teaser:not(.teaser--related) a:focus .btn,
.container--blue-light .teaser:not(.teaser--related) a:active .btn {
    border-color: var(--tum-blue-brand);
    color: var(--tum-blue-brand)
}

.teaser--related .teaser__item>a {
    color: inherit;
    display: block;
    font-weight: inherit;
    text-decoration: none !important
}

.teaser--related .teaser__item-meta {
    -webkit-padding-before: 1.5rem;
    padding-block-start: 1.5rem
}

.teaser--related .teaser__item-meta time {
    font-weight: 700
}

.teaser--related .teaser__item-meta ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.teaser--related .teaser__item-meta li {
    align-items: center;
    display: flex
}

.teaser--related .teaser__item-meta li+li {
    border-left: 0.0625rem solid;
    -webkit-margin-start: 0.5rem;
    margin-inline-start: 0.5rem;
    -webkit-padding-start: 0.5rem;
    padding-inline-start: 0.5rem
}

.teaser--related .teaser__item-meta span {
    display: inline-block;
    -webkit-padding-start: 0.25rem;
    padding-inline-start: 0.25rem
}

.teaser--related .teaser__item-content {
    -webkit-padding-before: 0.5rem;
    padding-block-start: 0.5rem
}

.teaser--related .teaser__item-content svg {
    -webkit-margin-end: 0.5rem;
    margin-inline-end: 0.5rem;
    position: relative;
    top: 0.25rem
}

.teaser--related ul {
    list-style: none
}

.teaser--related .teaser__item-links {
    color: var(--tum-blue-brand);
    display: flex;
    flex-wrap: wrap;
    font-weight: 500;
    gap: 1.5rem;
    -webkit-padding-before: 1.5rem;
    padding-block-start: 1.5rem
}

.teaser--related .teaser__item-links ul {
    border-left: 0.0625rem solid;
    -webkit-padding-start: 0.75rem;
    padding-inline-start: 0.75rem
}

.teaser--related .teaser__item-links li {
    display: block
}

.container--blue .teaser--related a,
.container--blue-dark .teaser--related a {
    color: var(--white)
}

.container--blue .teaser--related a:hover .btn,
.container--blue .teaser--related a:focus .btn,
.container--blue .teaser--related a:active .btn,
.container--blue-dark .teaser--related a:hover .btn,
.container--blue-dark .teaser--related a:focus .btn,
.container--blue-dark .teaser--related a:active .btn {
    border-color: var(--tum-blue-brand);
    color: var(--tum-blue-brand)
}

.container--blue .teaser--related .teaser__item-links,
.container--blue-dark .teaser--related .teaser__item-links {
    color: var(--white)
}

.teaser .teaser__item-image img {
    aspect-ratio: 450/270;
    -o-object-fit: cover;
    object-fit: cover
}

.c-newsteaser .c-newsteaser__image img {
    aspect-ratio: 332/197;
    -o-object-fit: cover;
    object-fit: cover
}

.c-teaser-big__image {
    height: 100%
}

@media screen and (min-width: 62.5em) {
    .c-teaser-big__image {
        -webkit-margin-end: -6rem;
        margin-inline-end: -6rem
    }
}

.c-teaser-big img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-teaser-big__content {
    background-color: var(--tum-blue-dark);
    color: var(--white);
    -webkit-margin-before: -1.5rem;
    margin-block-start: -1.5rem;
    padding: 1.5rem;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 43.75em) {
    .c-teaser-big__content {
        -webkit-margin-before: -4.5rem;
        margin-block-start: -4.5rem;
        -webkit-margin-end: 4.5rem;
        margin-inline-end: 4.5rem;
        -webkit-margin-start: 4.5rem;
        margin-inline-start: 4.5rem;
        padding: 2.5rem
    }
}

@media screen and (min-width: 62.5em) {
    .c-teaser-big__content {
        -webkit-margin-after: 4.5rem;
        margin-block-end: 4.5rem;
        -webkit-margin-before: 4.5rem;
        margin-block-start: 4.5rem;
        -webkit-margin-end: auto;
        margin-inline-end: auto;
        -webkit-margin-start: auto;
        margin-inline-start: auto
    }
}

.c-teaser-big__content-text {
    -webkit-margin-before: 1.25rem;
    margin-block-start: 1.25rem
}

.c-teaser-big__content-link {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

.c-teaser-big__content-link a::before {
    content: "";
    inset: 0;
    position: absolute
}

.c-teaser-big__content--bright-yellow {
    background-color: var(--tum-yellow);
    color: var(--tum-blue-dark)
}

.c-teaser-big__content--yellow {
    background-color: var(--tum-orange);
    color: var(--tum-blue-dark)
}

.c-teaser-big__content--lilac {
    background-color: var(--tum-blue-bright);
    color: var(--tum-blue-dark)
}

.c-teaser-big__content--green {
    background-color: var(--tum-green);
    color: var(--tum-blue-dark)
}

.c-teaser-big__content--pink {
    background-color: var(--tum-pink);
    color: var(--tum-blue-dark)
}

.c-teaser-big__content--orange {
    background-color: var(--tum-red);
    color: var(--tum-blue-dark)
}

.c-teaser-big__content--blue-dark {
    background-color: var(--tum-blue-dark);
    color: var(--white)
}

.c-teaser-big__content--blue {
    background-color: var(--tum-blue-brand);
    color: var(--white)
}

@media screen and (min-width: 62.5em) {
    .c-teaser-big .flex--row-reverse .c-teaser-big__image {
        -webkit-margin-start: -6rem;
        margin-inline-start: -6rem;
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

.c-teaser-flemish {
    display: grid;
    -moz-column-gap: 9rem;
    column-gap: 9rem;
    row-gap: 2.5rem
}

.c-teaser-flemish__item {
    color: currentcolor
}

.c-teaser-flemish__item:not(.btn):hover,
.c-teaser-flemish__item:focus,
.c-teaser-flemish__item:active {
    text-decoration: none;
    color: var(--tum-blue-brand)
}

.c-teaser-flemish__image {
    height: 16rem;
    overflow: hidden
}

.c-teaser-flemish__image img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

@media screen and (min-width: 62.5em) {
    .c-teaser-flemish {
        grid-template-columns: 1fr 1fr 1fr
    }

    .c-teaser-flemish__item--large {
        grid-column-end: span 2
    }
}

.c-teaser-stackbond {
    display: block;
    position: relative
}

.c-teaser-stackbond,
.c-teaser-stackbond:hover,
.c-teaser-stackbond:active,
.c-teaser-stackbond:focus {
    color: inherit !important;
    font-weight: 700 !important;
    text-decoration: none !important
}

.c-teaser-stackbond:hover .c-teaser-stackbond__content,
.c-teaser-stackbond:active .c-teaser-stackbond__content,
.c-teaser-stackbond:focus .c-teaser-stackbond__content {
    background-color: var(--tum-blue-brand);
    color: var(--white)
}

.c-teaser-stackbond__image {
    height: 22.375rem
}

.c-teaser-stackbond img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-teaser-stackbond__content {
    background-color: var(--white);
    bottom: 1rem;
    color: inherit;
    left: 1rem;
    padding: 1.25rem;
    position: absolute;
    right: 1rem
}

.c-teaser-stackbond__content svg {
    position: relative;
    top: 0.375rem
}

.ce-textmedia header+* {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem
}

.ce-textmedia img {
    width: 100%
}

@media screen and (min-width: 43.75em) {
    .ce-textmedia .flex__md-6+.flex__auto .ce-textmedia__content {
        max-width: calc(45.25rem - 7.375rem)
    }

    .ce-textmedia .flex:not(.flex--row-reverse) .flex__md-6+.flex__auto .ce-textmedia__content {
        -webkit-margin-start: auto;
        margin-inline-start: auto
    }
}

.ce-textmedia__content {
    max-width: 65.25rem
}

.ce-textmedia+.ce-textmedia {
    -webkit-margin-before: 3rem;
    margin-block-start: 3rem
}

.slider-navigation {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    -webkit-margin-before: 2.5rem;
    margin-block-start: 2.5rem
}

.slider-navigation__previous,
.slider-navigation__next,
.slider-navigation__pause,
.slider-navigation__unpause {
    align-items: center;
    background: rgba(0, 0, 0, 0);
    border: 0.0625rem solid;
    color: var(--tum-blue-brand);
    cursor: pointer;
    display: flex;
    height: 3rem;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 3rem
}

.slider-navigation__previous[disabled],
.slider-navigation__next[disabled],
.slider-navigation__pause[disabled],
.slider-navigation__unpause[disabled] {
    color: var(--tum-grey-5);
    border-color: var(--tum-grey-6)
}

.slider-navigation__dots {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: flex-end;
    -webkit-margin-end: 0.5rem;
    margin-inline-end: 0.5rem
}

.slider-navigation__dots-item {
    background-color: var(--tum-grey-6);
    border-radius: 0;
    border: 0;
    cursor: pointer;
    height: 0.25rem;
    margin: 0.25rem;
    max-width: 0.75rem;
    padding: 0;
    text-indent: -999em;
    transition: .25s;
    width: 100%
}

.slider-navigation__dots-item--selected {
    background-color: var(--tum-blue-dark);
    max-width: 1rem
}

.container--blue .slider-navigation__previous,
.container--blue .slider-navigation__next,
.container--blue .slider-navigation__pause,
.container--blue .slider-navigation__unpause {
    color: var(--white)
}

.container--blue .slider-navigation__previous[disabled],
.container--blue .slider-navigation__next[disabled],
.container--blue .slider-navigation__pause[disabled],
.container--blue .slider-navigation__unpause[disabled] {
    color: var(--tum-blue-dark);
    border-color: var(--tum-blue-dark)
}

.container--blue .slider-navigation__dots-item {
    background-color: var(--white)
}

.container--blue .slider-navigation__dots-item--selected {
    background-color: var(--tum-blue-dark)
}

.container--blue-dark .slider-navigation__previous,
.container--blue-dark .slider-navigation__next,
.container--blue-dark .slider-navigation__pause,
.container--blue-dark .slider-navigation__unpause {
    color: var(--white)
}

.container--blue-dark .slider-navigation__previous[disabled],
.container--blue-dark .slider-navigation__next[disabled],
.container--blue-dark .slider-navigation__pause[disabled],
.container--blue-dark .slider-navigation__unpause[disabled] {
    color: var(--tum-blue-dark-4);
    border-color: var(--tum-blue-dark-3)
}

.container--blue-dark .slider-navigation__dots-item {
    background-color: var(--white)
}

.container--blue-dark .slider-navigation__dots-item--selected {
    background-color: var(--tum-blue-dark-3)
}

.gallery img {
    width: auto;
    height: auto;
    max-height: 80vh
}

.gallery .img-container {
    display: inline-block
}

.gallery__teaser {
    display: none
}

.gallery__teaser-image {
    position: relative
}

.gallery__toggle-button {
    position: absolute;
    padding: 0.5rem;
    bottom: 0.5rem;
    right: 0.5rem;
    background-color: var(--white);
    display: flex;
    color: var(--tum-blue-brand)
}

.gallery__slider {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
}

.gallery__slider-item {
    width: 100%;
    height: auto
}

@media screen and (min-width: 43.75em) {
    .gallery:not(.gallery--fullwidth) .gallery__teaser {
        display: block
    }

    .gallery:not(.gallery--fullwidth) .gallery__slider,
    .gallery:not(.gallery--fullwidth) .gallery__slider-nav {
        display: none
    }
}

.ce-donation {
    position: relative;
    text-align: center
}

.ce-donation__image {
    display: inline-block
}

.ce-donation__wrapper {
    padding: 1.5rem;
    background-color: var(--tum-blue-bright-4)
}

@media screen and (min-width: 31.25em) {
    .ce-donation__wrapper {
        padding: 2.5rem
    }
}

.ce-donation--lilac .ce-donation__wrapper {
    background-color: var(--tum-blue-bright)
}

.ce-donation--green .ce-donation__wrapper {
    background-color: var(--tum-green)
}

.ce-donation--blue .ce-donation__wrapper {
    background-color: var(--tum-blue-brand);
    color: var(--white)
}

.ce-donation--blue-dark .ce-donation__wrapper {
    background-color: var(--tum-blue-dark);
    color: var(--white)
}

.ce-donation--pink .ce-donation__wrapper {
    background-color: var(--tum-pink)
}

.ce-donation--orange .ce-donation__wrapper {
    background-color: var(--tum-red)
}

.ce-donation--yellow .ce-donation__wrapper {
    background-color: var(--tum-orange)
}

.ce-donation--bright-yellow .ce-donation__wrapper {
    background-color: var(--tum-yellow)
}

.ce-donation__button {
    margin-top: 1.5rem
}

.ce-donation--blue .ce-donation__button {
    color: var(--tum-blue-brand);
    background-color: var(--white)
}

.ce-donation--blue .ce-donation__button:hover {
    color: var(--white);
    background-color: var(--tum-blue-dark-4)
}

.ce-donation__button::before {
    content: "";
    inset: 0;
    position: absolute
}

.container .container.ce-donation__wrapper {
    -webkit-padding-start: 0.75rem;
    padding-inline-start: 0.75rem;
    -webkit-padding-end: 0.75rem;
    padding-inline-end: 0.75rem
}

.c-loader {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    background-color: rgba(255, 255, 255, .5);
    z-index: 100;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: none;
    transition: opacity .3s
}

.c-loader--active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    display: flex
}

.c-loader__icon {
    flex: 1 1 auto;
    animation: in2studyfinder-loader-rotating 1s linear infinite
}

.c-textcoloredbackground .container {
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    -webkit-padding-end: 1.5rem;
    padding-inline-end: 1.5rem;
    -webkit-padding-before: 3.5rem;
    padding-block-start: 3.5rem;
    -webkit-padding-after: 3.5rem;
    padding-block-end: 3.5rem
}

.c-textcoloredbackground .container[class*=container--blue-light] a,
.c-textcoloredbackground .container[class*=container--bright-yellow] a,
.c-textcoloredbackground .container[class*=container--yellow] a,
.c-textcoloredbackground .container[class*=container--lilac] a,
.c-textcoloredbackground .container[class*=container--green] a,
.c-textcoloredbackground .container[class*=container--pink] a,
.c-textcoloredbackground .container[class*=container--orange] a {
    color: inherit;
    text-decoration: underline
}

.c-textcoloredbackground .container[class*=container--bright-yellow] {
    background-color: var(--tum-yellow);
    color: var(--tum-blue-dark)
}

.c-textcoloredbackground .container[class*=container--yellow] {
    background-color: var(--tum-orange);
    color: var(--tum-blue-dark)
}

.c-textcoloredbackground .container[class*=container--lilac] {
    background-color: var(--tum-blue-bright);
    color: var(--tum-blue-dark)
}

.c-textcoloredbackground .container[class*=container--green] {
    background-color: var(--tum-green);
    color: var(--tum-blue-dark)
}

.c-textcoloredbackground .container[class*=container--pink] {
    background-color: var(--tum-pink);
    color: var(--tum-blue-dark)
}

.c-textcoloredbackground .container[class*=container--orange] {
    background-color: var(--tum-red);
    color: var(--tum-blue-dark)
}

@media print {
    @page {
        margin-top: 2.7cm;
        margin-left: 2.5cm;
        margin-right: 2cm;
        margin-bottom: 2cm
    }

    * {
        background: rgba(0, 0, 0, 0) !important;
        color: #000 !important
    }

    a {
        text-decoration: none !important
    }

    a::after {
        content: " (" attr(href) ")" !important
    }

    .cke_editable ul,
    .alertbox__text ul,
    .c-download ul,
    .ce-textmedia ul,
    .news-detail__text ul {
        list-style: disc !important
    }

    .cke_editable ul li::before,
    .alertbox__text ul li::before,
    .c-download ul li::before,
    .ce-textmedia ul li::before,
    .news-detail__text ul li::before {
        display: none
    }

    .c-disturber,
    .page__header,
    .news-detail__share,
    .news-detail__nav,
    .container--full-width:has(.teaser),
    .page__footer {
        display: none
    }
}

.u-hide {
    display: none !important
}

.u-show {
    display: block !important
}

/*! Flickity v3.0.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
    touch-action: pan-y
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0
}

.flickity-rtl .flickity-slider {
    left: unset;
    right: 0
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: grabbing
}

.flickity-cell {
    position: absolute;
    left: 0
}

.flickity-rtl .flickity-cell {
    left: unset;
    right: 0
}

.flickity-button {
    position: absolute;
    background: rgba(255, 255, 255, .75);
    border: none;
    color: #333
}

.flickity-button:hover {
    background: #fff;
    cursor: pointer
}

.flickity-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dot {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0 8px;
    background: rgba(51, 51, 51, .25);
    border-radius: 50%;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    text-indent: -9999px;
    overflow: hidden
}

.flickity-rtl .flickity-page-dot {
    text-indent: 9999px
}

.flickity-page-dot:focus {
    outline: none;
    box-shadow: 0 0 0 5px #19f
}

.flickity-page-dot.is-selected {
    background: #333
}