.single-article__body .text-block ol,
.single-article__body .html-block ol {
    padding-left: 1.5em;
}

.single-article .text-block li a,
.single-article .grid-item li a,
.single-article .primary-modules h3 a {
    text-decoration: none;
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#222, #222);
    background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 96%, 100% 96%, 0% 96%;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff,
        -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
}

.single-article .multibox p a,
.single-article .text-block li a,
.single-article .grid-item li a {
    background-position: 0% 88%, 100% 88%, 0% 88%;
}

.single-article .primary-modules h3 a {
    background-position: 0% 90%, 100% 90%, 0% 90%;
}

.single-article p a:hover,
.single-article .grid-item li a:hover,
.single-article .text-block li a:hover,
.single-article h3 a:hover {
    color: #ba0020;
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#ba0020, #ba0020);
}

.single-article .content-header p a {
    background-position: 0% 90%, 100% 90%, 0% 90%;
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#ba0020, #ba0020);
}

.single-article .content-header p a:hover {
    color: #222;
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#222, #222);
}

/* remove problematic negative margin on safari mobile */

@media (max-width: 500px) {
    .article-footer__modules > div[style] {
        margin-top: 0 !important;
    }

    .article-footer__modules div[style]:last-child {
        margin-top: 0 !important;
    }
}

p.content-header__byline a {
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#222, #222);
    background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0% 90%, 100% 90%, 0% 90%;
    text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff,
        -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
}

p.content-header__byline a:hover {
    color: #ba0020;
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#ba0020, #ba0020);
}

.article-list__item a:hover .text-cell.highlighted .text-span {
    color: #222;
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#222, #222);
}

.grid-item .grid-item-text ul {
    margin-bottom: 10px;
    list-style-type: disc;
    padding-left: 1.2em;
}

.grid-item .grid-item-text ul li {
    margin-bottom: 10px;
}

.content-header__breadcrumb li .inline-arrow {
    padding-left: 5px;
}

.content-header__breadcrumb li:last-of-type .inline-arrow {
    display: none;
}

.content-header__breadcrumb li a:hover {
    color: #ba0020;
}

/* Not only when the teaser has a link tag */
.dropdown-menu p {
    font-weight: normal;
    font-size: 14px;
}

sub {
    vertical-align: sub;
    line-height: 1;
}
sup {
    vertical-align: super;
    line-height: 1;
}

.single-article .single-article__body .text-block b {
    font-weight: bold;
}

.single-article .single-article__body .text-block i {
    font-style: italic;
}

@media only screen and (min-width: 960px) {
    .home .has-one-column .module.grid-wrap {
        margin-bottom: 20px;
    }
}

p.inline-image-paragraph {
    margin-bottom: 0 !important;
}

form[target='paypal'] {
    padding: 0 !important;
    margin-top: -15px;
}

form[target='paypal'] table {
    margin: 0 0 5px;
}

form[target='paypal'] table tr td {
    font-family: 'TheSans', Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #222;
}
form[target='paypal'] select {
    min-width: 300px;
    margin-top: 5px;
    font-size: 16px;
}

.single-article__body form {
    max-width: 680px;
    margin: 0 auto 20px;
}

.single-article__body .primary-modules form.powermail_form {
    margin: 0 -15px 20px;
}

.single-article__body form .form-group,
.single-article__body form .selectize-control {
    max-width: 500px;
}

.filter-menu-button {
    border: 1px solid #adb3b7;
}

.filter-menu a {
    border: 1px solid #adb3b7;
    background: #adb3b7;
}

.filter-menu-button:hover,
.filter-menu-button.is-selected {
    background: #222;
    border: 1px solid #222;
}

.eventPreSelection .grid-control__item {
    margin-bottom: 2em;
    margin-right: 0.5em;
}

.eventPreSelection .button {
    border: 1px solid #adb3b7;
    background: #adb3b7;
    color: white;
    margin-bottom: 0;
    letter-spacing: 0.05em;
}

.eventPreSelection .button.disabled {
    pointer-events: none;
}

.eventPreSelection a .button:hover,
.eventPreSelection a .button.active {
    border: 1px solid #222;
    background: #222;
}

/*
    COURSE CATALOG 2021
*/

.coursePreSelection {
    /* margin-bottom: 1.5em;*/
    margin-bottom: 0;
}

.coursePreSelection .grid-control__item {
    margin-bottom: 0.5em;
    margin-right: 0.5em;
}

.coursePreSelection .button {
    color: white;
    letter-spacing: 0.05em;
}

.coursePreSelection .button.is-red {
    background-color: #ba0020;
    border-color: #ba0020;
}

.coursePreSelection .button.is-powder-blue {
    background-color: #90cade;
    border-color: #90cade;
}

.coursePreSelection .button.is-mint {
    background-color: #97c4be;
    border-color: #97c4be;
}

.coursePreSelection .button.is-sand {
    background-color: #d4c29d;
    border-color: #d4c29d;
}

.coursePreSelection .button.is-neutral-cool {
    background-color: #5b6770;
    border-color: #5b6770;
}

.coursePreSelection .button.is-light-grey,
.coursePreSelection .button.is-light-gray {
    background-color: #adb3b7;
    border-color: #adb3b7;
}

.coursePreSelection .button.disabled {
    pointer-events: none;
}

.coursePreSelection a .button:hover {
    border: 1px solid #222;
    background: #222;
}

.coursePreSelection a .button.active,
.eventTypeSelection a .button.active {
    /* transform: translateY(-4px); */
    position: relative;
    box-shadow: 0 3px 0 #fff, 0 5px 0 #000;
}

.coursePreSelection .button.active.is-red,
.eventTypeSelection .button.active.is-red {
    box-shadow: 0 3px 0 #fff, 0 5px 0 #ba0020;
}

.coursePreSelection .button.active.is-powder-blue,
.eventTypeSelection .button.active.is-powder-blue {
    box-shadow: 0 3px 0 #fff, 0 5px 0 #90cade;
}

.coursePreSelection .button.active.is-mint,
.eventTypeSelection .button.active.is-mint {
    box-shadow: 0 3px 0 #fff, 0 5px 0 #97c4be;
}

.coursePreSelection .button.active.is-sand,
.eventTypeSelection .button.active.is-sand {
    box-shadow: 0 3px 0 #fff, 0 5px 0 #d4c29d;
}

.coursePreSelection .button.active.is-neutral-cool,
.eventTypeSelection .button.active.is-neutral-cool {
    box-shadow: 0 3px 0 #fff, 0 5px 0 #5b6770;
}

.coursePreSelection .button.active.is-light-gray,
.coursePreSelection .button.active.is-gray-light,
.eventTypeSelection .button.active.is-light-gray,
.eventTypeSelection .button.active.is-gray-light {
    box-shadow: 0 3px 0 #fff, 0 5px 0 #adb3b7;
}

.coursePreSelection a .button.active:hover,
.eventTypeSelection a .button.active:hover {
    box-shadow: 0 3px 0 #fff, 0 5px 0 #000;
    /*
    transform: none;
    box-shadow: none;
    */
}

.has-one-column .module form.courseFilterForm {
    margin-bottom: 3em;
}

@media (min-width: 768px) {
    .has-one-column .courseFilterSelects .form-group {
        width: 33.333333%;
    }
}

.courseFilterSelects label {
    font-size: 14px;
    margin-bottom: 2px;
}

.grid-wrap.is-loading .courseFilterForm .button--load-more {
    visibility: visible;
    background: #adb3b7;
    pointer-events: none;
    cursor: not-allowed;
}

.courseResetButton {
    font-weight: 400;
    margin-left: 20px;
    font-size: 14px;
    color: #adb3b7 !important;
    text-decoration: underline;
}

.courseResetButton:hover {
    color: #000 !important;
    text-decoration: underline;
}

.grid-courses-list .grid-item {
    padding-top: 0;
}

.multibox-courses-list.multibox {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
}

.multibox-courses-list.is-open .multibox-body {
    padding-top: 10px;
    padding-bottom: 0;
}

.multibox-courses-list .multibox-title {
    color: #000;
    padding-bottom: 0;
}

/*
    EVENTS 2021
*/

.eventTypeSelection {
    /* margin-bottom: 3em; */
    margin-bottom: 3em;
}

.eventTypeSelection--v3 {
    max-width: 640px;
    max-width: 520px;
}

.eventTypeSelection .grid-control__item {
    margin-bottom: 0.5em;
    margin-right: 0.5em;
}

.eventTypeSelection .button {
    border: 1px solid #adb3b7;
    background: #adb3b7;
    color: white;
    letter-spacing: 0.05em;
}

.eventTypeSelection .button.is-red {
    background-color: #ba0020;
    border-color: #ba0020;
}

.eventTypeSelection .button.is-powder-blue {
    background-color: #90cade;
    border-color: #90cade;
}

.eventTypeSelection .button.is-mint {
    background-color: #97c4be;
    border-color: #97c4be;
}

.eventTypeSelection .button.is-sand {
    background-color: #d4c29d;
    border-color: #d4c29d;
}

.eventTypeSelection .button.is-neutral-cool {
    background-color: #5b6770;
    border-color: #5b6770;
}

.eventTypeSelection .button.is-light-grey,
.eventTypeSelection .button.is-light-gray,
.eventTypeSelection .button.is-gray-light {
    background-color: #adb3b7;
    border-color: #adb3b7;
}

.eventTypeSelection .button.disabled {
    pointer-events: none;
}

.eventTypeSelection a .button:hover /*,
.eventTypeSelection a .button.active */ {
    border: 1px solid #222 !important;
    background: #222 !important;
}

.grid-event-list .grid-item {
    max-width: none;
}

.grid-event-list .grid-item-image {
    margin: 0 15px 25px;
    /* max-width: 280px; */
}

@media (min-width: 500px) {
    .grid-event-list .grid-item-image {
        float: left;
        margin: 0 15px 15px;
    }
}

@media (min-width: 768px) {
    .grid-event-list .grid-item-image {
        width: 25%;
    }

    .grid-event-list--v3 .grid-item-image {
        /* margin-top: 42px; */
    }
}

.grid-event-list .grid-item .image-wrap,
.grid-event-list .grid-item:hover .image-wrap {
    transform: none !important;
}

.grid-event-list .grid-item-body {
    overflow: hidden;
}

.grid-event-list .today {
    font-size: 16px;
    margin-left: 15px;
    padding: 2px 0 2px;
    font-weight: 400;
    color: #ba0020;
    border-bottom: 2px solid #ba0020;
}

.grid-event-list .grid-item-header + .grid-item-text {
    padding-top: 5px;
}

.grid-event-list .grid-item-date {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
}

.grid-event-list .grid-item-text + .grid-item-date {
    padding-top: 15px;
}
/*
.grid-event-list .location {
    padding-left: 28px;
    position: relative;
}

.grid-event-list .location svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
*/
.grid-event-list .location {
    display: flex;
    align-items: center;
}

.grid-event-list .location svg {
    transform: scale(0.95);
    margin-right: 7px;
}

.teaser-item-image-only > .grid-item-inner {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.teaser-item-image-only .grid-item-image {
    margin-bottom: 0 !important;
}

.single-event .module.inline-slider-wrap {
    margin-bottom: 0;
    /* max-width: 680px; */
}

.single-event .module--type-speakers .multibox-body h3 {
    font-size: 16px;
    font-weight: bold;
}

.single-event .module--type-speakers .article-list__item .image-cell {
    max-width: 150px;
    vertical-align: top;
}

.single-event .module--type-speakers .article-list__item .image-cell img,
.single-event .module--type-speakers .article-list__item .image-cell > div,
.single-event .module--type-speakers .article-list__item .image-cell > * {
    margin-right: 20px;
    width: 130px;
}

.single-event .module--type-speakers .article-list__item .image-cell + .text-cell {
    font-size: 16px;
}

.single-event .module--type-html .video-wrap + .video-wrap {
    margin-top: 40px;
}

.single-event .primary-modules .mail .genericon {
    font-size: 0.8em;
    color: #000;
}

.article-list__item .cells .text-cell .meta {
    color: #adb3b7;
    display: inline-block;
    padding-left: 10px;
    white-space: nowrap;
    font-weight: 400;
}

.article-list__item .cells .text-cell .desc {
    display: block;
    font-weight: 400;
}

/*
    SOLR
*/

#tx-solr-search .grid-control__item.search-wrap {
    position: relative;
}

#tx-solr-search .tx-solr-submit {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.5em 1.4em;
    height: 34px;
}

#tx-solr-search .grid-filters {
    clear: both;
}

#tx-solr-search .grid-filters .filter-menu {
    /* display: block; */
}

#tx-solr-search .grid-filters .filter-menu .filter-list {
    display: block;
    clear: both;
    overflow: hidden;
}

#tx-solr-search .grid-filters .filter-menu .filter-list li a:hover,
#tx-solr-search .grid-filters .filter-menu .filter-list #tx-solr-facets-in-use li a #tx-solr-faceting #tx-solr-facets-in-use li a {
    border: 1px solid #adb3b7;
    background: #adb3b7;
}

#tx-solr-faceting #tx-solr-facets-in-use {
    margin-bottom: 13px;
}

#tx-solr-search .tx-solr-found {
    margin-bottom: 30px;
}

#tx-solr-pagination-results-per-page {
    margin-bottom: 20px;
    display: none;
}

.tx-solr-pagination-page-browser {
    margin-bottom: 20px;
}

.tx-solr-pagination-page-browser li {
    display: inline;
    color: #adb3b7;
}

.tx-solr-pagination-page-browser li a {
    color: #000;
}

.tx-solr-pagination-page-browser ol {
    display: inline;
    margin: 0 5px;
}

.tx-solr-pagination-page-browser ol li.tx-pagebrowse-page {
    margin: 0 5px;
}

.tx-solr-pagination-page-browser ol li.tx-pagebrowse-current {
    font-weight: 700;
    margin: 0 5px;
    color: #000;
}

.tx-solr-info {
    margin: 0 0 20px 0;
}

#solr-pagination .pagination {
    margin: 0 0 20px 0;
}
#solr-pagination .pagination li {
    display: inline;
    color: #adb3b7;
}
#solr-pagination .pagination li a {
    color: #000;
    margin: 0 5px;
}
#solr-pagination .pagination li.active a {
    font-weight: 700;
}

.tx-solr-autosuggest {
    border: 1px solid #ccc;
    background: #fff;
    overflow: auto;
}
.tx-solr-autosuggest strong {
    font-weight: bolder;
    color: #f18f0b;
}
.tx-solr-autosuggest .autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}
.tx-solr-autosuggest .autocomplete-selected {
    background: #f1e0b6;
}
.tx-solr-autosuggest .autocomplete-group {
    padding: 10px 5px;
}
.tx-solr-autosuggest .autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #999;
}

#tx-solr-search .resultInfoBar {
    color: #5b6770;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.5rem;
    margin-bottom: 5rem;
    font-size: 14px;
    background-color: #eef0f0;
}
#tx-solr-search .result-range {
    flex: 1 0 auto;
}
#tx-solr-search .secondaryContentSectionSorting {
    display: flex;
    gap: 1rem;
    flex: 0 0 auto;
    align-items: center;
}
#tx-solr-search .secondaryContentSectionSorting h3 {
    flex: 0 0 auto;
}
#tx-solr-search .secondaryContentSectionList {
    display: flex;
    gap: 0.5rem;
    flex: 0 0 auto;
}

#tx-solr-search .secondaryContentSectionList li {
    color: #fff;
    background-color: #adb3b7;
    padding: 0.22em 0.5em 0.2em;
    font-size: 12px;
    border-radius: 1px;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

#tx-solr-search .secondaryContentSectionList .is-selected {
    background-color: #333;
}

#tx-solr-search .secondaryContentSectionList .is-selected img {
    filter: brightness(100);
}

#tx-solr-search .filter-menu h3.facet-label {
    background: transparent;
    border: 0;
    color: #000;
    float: none;
    clear: both;
    padding: 0;
}

.grid-item.type-tweet .grid-item-text {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 10px;
}

.grid-item.type-tweet .grid-item-text span {
    display: block;
    font-size: 16px;
    line-height: 26px;
    margin: 20px 0;
}

.grid-item.type-tweet .grid-item-text p a:hover {
    background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
}

.grid-item.type-tweet .profile-link {
    margin: 0;
}

.grid-item.type-tweet .grid-item-foot .profile-link {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
}

.module.separator {
    clear: both;
}

.has-one-column .hertie-opus .single-article__body .multibox-title {
    border-bottom: 1px solid #d6d9db;
}

.single-article__social-wrap {
    z-index: 3;
    display: none;
}

.parsley-errors-list {
    max-width: 500px !important;
    margin: -15px 0 15px !important;
}

.form-group .parsley-errors-list {
    margin: 0 !important;
}

.selectized.parsley-error + .selectize-control {
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid #eed3d7;
}

.form-group input[type='radio'],
.form-group input[type='checkbox'] {
    width: auto;
    height: auto;
}

.form__textbox {
    font-size: 16px;
}

.form__textbox .text_title {
    font-size: 1.125em !important;
}

.form__textbox .text-block {
    font-size: 0.875em !important;
    font-weight: normal;
}

.form__textbox .text-block a {
    font-weight: bold;
}

@media screen and (max-width: 499px) {
    .single-article-wrap .has-two-columns {
        padding-left: 0;
    }

    .single-article__social .item {
        margin: 0 4%;
    }
}

/* megamenu tesaer always floating from right */
.mega-menu .menuTeaserContainer .column {
    float: right;
}

.dropdown-menu.mega-menu .menuTeaserContainer .column:first-child {
    border-left: 1px solid #d6d9db;
}

/* cta teaser in marginal row */
.scroll-rail .big-link-wrap {
    margin-top: 0;
    margin-bottom: 30px;
}

/* link handling most read teaser */
.grid-item.type-link-list a {
    margin: 0;
}

.grid-item.type-link-list .grid-item-inner a {
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 1.3;
    margin: 15px 0;
}

.grid-item.type-link-list .grid-item-inner h2 a {
    font-size: 22px;
    margin: 0;
}

.grid-item.type-link-list .grid-item-inner h2 a:hover span {
    background-size: 0.05em 0, 0.05em 0, 2px 2px;
}

/* Slideshow Disabled Arrows ausblenden */
.flickity-prev-next-button.next:disabled {
    opacity: 0;
}

@media screen and (max-width: 499px) {
    .single-article__social .item.print {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .has-two-columns .primary-modules .grid-item {
        padding: 0 0 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .has-two-columns .primary-modules .grid-item {
        padding-top: 0;
    }

    .has-two-columns .primary-modules .grid-item.col-sm-6:nth-child(odd) {
        clear: both;
    }
}

@media screen and (min-width: 992px) {
    .has-two-columns .primary-modules .grid-item {
        padding-top: 0;
    }

    .has-two-columns .primary-modules .grid-item.col-md-4:nth-child(3n + 1) {
        clear: both;
    }
}

/*
	Set CTA Buttons in Marginal to left
	http://bugtracker.lime-flavour.de/view.php?id=11384
*/
.secondary-modules .big-link-wrap {
    text-align: left;
}

/*
	Deblur Main Navigation in Chrome 60
	http://bugtracker.lime-flavour.de/view.php?id=12326
*/
.main-menu {
    left: auto;
    right: 70px;
    transform: none;
    top: -5px;
}

@media (min-width: 992px) {
    .main-menu {
        right: auto;
        left: 20%;
    }
}

/*
	Set overflow: auto for the bottom spacing (margin)
	http://bugtracker.lime-flavour.de/view.php?id=12014
*/
.secondary-modules .scroll-rail__module.sticks-to-parent {
    overflow: hidden;
}

.secondary-modules .multibox.module--type-html .text-block {
    overflow: auto;
}

/*

	https://support.limeflavour.com/view.php?id=14621

	auch das beachten: e.g. http://staging.hertie-school.org/index.php?id=1180
*/
.article-list__item .image-cell {
    width: auto;
    padding-right: 0;
}

.article-list__item .image-cell img,
.article-list__item .image-cell > div, /*.circle-image-wrap */
.article-list__item .image-cell > * {
    margin-right: 15px;
    width: 105px;
}

.main-header .genericon-xing:before {
    content: '';
    width: 16px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/xing__purple.svg) center center no-repeat;
    height: 30px;
    display: block;
}

.main-header a:hover .genericon-xing:before {
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/xing__black.svg) center center no-repeat;
}

.main-footer .genericon-xing:before {
    content: '';
    width: 16px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/xing__gray.svg) center center no-repeat;
    height: 20px;
    display: block;
}

#connect-with-us .social-links {
    padding: 10px 0 30px;
    margin: 0 auto;
}

#connect-with-us .social-links li a,
.single-article .infobox--connect .item a {
    color: #adb3b7;
}

#connect-with-us .social-links li .genericon-xing:before {
    content: '';
    width: 22px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/xing__gray-light.svg) center center no-repeat;
    background-size: 22px auto;
    height: 40px;
    display: block;
}

#connect-with-us .social-links li a:hover .genericon-xing:before {
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/xing__black.svg) center center no-repeat;
    background-size: 22px auto;
}

.single-article .infobox--connect .item a .genericon-xing:before {
    content: '';
    width: 20px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/xing__gray.svg) center center no-repeat;
    background-size: 20px auto;
    height: 43px;
    display: block;
}

#connect-with-us .social-links li .genericon-twitter {
    color: #adb3b7;
}
#connect-with-us .social-links li .genericon-linkedin-alt {
    color: #adb3b7;
}
#connect-with-us .social-links li .genericon-facebook {
    color: #adb3b7;
}
#connect-with-us .social-links li a:hover .genericon {
    color: #000 !important;
}

.main-header .genericon-instagram-2016:before {
    content: '';
    width: 16px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/instagram__gray-light.svg) center center no-repeat;
    background-size: 16px auto;
    height: 30px;
    display: block;
}

.main-header a:hover .genericon-instagram-2016:before {
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/instagram__black.svg) center center no-repeat;
    background-size: 16px auto;
}

.main-footer .genericon-instagram-2016:before {
    content: '';
    width: 16px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/instagram__gray.svg) center center no-repeat;
    background-size: 16px auto;
    height: 20px;
    display: block;
}

#connect-with-us .social-links li .genericon-instagram-2016:before {
    content: '';
    width: 28px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/instagram__gray-light.svg) center center no-repeat;
    background-size: 28px auto;
    height: 40px;
    display: block;
}

#connect-with-us .social-links li a:hover .genericon-instagram-2016:before {
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/instagram__black.svg) center center no-repeat;
    background-size: 28px auto;
}

.single-article .infobox--connect .item a .genericon-instagram-2016:before {
    content: '';
    width: 26px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/instagram__gray-light.svg) center center no-repeat;
    background-size: 26px auto;
    height: 43px;
    display: block;
}

/* TIKTOK ICON */
.main-header .genericon-tiktok:before {
    content: '';
    width: 16px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/tiktok__gray-light.svg) center center no-repeat;
    background-size: 16px auto;
    height: 30px;
    display: block;
}

.main-header a:hover .genericon-tiktok:before {
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/tiktok__black.svg) center center no-repeat;
    background-size: 16px auto;
}

.main-footer .genericon-tiktok:before {
    content: '';
    width: 16px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/tiktok__gray.svg) center center no-repeat;
    background-size: 16px auto;
    height: 20px;
    display: block;
}

#connect-with-us .social-links li .genericon-tiktok:before {
    content: '';
    width: 28px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/tiktok__gray-light.svg) center center no-repeat;
    background-size: 28px auto;
    height: 40px;
    display: block;
}

#connect-with-us .social-links li a:hover .genericon-tiktok:before {
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/tiktok__black.svg) center center no-repeat;
    background-size: 28px auto;
}

.single-article .infobox--connect .item a .genericon-tiktok:before {
    content: '';
    width: 26px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/tiktok__gray-light.svg) center center no-repeat;
    background-size: 26px auto;
    height: 43px;
    display: block;
}

/* BLUESKY ICON */
.main-header .genericon-bluesky:before {
    content: '';
    width: 16px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/bluesky__gray-light.svg) center center no-repeat;
    background-size: 16px auto;
    height: 30px;
    display: block;
}

.main-header a:hover .genericon-bluesky:before {
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/bluesky__black.svg) center center no-repeat;
    background-size: 16px auto;
}

.main-footer .genericon-bluesky:before {
    content: '';
    width: 16px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/bluesky__gray.svg) center center no-repeat;
    background-size: 16px auto;
    height: 20px;
    display: block;
}

#connect-with-us .social-links li .genericon-bluesky:before {
    content: '';
    width: 28px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/bluesky__gray-light.svg) center center no-repeat;
    background-size: 28px auto;
    height: 40px;
    display: block;
}

#connect-with-us .social-links li a:hover .genericon-bluesky:before {
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/bluesky__black.svg) center center no-repeat;
    background-size: 28px auto;
}

.single-article .infobox--connect .item a .genericon-bluesky:before {
    content: '';
    width: 26px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/bluesky__gray-light.svg) center center no-repeat;
    background-size: 26px auto;
    height: 43px;
    display: block;
}

/* NEW TWITTER / X ICON */
.main-header .genericon-twitter:before {
    content: '';
    width: 16px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/twitterx__gray-light.svg) center center no-repeat;
    background-size: 16px auto;
    height: 30px;
    display: block;
}

.main-header a:hover .genericon-twitter:before {
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/twitterx__black.svg) center center no-repeat;
    background-size: 16px auto;
}

.main-footer .genericon-twitter:before {
    content: '';
    width: 16px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/twitterx__gray.svg) center center no-repeat;
    background-size: 16px auto;
    height: 20px;
    display: block;
}

#connect-with-us .social-links li .genericon-twitter:before {
    content: '';
    width: 28px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/twitterx__gray-light.svg) center center no-repeat;
    background-size: 28px auto;
    height: 40px;
    display: block;
}

#connect-with-us .social-links li a:hover .genericon-twitter:before {
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/twitterx__black.svg) center center no-repeat;
    background-size: 28px auto;
}

.single-article .infobox--connect .item a .genericon-twitter:before {
    content: '';
    width: 26px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/twitterx__gray-light.svg) center center no-repeat;
    background-size: 26px auto;
    height: 43px;
    display: block;
}

.genericon-academia:before {
    content: '';
    width: 24px;
    background: url(../png/academia__gray-light.png) center center no-repeat;
    background-size: 24px auto;
    height: 43px;
    display: block;
}

.genericon-academia:hover:before {
    background: url(../png/academia__black.png) center center no-repeat;
    background-size: 24px auto;
}

/* some resposive changes */

@media (max-width: 768px) {
    .single-article__main {
        /* margin-bottom: 120px; */
        margin-bottom: 0;
    }

    .single-article__main .modules-wrap:last-of-type {
        /* margin-bottom: 60px;*/
        margin-bottom: 0;
    }
}

.flickity-viewport {
    background: #eef0f0;
}

.text-slider_XXX .flickity-viewport {
    background: transparent;
}

@media (max-width: 499px) {
    .text-slider .text-slide {
        padding: 0 15px 30px;
        padding: 20px 0 !important;
    }

    .text-slider blockquote p {
        /* HO 2019-09-03
		font-size: 22px;
		margin-bottom: 5px;
		*/
        font-size: 18px;
        margin-bottom: 15px;
        text-align: center;
    }

    .text-slider blockquote cite {
        /* HO 2019-09-03
		text-align: right;
		*/
        text-align: center;
    }

    .text-slider-wrap_XXX {
        padding-top: 0 !important;
    }

    .text-slider_XXX .flickity-viewport {
        height: auto !important;
    }
    .text-slider_XXX .flickity-slider {
        position: relative !important;
        left: auto !important;
        transform: none !important;
    }

    .text-slider_XXX .text-slide {
        position: relative !important;
        left: auto !important;
        transform: none !important;
        opacity: 1 !important;
        /* HO 2019-09-03
		padding: 50px 15px 0 !important;
		*/
        overflow: hidden;

        padding: 20px 0 !important;
    }

    .text-slider_XXX .flickity-page-dots {
        display: none !important;
    }
}

.events-in-a-row.grid-item.has-square-image .row:first-child .grid-item-header,
.events-in-a-row .grid-item-child,
.events-in-a-row.grid-item.has-square-image .row:last-child .grid-item-text {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.separator-headline {
    padding-left: 15px;
    padding-right: 15px;
}

.grid.people-grid {
    text-align: center;
}

.people-grid .grid-item-inner {
    text-align: left;
}

@media (max-width: 768px) {
    .grid-item > .grid-item-inner {
        padding-bottom: 0;
    }

    .people-grid .circle-image-wrap {
        max-width: 65%;
        max-width: 240px;
        margin: 0 auto;
    }

    .people-grid .grid-item.col-sm-3 .grid-item-title {
        font-size: 20px;
    }

    .people-grid .grid-item.col-sm-3 .grid-item-text {
        font-size: 14px;
        line-height: 1.4;
    }
}

@media (max-width: 400px) {
    .people-grid .grid-item.col-xs-4 {
        width: 50%;
    }

    .people-grid .grid-item-title {
        font-size: 20px;
    }

    .people-grid .grid-item-text {
        font-size: 14px;
        line-height: 1.4;
    }
}

@media (min-width: 992px) {
    .people-grid .grid-item.col-md-2 .grid-item-title {
        font-size: 20px;
    }

    .people-grid .grid-item.col-md-2 .grid-item-text {
        font-size: 14px;
        line-height: 1.4;
    }
}

#areaofworklist .col {
    min-width: 100%;
}

@media (min-width: 768px) {
    #areaofworklist .col-md-6 {
        min-width: 50%;
    }
}

.grid.people-grid--bg-color {
    text-align: left;
    margin-bottom: 40px;
}

.people-grid--bg-color .grid-item .grid-item-title {
    font-size: 20px;
}

.people-grid--bg-color .grid-item .grid-item-text {
    font-size: 14px;
    line-height: 1.4;
}

.people-grid--bg-color .separator-headline {
    text-align: center;
}

.people-grid--bg-color .grid-item > .grid-item-inner {
    padding-bottom: 0;
    min-height: 230px;
}

.statement {
    margin-top: 20px;
    margin-bottom: 20px;
}

.statement__text {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 400;
    font-family: 'TheAntiquaB';
    color: #ba0020;
    margin: 0 30px 20px;
    margin: 0 15px 20px;
}

@media (min-width: 768px) {
    .statement__text {
        margin: 0 30px 20px;
    }
}

.statement__persons .article-list {
    padding: 0;
}

@media (min-width: 768px) {
    .statement__persons .article-list {
        display: flex;
        justify-content: flex-end;
    }
}

.statement__persons .article-list__item {
    margin: 0 20px;
}

.statement__persons .article-list__item .image-cell .circle-image-wrap {
    width: 60px;
}

.statement__persons .article-list__item .cells .text-cell {
    font-size: 14px;
    line-height: 1.3;
    color: #adb3b7;
    font-family: 'TheAntiquaB';
}

@media screen and (min-width: 992px) {
    .col-md-20p {
        width: 20%;
    }
}

.top-scroll__fixed {
    position: fixed;
    height: 50px;
    width: 50px;
    background: #ba0020;
    color: white;
    text-indent: -10000em;
    cursor: pointer;
    z-index: 999;
    transition: all 0.1s ease-in-out;
    right: 10px;
    bottom: -60px;
}

.top-scroll__fixed.is-visible {
    bottom: 10px;
}

.top-scroll__fixed:before {
    text-indent: 0;
    position: absolute;
    top: 50%;
    left: 50%;

    content: '';
    width: 8px;
    height: 8px;
    border-right: 2px solid white;
    border-bottom: 2px solid white;

    display: block;
    margin-left: -5px;
    margin-top: -2px;
    transform: rotate(-135deg);
    transition: all 0.1s ease-in-out;
}

.top-scroll__fixed:hover {
    /* height: 60px; */
    background: #d03641;
}

.top-scroll__fixed:hover:before {
    margin-top: -4px;
}

@media print {
    .top-scroll__fixed {
        display: none !important;
    }
}

.call-to-action.scroll-rail {
    display: none;
}

.call-to-action:not(.scroll-rail) {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 3;
    transition: all 0.1s ease-in-out;
    width: calc(100% - 20px);
}

.top-scroll-is-visible .call-to-action:not(.scroll-rail) {
    right: 70px;
    width: calc(100% - 90px);
}

.call-to-action:not(.scroll-rail) .button {
    padding-block: 1.8rem;
    width: 100%;
    text-align: center;
    background-color: #ba0020 !important;
}
.call-to-action:not(.scroll-rail) .button:hover {
    background-color: #d03641 !important;
}

@media (min-width: 768px) {
    .call-to-action:not(.scroll-rail) {
        right: 30px;
        bottom: 30px;
        width: auto;
    }

    .top-scroll-is-visible .call-to-action:not(.scroll-rail) {
        right: 90px;
        width: auto;
    }

    .call-to-action:not(.scroll-rail) .button {
        width: auto;
    }

    .top-scroll__fixed {
        right: 30px;
    }

    .top-scroll__fixed.is-visible {
        bottom: 30px;
    }
}

@media screen and (max-width: 479px) {
    .inline-slider .flickity-prev-next-button.previous svg {
        left: 50%;
        width: 24px;
        transform: translateX(-50%);
    }

    .inline-slider .flickity-prev-next-button.next svg {
        left: 50%;
        width: 24px;
        right: auto;
        transform: translateX(-50%);
    }

    .inline-slider-wrap .flickity-zoom {
        display: none !important;
    }

    .inline-slider .slider-cell img {
        pointer-events: none !important;
    }
}

.inline-slider .slider-cell__caption {
    line-height: 1.5;
    display: block;
    text-align: left;
}

.fullscreen-slider__cell .slider-cell__caption {
    color: #333333;
    transform: none;
    top: auto;
    bottom: 0;
    background: #eef0f0;
    padding-top: 10px;
    text-align: left;
}

.flickity-prev-next-button,
.fullscreen-slider__close {
    color: #333333;
}

.fullscreen-slider .arrow {
    fill: #333333;
}

.hero-slider-wrap + .module.separator {
    z-index: 1;
}

@media (min-width: 1025px) {
    .navigation-mobile {
        display: none;
    }
}

@-webkit-keyframes fixAndroidBug {
    from {
        padding: 0;
    }
    to {
        padding: 0;
    }
}

.navigation-mobile .slide-nav-checkbox {
    display: block;
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
}

.navigation-mobile .slide-nav-root,
.navigation-mobile .slide-nav-sub {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 320px;
    background: #eef0f0;
    z-index: 9999;
    right: -400px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 0.33s ease;
    transition: -webkit-transform 0.33s ease;
    transition: transform 0.33s ease;
    transition: transform 0.33s ease, -webkit-transform 0.33s ease;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.navigation-mobile .slide-nav-root::-webkit-scrollbar,
.navigation-mobile .slide-nav-sub::-webkit-scrollbar {
    display: none;
}
/*
.navigation-mobile .slide-nav-sub {
	position: absolute;
	bottom: 0;
}
*/
.navigation-mobile .slide-nav-root {
    display: block;
    min-height: 100%;
}

.navigation-mobile .slide-nav-root.is-fixed {
    overflow: hidden;
}

.navigation-mobile .slide-nav-sub.is-fixed {
    overflow: hidden;
    position: absolute;
    bottom: 0;
}

.navigation-mobile .slide-nav-root ul {
    background: #eef0f0;
    text-decoration: none;
    padding: 0;
    margin: 0;
    list-style: none;
    padding-top: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100%;
}

.navigation-mobile .slide-nav-root > ul {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
}

.navigation-mobile .slide-nav-root a,
.navigation-mobile .slide-nav-root span {
    display: block;
    line-height: 50px;
    padding: 0 50px;
    color: #222;
    text-decoration: none;
    position: relative;
}

.navigation-mobile .slide-nav-root a {
    visibility: hidden;
}

.navigation-mobile .slide-nav-root .slide-nav-sub-heading {
    padding-left: 0;
    color: #fff;
}

.navigation-mobile .slide-nav-root .slide-nav-root-heading {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    color: #222;
    font-size: 16px;
}

.navigation-mobile .slide-nav-root .slide-nav-label-sub {
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.navigation-mobile .slide-nav-checkbox:checked ~ .slide-nav-root,
.navigation-mobile .slide-nav-root .slide-nav-checkbox:checked ~ .slide-nav-sub {
    -webkit-transform: translate(-400px, 0);
    transform: translate(-400px, 0);
}

.navigation-mobile .slide-nav-checkbox:checked ~ .slide-nav-root a,
.navigation-mobile .slide-nav-root .slide-nav-checkbox:checked ~ .slide-nav-sub a {
    visibility: visible !important;
}

.navigation-mobile .slide-nav-label-root {
    display: block;
    position: fixed;
    right: 0;
    top: -60px;
    z-index: 9998;
    height: 60px;
}

.navigation-mobile .slide-nav-root {
    -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.5);
    background: #eef0f0;
}

.navigation-mobile .slide-nav-root ul {
    padding-top: 60px;
    background: #eef0f0;
}

.navigation-mobile .slide-nav-root a,
.navigation-mobile .slide-nav-root span {
    /*
		line-height: 1.5;
		padding: 1.2rem 1rem 1.2rem 2rem;
	*/
    line-height: 24px;
    padding: 18px 10px 18px 20px;
    color: #222;
    font-weight: 700;
    font-size: 18px;
    background: white;
    border-bottom: 1px solid #ccc;
}

.navigation-mobile .slide-nav-root .is-current a,
.navigation-mobile .slide-nav-root a:hover {
    color: rgb(191, 45, 56);
}

.navigation-mobile span,
.navigation-mobile .is-active,
.navigation-mobile .slide-nav-active {
    color: rgb(191, 45, 56);
}

.navigation-mobile .is-current a:before {
    color: rgb(191, 45, 56) !important;
}

.navigation-mobile .is-current a:not(.slide-nav-sub-item):before {
    color: rgb(191, 45, 56) !important;
}

.navigation-mobile label {
    text-indent: -9999em;
    overflow: hidden;
    margin: 0;
    font-weight: 300;
}

.navigation-mobile .slide-nav-root-heading {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px;
    color: #222;
    font-size: 16px;
}

.navigation-mobile .slide-nav-sub-heading a,
.navigation-mobile .slide-nav-sub-heading span {
    color: #222 !important;
}

.navigation-mobile .slide-nav-sub-heading a:hover,
.navigation-mobile .slide-nav-sub-heading a:active,
.navigation-mobile .slide-nav-sub-heading a:focus {
    color: rgb(191, 45, 56) !important;
}

.navigation-mobile .slide-nav-label:before,
.navigation-mobile .slide-nav-label-sub:before,
.navigation-mobile .slide-nav-label-sub-sub:before,
.navigation-mobile .slide-nav-label-sub-sub-sub:before,
.navigation-mobile .slide-nav-label-sub-sub-sub-sub:before {
    position: absolute;
    text-indent: 0em;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
}

.navigation-mobile .slide-nav-label-sub {
    width: auto;
}

.navigation-mobile .slide-nav-label-sub:before {
    content: '>';
    display: block;
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    color: #222;
    font-size: 24px;
}

.navigation-mobile .slide-nav-item-meta .slide-nav-label-sub:before,
.navigation-mobile .is-current .slide-nav-label-sub:before,
.navigation-mobile .slide-nav-label-sub:hover:before,
.navigation-mobile .slide-nav-label-sub:focus:before,
.navigation-mobile .slide-nav-label-sub:active:before {
    color: rgb(191, 45, 56);
}

.navigation-mobile .slide-nav-label-sub-sub:before,
.navigation-mobile .slide-nav-label-sub-sub-sub:before,
.navigation-mobile .slide-nav-label-sub-sub-sub-sub:before {
    color: pink;
}

.navigation-mobile .slide-nav-item-head {
    width: 100%;
    height: 60px;
    position: absolute;
    top: 0;
    background: white;
    border-bottom: 1px solid #ccc;
}

.navigation-mobile .slide-nav-item-head .slide-nav-root-heading {
    color: #222;
}

.navigation-mobile .slide-nav-root .slide-nav-item-meta > a,
.navigation-mobile .slide-nav-root .slide-nav-item-meta > span {
    background: #eef0f0;
    color: rgb(191, 45, 56);
    font-size: 16px;
    font-weight: 400;
}

.navigation-mobile .slide-nav-root .slide-nav-item-meta > a:hover,
.navigation-mobile .slide-nav-root .slide-nav-item-meta > a:focus,
.navigation-mobile .slide-nav-root .slide-nav-item-meta > a:active {
    color: #222;
}

.navigation-mobile .slide-nav-root .slide-nav-item-meta > a:hover .slide-nav-label-sub:before,
.navigation-mobile .slide-nav-root .slide-nav-item-meta > span:hover .slide-nav-label-sub:before,
.navigation-mobile .slide-nav-root .slide-nav-item-meta > a:focus .slide-nav-label-sub:before,
.navigation-mobile .slide-nav-root .slide-nav-item-meta > span:focus .slide-nav-label-sub:before,
.navigation-mobile .slide-nav-root .slide-nav-item-meta > a:active .slide-nav-label-sub:before,
.navigation-mobile .slide-nav-root .slide-nav-item-meta > span:active .slide-nav-label-sub:before {
    color: #222 !important;
}

.navigation-mobile .slide-nav-root .slide-nav-item-donate a {
    background: #ba0020;
    color: white;
    font-weight: bold;
    font-size: 18px;
}

.navigation-mobile .slide-nav-root .slide-nav-item-socials {
    clear: both;
    overflow: hidden;
}

.navigation-mobile .slide-nav-root .slide-nav-item-socials ul {
    padding: 0 10px;
}

.navigation-mobile .slide-nav-root .slide-nav-item-socials li a {
    border: 0;
    padding: 0;
    float: left;
    width: auto;
    background: #eef0f0;
    color: rgb(191, 45, 56);
}

.navigation-mobile .slide-nav-root .slide-nav-item-socials li a:hover,
.navigation-mobile .slide-nav-root .slide-nav-item-socials li a:focus,
.navigation-mobile .slide-nav-root .slide-nav-item-socials li a:active {
    color: #222;
}

.navigation-mobile .slide-nav-root .slide-nav-item-socials li a span {
    line-height: 60px;
    padding: 0 15px;
    border: 0;
    background: #eef0f0;
    color: rgb(191, 45, 56);
}

.navigation-mobile .slide-nav-root .slide-nav-item-socials li a:hover span,
.navigation-mobile .slide-nav-root .slide-nav-item-socials li a:focus span,
.navigation-mobile .slide-nav-root .slide-nav-item-socials li a:active span {
    color: #222;
}

.navigation-mobile .slide-nav-root .slide-nav-item-socials li a span.genericon-xing,
.navigation-mobile .slide-nav-root .slide-nav-item-socials li a span.genericon-instagram-2016 {
    padding: 15px 10px;
}

.navigation-mobile .slide-nav-root .slide-nav-item-socials li a span.genericon-xing:before {
    background-image: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/xing__purple.svg);
}

.navigation-mobile .slide-nav-root .slide-nav-item-socials li a span.genericon-xing:hover:before,
.navigation-mobile .slide-nav-root .slide-nav-item-socials li a span.genericon-xing:focus:before,
.navigation-mobile .slide-nav-root .slide-nav-item-socials li a span.genericon-xing:active:before {
    background-image: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/xing__black.svg);
}

.navigation-mobile .slide-nav-root .slide-nav-item-socials li a span.genericon-instagram-2016:before {
    background-image: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/instagram__purple.svg);
}
.navigation-mobile .slide-nav-root .slide-nav-item-socials li a span.genericon-instagram-2016:hover:before,
.navigation-mobile .slide-nav-root .slide-nav-item-socials li a span.genericon-instagram-2016:focus:before,
.navigation-mobile .slide-nav-root .slide-nav-item-socials li a span.genericon-instagram-2016:active:before {
    background-image: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/instagram__black.svg);
}

.navigation-mobile .slide-nav-root .slide-nav-item-socials li a span.genericon-tiktok:before {
    background-image: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/tiktok__purple.svg);
}

.navigation-mobile .slide-nav-root .slide-nav-item-socials li a span.genericon-tiktok:hover:before,
.navigation-mobile .slide-nav-root .slide-nav-item-socials li a span.genericon-tiktok:focus:before,
.navigation-mobile .slide-nav-root .slide-nav-item-socials li a span.genericon-tiktok:active:before {
    background-image: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/tiktok__black.svg);
}

.navigation-mobile .slide-nav-sub li.slide-nav-sub-heading > a,
.navigation-mobile .slide-nav-sub li.slide-nav-sub-heading > span {
    position: relative;
    padding: 18px 10px 18px 20px !important;
}

.navigation-mobile .slide-nav-sub li.slide-nav-sub-item a {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    padding: 13px 10px 13px 40px;
}

.navigation-mobile .slide-nav-sub li.slide-nav-sub-item span {
    float: left;
    z-index: 2;
}

.navigation-mobile .slide-nav-sub li:before {
    display: inline-block;
    position: absolute;
    left: 2rem;
    -webkit-transform: translate(0%, 40%);
    transform: translate(0%, 40%);
    color: rgb(191, 45, 56);
    font-size: 36px;
    z-index: 3;
}

.navigation-mobile .slide-nav-sub li.is-current:before {
    color: rgb(191, 45, 56);
}

.slide-nav-sub li.slide-nav-sub-item.is-current > a,
.slide-nav-sub li.slide-nav-sub-item.is-current > span {
    color: rgb(191, 45, 56);
}

.slide-nav-sub li.slide-nav-sub-item.is-current > a:before,
.slide-nav-sub li.slide-nav-sub-item.is-current > span:before {
    color: rgb(191, 45, 56) !important;
}

.slide-nav-sub li.slide-nav-sub-item:hover,
.slide-nav-sub li.slide-nav-sub-item:hover:before,
.slide-nav-sub li.slide-nav-sub-item > a:hover,
.slide-nav-sub li.slide-nav-sub-item > a:hover:before {
    color: rgb(191, 45, 56) !important;
}

.navigation-mobile .slide-nav-root .slide-nav-label-back {
    cursor: pointer;
    text-indent: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px;
    color: #222;
    font-size: 16px;
    padding-left: 40px;
}

.navigation-mobile .slide-nav-label-back:before {
    content: '>';
    display: block;
    color: #222;
    font-size: 24px;
    text-indent: 0;
    position: absolute;
    top: 50%;
    left: 25px;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}

.navigation-mobile .slide-nav-label-back:hover,
.navigation-mobile .slide-nav-label-back:focus,
.navigation-mobile .slide-nav-label-back:active,
.navigation-mobile .slide-nav-label-back:hover:before,
.navigation-mobile .slide-nav-label-back:focus:before,
.navigation-mobile .slide-nav-label-back:active:before {
    color: rgb(191, 45, 56);
}

.navigation-mobile .slide-nav-root .slide-nav-label-close {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: #222;
    height: 48px;
    width: 48px;
    z-index: 1;
}

.navigation-mobile .slide-nav-root .slide-nav-label-close:before {
    content: '';
    height: 2px;
    width: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #222;
    transform: translate(-50%) rotate(-45deg);
}

.navigation-mobile .slide-nav-root .slide-nav-label-close:after {
    content: '';
    height: 2px;
    width: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #222;
    transform: translate(-50%) rotate(45deg);
}

.navigation-mobile .slide-nav-root .slide-nav-label-close:hover:before,
.navigation-mobile .slide-nav-root .slide-nav-label-close:hover:after,
.navigation-mobile .slide-nav-root .slide-nav-label-close:focus:before,
.navigation-mobile .slide-nav-root .slide-nav-label-close:focus:after,
.navigation-mobile .slide-nav-root .slide-nav-label-close:active:before,
.navigation-mobile .slide-nav-root .slide-nav-label-close:active:after {
    background: rgb(191, 45, 56);
}

.js__slide-nav--initialOpen,
.js__slide-nav--initialOpen .slide-nav-sub {
    -webkit-transition: none;
    transition: none;
}

.mainnav-utilities {
    height: 48px;
    line-height: 48px;
    margin-top: -28px;
}

.mainnav-utilities .mobile-menu-toggle {
    display: none;
    width: 48px;
    height: 48px;
    line-height: 48px;
}

.mainnav-utilities .search-toggle {
    width: 48px;
    height: 48px;
    line-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-header .slide-nav-trigger {
    margin-bottom: 0;
    z-index: 1;
    position: relative;
    width: 48px;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    border: 0;
    outline: 0;
    text-indent: -9999em;
    cursor: pointer;
    color: #222;
    font-size: 24px;
}

.main-header .slide-nav-trigger .genericon-menu:before {
    text-indent: 0;
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%);
}

@media (min-width: 1025px) {
    .main-header .slide-nav-trigger {
        display: none;
    }
}

.worldmap {
    margin: 0 -15px 40px;
    position: relative;
}

.has-one-column .worldmap {
    margin: 0 0 40px;
}

@media (min-width: 992px) {
    .has-one-column .worldmap {
        margin: 0 10px 80px;
    }
}

@media (min-width: 1180px) {
    .worldmap {
        margin: 0 -40px 40px;
    }

    .has-one-column .worldmap {
        margin: 0 0 80px;
    }

    .has-two-columns .worldmap {
        margin: 0 0 40px;
    }
}

.worldmap__headline {
    padding: 0 0 10px;
    font-size: 22px;
    line-height: 1.3;
}

.worldmap__filter {
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    z-index: 10;
}

@media (min-width: 992px) {
    .has-one-column .worldmap__headline {
        padding: 20px 30px;
        font-size: 22px;
        line-height: 1.3;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
    }

    .has-one-column .worldmap__filter {
        position: absolute;
        right: 0;
        top: 0;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
        z-index: 10;
    }
}

.worldmap__select {
    margin: 0 10px;
    float: left;
    border-top: 4px solid gray;
}

.worldmap__select select {
    border-top: 0;
    margin: 0;
}

.worldmap__select .form-control.selectize-control {
    border-top: 0;
    background: white;
    min-width: 160px;
}

.worldmap__select .selectize-input {
    padding-right: 30px;
}

.worldmap__map {
    width: 100%;
}

.highlight {
    background: #eef0f0;
    margin: 0 10px 40px;
    position: relative;
    padding: 20px !important;
    clear: both;
    overflow: hidden;
}

.primary-modules.is-column .highlight {
    margin-left: 0;
    margin-right: 0;
}

.highlight__headline {
    font-size: 22px;
    line-height: 1.3;
    padding-bottom: 20px;
}

.highlight p a,
.highlight li a {
    text-shadow: 0.03em 0 #eef0f0, -0.03em 0 #eef0f0, 0 0.03em #eef0f0, 0 -0.03em #eef0f0, 0.06em 0 #eef0f0, -0.06em 0 #eef0f0, 0.09em 0 #eef0f0,
        -0.09em 0 #eef0f0, 0.12em 0 #eef0f0, -0.12em 0 #eef0f0, 0.15em 0 #eef0f0, -0.15em 0 #eef0f0 !important;
    background-image: linear-gradient(#eef0f0, #eef0f0), linear-gradient(#eef0f0, #eef0f0), linear-gradient(#222, #222);
    /*
    text-decoration: underline;
    text-shadow: none;
    background-image: none;
    */
}

@media (min-width: 768px) {
    .highlight {
        padding: 20px 30px !important;
    }

    .highlight__media {
        float: left;
        margin-right: 30px;
        width: 60%;
    }
}

.highlight.videofancybox:first-child {
    padding-top: 20px !important;
}

.highlight__media .scaled-video,
.highlight__media .scaled-image {
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
}

.highlight__media .scaled-image {
    position: relative;
}

.highlight__media .scaled-image img {
    width: 100%;
    height: auto;
}

.highlight__media .scaled-image .videofancybox-link {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.highlight.videofancybox .highlight__media .scaled-image .videofancybox-link:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70px;
    height: 50px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7);
}

.highlight.videofancybox .highlight__media .scaled-image .videofancybox-link:hover:before {
    background: #ba0020;
}

.highlight.videofancybox .highlight__media .scaled-image .videofancybox-link:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid white;
    margin-left: 3px;
}

.highlight--sand {
    background-color: #d4c29d;
    color: #fff;
}

.highlight--sand p a,
.highlight--sand li a {
    text-shadow: 0.03em 0 #d4c29d, -0.03em 0 #d4c29d, 0 0.03em #d4c29d, 0 -0.03em #d4c29d, 0.06em 0 #d4c29d, -0.06em 0 #d4c29d, 0.09em 0 #d4c29d,
        -0.09em 0 #d4c29d, 0.12em 0 #d4c29d, -0.12em 0 #d4c29d, 0.15em 0 #d4c29d, -0.15em 0 #d4c29d !important;
    background-image: linear-gradient(#d4c29d, #d4c29d), linear-gradient(#d4c29d, #d4c29d), linear-gradient(#fff, #fff);
}

.highlight--sand .button.button-primary,
.highlight--mint .button.button-primary,
.highlight--powder-blue .button.button-primary,
.highlight--neutral-cool .button.button-primary {
    background-color: #ba0020 !important;
}

.highlight--red .button.button-primary {
    background-color: #fff !important;
    color: #ba0020 !important;
}

.highlight--mint {
    background-color: #97c4be;
    color: #fff;
}

.highlight--mint p a,
.highlight--mint li a {
    text-shadow: 0.03em 0 #97c4be, -0.03em 0 #97c4be, 0 0.03em #97c4be, 0 -0.03em #97c4be, 0.06em 0 #97c4be, -0.06em 0 #97c4be, 0.09em 0 #97c4be,
        -0.09em 0 #97c4be, 0.12em 0 #97c4be, -0.12em 0 #97c4be, 0.15em 0 #97c4be, -0.15em 0 #97c4be !important;
    background-image: linear-gradient(#97c4be, #97c4be), linear-gradient(#97c4be, #97c4be), linear-gradient(#fff, #fff);
}

.highlight--powder-blue {
    background-color: #90cade;
    color: #fff;
}

.highlight--powder-blue p a,
.highlight--powder-blue li a {
    text-shadow: 0.03em 0 #90cade, -0.03em 0 #90cade, 0 0.03em #90cade, 0 -0.03em #90cade, 0.06em 0 #90cade, -0.06em 0 #90cade, 0.09em 0 #90cade,
        -0.09em 0 #90cade, 0.12em 0 #90cade, -0.12em 0 #90cade, 0.15em 0 #90cade, -0.15em 0 #90cade !important;
    background-image: linear-gradient(#90cade, #90cade), linear-gradient(#90cade, #90cade), linear-gradient(#fff, #fff);
}

.highlight--neutral-cool {
    background-color: #5b6770;
    color: #fff;
}

.highlight--neutral-cool p a,
.highlight--neutral-cool li a {
    text-shadow: 0.03em 0 #5b6770, -0.03em 0 #5b6770, 0 0.03em #5b6770, 0 -0.03em #5b6770, 0.06em 0 #5b6770, -0.06em 0 #5b6770, 0.09em 0 #5b6770,
        -0.09em 0 #5b6770, 0.12em 0 #5b6770, -0.12em 0 #5b6770, 0.15em 0 #5b6770, -0.15em 0 #5b6770 !important;
    background-image: linear-gradient(#5b6770, #5b6770), linear-gradient(#5b6770, #5b6770), linear-gradient(#fff, #fff);
}
.highlight--neutral-cool p a:hover,
.highlight--neutral-cool li a:hover {
    text-shadow: 0.03em 0 #5b6770, -0.03em 0 #5b6770, 0 0.03em #5b6770, 0 -0.03em #5b6770, 0.06em 0 #5b6770, -0.06em 0 #5b6770, 0.09em 0 #5b6770,
        -0.09em 0 #5b6770, 0.12em 0 #5b6770, -0.12em 0 #5b6770, 0.15em 0 #5b6770, -0.15em 0 #5b6770 !important;
    background-image: none;
    color: white;
}

.highlight--red {
    background-color: #ba0020;
    color: #fff;
}

.highlight--red p a,
.highlight--red li a {
    text-shadow: 0.03em 0 #ba0020, -0.03em 0 #ba0020, 0 0.03em #ba0020, 0 -0.03em #ba0020, 0.06em 0 #ba0020, -0.06em 0 #ba0020, 0.09em 0 #ba0020,
        -0.09em 0 #ba0020, 0.12em 0 #ba0020, -0.12em 0 #ba0020, 0.15em 0 #ba0020, -0.15em 0 #ba0020 !important;
    background-image: linear-gradient(#ba0020, #ba0020), linear-gradient(#ba0020, #ba0020), linear-gradient(#fff, #fff);
}

.highlight--red p a:hover,
.highlight--red li a:hover {
    text-shadow: 0.03em 0 #ba0020, -0.03em 0 #ba0020, 0 0.03em #ba0020, 0 -0.03em #ba0020, 0.06em 0 #ba0020, -0.06em 0 #ba0020, 0.09em 0 #ba0020,
        -0.09em 0 #ba0020, 0.12em 0 #ba0020, -0.12em 0 #ba0020, 0.15em 0 #ba0020, -0.15em 0 #ba0020 !important;
    background-image: linear-gradient(#ba0020, #ba0020), linear-gradient(#ba0020, #ba0020), linear-gradient(#fff, #fff);
    background-image: none;
    color: white;
}

.fancybox-bg {
    background: #eef0f0;
}

.fancybox-is-open .fancybox-bg {
    opacity: 1;
}

.fancybox-slide {
    padding: 70px;
}

.fancybox-button {
    background: transparent;
    height: 48px;
    width: 48px;
}

.fancybox-button--close {
    font-size: 16px;
    text-align: center;
    font-family: 'Genericons';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    display: block !important;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0;
    color: #333333;
    transform: none;
    transition: transform 100ms;
}

.fancybox-button--close svg {
    display: none !important;
}

.fancybox-button--close:hover {
    transform: scale(1.1);
    color: #333333;
}

.fancybox-button--close:before {
    content: '\f405';
}

.single-article__body.has-two-columns .module.grid-wrap {
    /*
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    */
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .single-article__body .module.grid-wrap {
        margin-left: 15px;
        margin-right: 15px;
    }
}

/*
*	select2
*/

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    min-height: 32px;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border-radius: 0;
    border: 0;
}

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 2px 8px 2px 5px;
    font-size: 14px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-right: 20px;
    position: relative;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 9px;
    position: absolute;
    top: 15px;
    width: 0;
}

.select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__rendered:before {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-dropdown {
    border-radius: 0;
    border-color: #d6d9db;
}

/*
* Powermail
*/

.cf .powermail_fieldwrap_type_submit {
    margin-top: 30px;
}

.cf > h3,
.cf fieldset > legend {
    display: none;
}

.cf .multibox-title {
    font-size: 16px !important;
}

.cf textarea {
    max-height: 85vh;
}

.cf select.form-control {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

.cf .powermail_fieldwrap_type_check > label {
    margin-bottom: 3px;
}

.cf .powermail_fieldwrap_type_check .checkbox {
    margin-top: 0;
}

.tx-powermail .powermail_country,
.tx-powermail .powermail_select,
.select2-container {
    display: block;
    border: 1px solid #d6d9db;
    outline: 0;
    border-radius: 0px !important;
    font-size: 14px;
    background: transparent;
    line-height: 1;
    min-height: 34px;
    max-width: 100%;
}

.single-article__body .tx-powermail .powermail_create {
    max-width: 680px;
    margin: 30px auto 0;
}

.single-article__body .secondary-modules .tx-powermail .powermail_create {
    margin-bottom: 50px;
}

.cf .parsley-errors-list {
    max-width: 100% !important;
}

.cf .secondary-modules .tx-powermail .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.powermail_confirmation .table {
    margin: 16px 0 32px;
    width: 100%;
}

.powermail_confirmation h1 {
    font-size: 39px;
}

.powermail_confirmation .form-confirm {
    float: right;
}

.powermail_message_error {
    background: #ba0020;
    color: white;
    padding: 15px;
    margin-block-end: 40px;
}

label[for] {
    cursor: pointer;
    line-height: 1.5;
}

label[for] a {
    text-decoration: underline;
    position: relative;
}

label[for] a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
    color: #841f27;
}

.cf .secondary-modules label {
    font-size: 14px;
}

.powermail-errors-list li {
    /*
    color: red;
    font-size: 14px;
    */
    background: #ba0020;
    color: #fff;
    padding: 0.2em 0.5em;
    font-size: 12px;
    margin-bottom: 1px;
    font-weight: bold;
}

.checkbox.powermail_field_error + div {
    margin-top: -10px;
}
/*
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid #eed3d7;
*/
.form-check input {
    float: left;
}
.form-check input + span {
    font-weight: normal;
    padding-left: 8px;
    display: block;
    overflow: hidden;
}
.form-check {
    margin-right: 15px;
    cursor: pointer;
}

.form-reset {
    text-decoration: underline;
}
.form-reset:hover {
    color: #ba0020;
}
.button + .form-reset {
    margin-left: 15px;
}

.form-goup--nl-note p,
.form-goup--nl-note label {
    font-weight: 200 !important;
    font-size: 13px !important;
}
.form-goup--nl-note p a {
    text-decoration: underline;
}
.form-goup--nl-note .form-check input + span {
    padding-top: 2px;
}

.nolabel {
    padding-top: 10px;
}
.nolabel > label {
    display: none;
}

sub,
sup {
    font-size: 62.5% !important;
}

.dvinci-job-widget {
    font-size: 16px !important;
    font-family: 'TheSans', Arial, sans-serif !important;
    color: #000 !important;
    max-width: 680px !important;
    margin: 0 auto 40px !important;
}

.dvinci-job-widget .dvinci-loading-indicator {
    opacity: 0 !important;
    height: 0 !important;
    display: block !important;
}

.dvinci-job-widget .grid {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
/*
.dvinci-job-widget .grid .col
*/

.dvinci-job-widget .well {
    padding: 10px 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #d6d9db !important;
    box-shadow: none !important;
    font-family: 'TheSans', Arial, sans-serif !important;
}

.dvinci-job-widget .dvinci-job-list .dvinci-job-entry .dvinci-job-position {
    font-weight: 700;
    font-size: 16px !important;
    font-family: 'TheSans', Arial, sans-serif !important;
    color: #000 !important;
}

.dvinci-job-widget .dvinci-job-list .dvinci-job-entry .dvinci-job-position:hover {
    color: #ba0020;
}

.dvinci-job-widget .label-default.dvinci-flag-new {
    background-color: #ba0020;
}

.dvinci-job-widget ul.list-inline {
    margin-top: 3px !important;
}

.dvinci-job-widget .dvinci-job-list .dvinci-job-entry .dvinci-job-categories-list li small,
.dvinci-job-widget .dvinci-job-list .dvinci-job-entry .dvinci-job-locations-list li small {
    font-size: 14px !important;
}

.dvinci-job-widget .dvinci-job-list-pagination {
    margin-top: 10px !important;
    font-family: 'TheSans', Arial, sans-serif !important;
    font-size: 14px !important;
}

.dvinci-job-widget .small,
.dvinci-job-widget small {
    font-size: 14px !important;
}

/* @media screen and (min-width: 980px) { */
@media screen and (min-width: 1025px) {
    .mainnav-utilities {
        width: auto;
    }

    .mainnav-utilities ul,
    .mainnav-utilities .search-toggle {
        display: none;
    }

    .mainnav-utilities .search-form {
        float: left;
        position: relative;
        margin: 5px 0 0;
        line-height: 48px;
        font-size: 16px;
    }
    .mainnav-utilities .search-form .item {
        margin: 0;
    }
    .mainnav-utilities .search-form label {
        display: none;
    }
    .mainnav-utilities .search-form input {
        width: 48px;
        color: #222;
        background: white;
        border: 0;
        text-transform: uppercase;
        /* font: 400 16px/48px "TheSans", Arial, sans-serif; */
        font-weight: normal;
        padding: 0;
        height: 48px;
        border-radius: 0;
        box-sizing: border-box;
        box-shadow: none;
        outline: 0;
        margin: 0;
    }
    .mainnav-utilities .search-form .button--reset,
    .mainnav-utilities .search-form .button--submit {
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        width: 48px !important;
        height: 48px;
        margin: 0;
        border: 0;
        border-radius: 0;
        background: white;
        cursor: pointer;
        z-index: 1;
        backface-visibility: hidden;
        -webkit-transition: background-color 0s ease-in-out;
        -moz-transition: background-color 0s ease-in-out;
        -o-transition: background-color 0s ease-in-out;
        -ms-transition: background-color 0s ease-in-out;
        transition: background-color 0s ease-in-out;
        color: #222;
        line-height: 48px;
        font-size: 28px;
        padding: 0;
    }

    .mainnav-utilities .search-form .button--reset {
        right: 48px !important;
        width: 20px !important;
        height: 20px !important;
        line-height: 20px;
        top: 14px !important;
        display: none;
    }
    .mainnav-utilities .search-form .button--submit span {
        font-size: 28px;
    }
    .mainnav-utilities .search-form .button--submit:hover {
        color: #ba0020;
    }

    .mainnav-utilities .search-form .button--reset span {
        font-size: 20px;
    }
    .mainnav-utilities .search-form.open input {
        width: 320px;
        width: 500px;
        padding: 0 48px 0 14px;
        text-transform: none;
        color: #222;
        background: #fff;
        border-radius: 2px;
        border: 1px solid #d6d9db;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    }
    .mainnav-utilities .search-form.open input::-webkit-input-placeholder {
        font: 400 16px/48px 'TheSans', Arial, sans-serif;
        color: #adb3b7;
    }
    .mainnav-utilities .search-form.open input:-moz-placeholder {
        font: 400 16px/48px 'TheSans', Arial, sans-serif;
        color: #adb3b7;
        opacity: 1;
    }
    .mainnav-utilities .search-form.open input::-moz-placeholder {
        font: 400 16px/48px 'TheSans', Arial, sans-serif;
        color: #adb3b7;
        opacity: 1;
    }
    .mainnav-utilities .search-form.open input:-ms-input-placeholder {
        font: 400 16px/48px 'TheSans', Arial, sans-serif;
        color: #adb3b7;
    }
    .mainnav-utilities .search-form.open .button {
        background: transparent;
        color: #222;
        display: block;
    }
    .mainnav-utilities .search-form.open .button:hover {
        color: #ba0020;
    }
}

/* @media screen and (max-width: 979px) { */
@media screen and (max-width: 1025px) {
    .mainnav-utilities .search-form {
        display: none;
    }
}

/* ============================== */

/* Sub Navigation */

/* ============================== */

.dropdown-menu.dropdown-menu-small {
    width: 300px;
}

@media (min-width: 1025px) {
    .has-subnav .main-header {
        padding-bottom: 0 !important; /* TODO: adjust js */
    }

    .has-subnav .mainnav.subnav {
        display: block;
    }
}

@media (min-width: 1025px) {
    .mainnav.subnav {
        height: 60px;
        position: relative;
        padding-top: 11px;
        display: none;
        z-index: 998;
    }

    .mainnav.subnav:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: #ba0020;
        width: 100vw;
    }

    .has-subnav .mainnav:not(.subnav) .main-menu > li > a > span {
        color: #bdbfbf;
    }

    .has-subnav .mainnav:not(.subnav) .main-menu > li > a:focus > span {
        color: #222;
    }

    /* Missing user feedback for main nav */
    .mainnav:not(.subnav) .main-menu > li > a:hover > span,
    .mainnav:not(.subnav) .main-menu > li > a:active > span,
    .mainnav:not(.subnav) .main-menu > li > a:focus > span,
    .mainnav:not(.subnav) .main-menu > li.current > a > span {
        text-decoration: none;
        background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#000, #000);
        background-size: 0.05em 2px, 0.05em 2px, 1px 2px;
        background-repeat: no-repeat, no-repeat, repeat-x;
        background-position: 0% 95%, 100% 95%, 0% 95%;
        text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff,
            -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
        color: #222;
    }

    .mainnav.subnav .main-menu > li > a > span {
        color: #fff;
    }

    /* User feedback for sub nav */
    .mainnav.subnav .main-menu > li > a:hover > span,
    .mainnav.subnav .main-menu > li > a:active > span,
    .mainnav.subnav .main-menu > li > a:focus > span,
    .mainnav.subnav .main-menu > li.current > a > span {
        color: #fff;
        background-image: linear-gradient(#ba0020, #ba0020), linear-gradient(#ba0020, #ba0020), linear-gradient(#fff, #fff);
        background-size: 0.05em 2px, 0.05em 2px, 1px 2px;
        background-repeat: no-repeat, no-repeat, repeat-x;
        background-position: 0% 95%, 100% 95%, 0% 95%;
        text-shadow: 0.03em 0 #ba0020, -0.03em 0 #ba0020, 0 0.03em #ba0020, 0 -0.03em #ba0020, 0.06em 0 #ba0020, -0.06em 0 #ba0020, 0.09em 0 #ba0020,
            -0.09em 0 #ba0020, 0.12em 0 #ba0020, -0.12em 0 #ba0020, 0.15em 0 #ba0020, -0.15em 0 #ba0020;
    }

    .mainnav.subnav .mega-menu {
        margin-top: 17px;
    }

    .has-subnav .mainnav:not(.subnav) {
        margin-bottom: 20px;
    }

    .has-subnav .mainnav {
        transition: all 0.4s ease;
    }

    .has-subnav .main-wrap {
        padding-top: 181px;
    }

    .has-subnav .is-sticky .mainnav:not(.subnav) {
        margin-bottom: 20px;
    }

    .has-subnav .is-sticky .mainnav.subnav {
        height: 40px;
        padding-top: 2px;
    }

    .has-subnav .is-sticky .mainnav.subnav .mega-menu {
        margin-top: 17px;
    }

    .sub-menu-caret {
        display: block;
        position: absolute;
        top: 0;
        width: 16px;
        height: 16px;
        margin: -8px 0 0 -9px;
        left: 50%;
        transform: rotate(-45deg);
        background: #fff;
        border: 1px solid transparent;
        border-top: 1px solid #d6d9db;
        border-right: 1px solid #d6d9db;
        z-index: 1001;
    }
}

.mainnav .menu-item--home .icon {
    width: 14px;
    background: none !important;
    display: block;
}

.mainnav .menu-item--home .icon svg {
}

.mainnav .menu-item--home .label {
    display: none;
}

/* fix disappearing search icon on large displays  */

@media screen and (min-width: 980px) {
    .mainnav-utilities .search-toggle {
        display: block !important;
    }
}

/* keep top nav visible on smaller display */

@media (min-width: 1025px) {
    .topnav,
    .topnav-menu {
        display: block;
    }
}

.topnav-menu .item .button-primary {
    line-height: 32px;
    background: #ba0020;
}
.topnav-menu .item .button-primary:hover {
    background: #d03641;
}

.topnav-inner {
    min-width: 460px;
}

.stripe:nth-child(2) {
    min-width: 380px;
}

.stripe:nth-child(1) {
    max-width: calc(100% - 380px);
}

/* partner organization logo  */

.logo-link-image.logo-link-image-partner {
    height: 100%;
    width: 100%;
}

.logo-link-image.logo-link-image-partner img {
    width: 175px;
    height: auto;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}

/* -----------------------------------------------------------------------------


    New main navigation menu


----------------------------------------------------------------------------- */

.mainnav,
.menu-item,
.mega-menu-toggle,
.new-main-menu,
.new-menu__list-level-1,
:root {
    --color-box-shadow: rgba(0, 0, 0, 0.175);
    --color-border: #e9e9e9;
    --color-background: #fff;
    --color-text: #222;
    --color-link: #222;
    --color-accent: #ba0020;
    --spacing-s: 1.5rem;
    --spacing-m: 2.25rem;
    --spacing-l: 3.375rem;
    --padding-header: 18px;
    --box-shadow: 0 0.5em 1em var(--color-box-shadow);
    --border: 1px solid var(--color-border);
    --transition-in: transform 0.3s ease, opacity 0.3s ease, visibility 0s linear 0.3s;
    --transition-out: transform 0.3s ease, opacity 0.3s ease, visibility 0s linear 0s;

    list-style: none;
}

/* Speech bubble pointer  */

.mega-menu-toggle {
    position: relative;
}

.mega-menu-toggle::before {
    content: '';
    display: block;
    width: var(--spacing-s);
    height: var(--spacing-s);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -1rem) rotate(-45deg);
    transition: var(--transition-in);
    background-color: #fff;
    border-top: var(--border);
    border-right: var(--border);
    z-index: 1001;
    opacity: 0;
    visibility: hidden;
}

.mega-menu-toggle[aria-expanded='true']::before {
    transform: translate(-50%, 0) rotate(-45deg);
    opacity: 1;
    visibility: visible;
    transition: var(--transition-out);
}

/* Remove click targets inside the main nav menu toggle */

.mega-menu-toggle .label {
    pointer-events: none;
}

/* Mega Menu – Level 1 */

.new-menu__item-level-1 {
    display: none !important;

    flex-direction: column;
    float: none !important;
    width: auto !important;
    max-width: 100%;

    position: absolute;
    top: calc(100% + var(--padding-header));
    right: 0;

    padding: var(--spacing-l);
    background-color: var(--color-background);
    border: var(--border);
    border-radius: 2px;
    box-shadow: var(--box-shadow);
    background-clip: unset;
    margin-top: 0; /* override */

    opacity: 0;
    visibility: hidden;
    transform: translate(0, -1rem);
    transition: var(--transition-in);
    pointer-events: none;
}

/* Center align the first mega menu with its toggle on
   german pages, it’s only got one column of content there.

   Note, we also move it to the right by half its width
   which needs to be accounted for in the open state below. */

[lang='de'] .new-menu__item-level-1:nth-child(1) {
    right: 67.4%;
    transform: translate(50%, -1rem);
}

@media (min-width: 1024px) {
    .new-menu__item-level-1 {
        display: inline-flex !important;
    }
}

.new-menu__item-level-1.open {
    display: inline-flex;
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    transform: translate(0);
    transition: var(--transition-out);
    z-index: 999 !important;
}

/* German pages adjustment, see above.  */

[lang='de'] .new-menu__item-level-1.open:nth-child(1) {
    transform: translate(50%, 0);
}

/* Mega Menu – Level 2 */

.new-menu__list-level-2 {
    display: flex;
    flex-direction: row;
    width: 100%;
    list-style: none;
    column-gap: var(--spacing-l);
}

.new-menu__item-level-2 {
    display: flex;
    flex-direction: column;
    flex: 0 1 18rem;
    width: 18rem;
    position: relative;
}

/* Column divider */

.new-menu__item-level-2 + .new-menu__item-level-2:before {
    content: '';
    position: absolute;
    left: calc(var(--spacing-l) * -0.5);
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: var(--color-border);
}

/* Navigation link */

.new-menu__label,
.mainnav .mega-menu .new-menu__label {
    display: inline-block;
    font-size: 1.4rem;
    color: var(--color-text);
    align-self: flex-start;
}

.new-menu__label:link:hover,
.new-menu__label:link:focus-visible,
.mainnav .mega-menu .new-menu__label:link:hover,
.mainnav .mega-menu .new-menu__label:link:focus-visible {
    text-decoration: underline;
}

/* Overview page link (in the top right corner) */

.new-menu__item-level-1 > .new-menu__label {
    margin-bottom: var(--spacing-m);
}

/* Navigation title */

.new-menu__label--title,
.mainnav .mega-menu .new-menu__label--title {
    margin-bottom: var(--spacing-m);
    font-weight: 700;
    font-size: 1.8rem;
    color: var(--color-accent);
}

.new-menu__group-title + .new-menu__list-level-3 {
    margin-top: var(--spacing-s);
}

/* -------------------------------------------------------

    Mobile Slide Navigation

------------------------------------------------------- */

/* side nav subnav items idle */

.navigation-mobile .slide-nav-root .slide-nav-item-subnav > a,
.navigation-mobile .slide-nav-root .slide-nav-item-subnav > span {
    background: rgb(191, 45, 56);
    color: #fff;
    border-bottom: 1px solid #841f27;
}

/* side nav subnav items hover & current */

.navigation-mobile .slide-nav-root .slide-nav-item-subnav.is-current > a,
.navigation-mobile .slide-nav-root .slide-nav-item-subnav.is-current > span,
.navigation-mobile .slide-nav-root .slide-nav-item-subnav > a:hover,
.navigation-mobile .slide-nav-root .slide-nav-item-subnav > a:focus,
.navigation-mobile .slide-nav-root .slide-nav-item-subnav > a:active {
    background: #841f27;
    color: #fff;
}

/* side nav subnav arrow idle */
.navigation-mobile .slide-nav-item-subnav .slide-nav-label-sub:before {
    color: #fff;
}

/* side nav subnav arrow hover & current */
.navigation-mobile .slide-nav-item-subnav.is-current .slide-nav-label-sub:before,
.navigation-mobile .slide-nav-item-subnav .slide-nav-label-sub:hover:before,
.navigation-mobile .slide-nav-item-subnav .slide-nav-label-sub:focus:before,
.navigation-mobile .slide-nav-item-subnav .slide-nav-label-sub:active:before {
    color: #fff;
}

/* Partner Logos */
.logo-link.logo-link-partner .logo-link-overlay {
    top: auto;
    bottom: 0;
    height: 63%;
}

.logo-link.logo-link-partner .logo-link-image {
    width: 250%;
    height: 250%;
    transform: translateY(25%);
}

@media (min-width: 768px) {
    .logo-link.logo-link-partner .logo-link-image {
        transform: translateY(10%);
    }
}

.logo-link.logo-link-partner .logo-link-inner {
    padding-bottom: 26.6304348%;
}

.slide-button {
    padding: 30px 0 0;
}

.slide-button .button-primary {
    background: #ba0020 !important;
    color: white !important;
}

.slide-button .button-primary:hover {
    background: #d03641 !important;
}

@media (max-width: 768px) {
    .hero-slider .slide-text-inner {
        padding: 30px 15px;
    }
}

/* -------------------------------------------------------

    REBRAND

------------------------------------------------------- */

/* HEADER / LOGO / NAV */

.main-header {
    padding-top: 80px;
    padding-bottom: 18px;
}

.topnav {
    top: 0;
    background: none;
    position: absolute;
    width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
    left: 50%;
    transform: translateX(-50%);
    background: none;
    padding-top: 2px;
    z-index: 1050;
}

.topnav-inner {
    background: none;
    color: #adb3b7;
    width: 40%;
}

/*
.main-header .genericon-instagram-2016:before {
    background: url(https://staging.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/instagram__gray-light.svg) center center no-repeat;
    background-size: 16px auto;
}

.main-header .genericon-instagram-2016:hover:before {
    background: url(https://staging.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/instagram__black.svg) center center no-repeat;
    background-size: 16px auto;
}

.main-header .genericon-xing:before {
    background: url(https://staging.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/xing__gray-light.svg) center center no-repeat;
}

.main-header .genericon-xing:hover:before {
    background: url(https://staging.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/xing__black.svg) center center no-repeat;
}

.main-header .genericon-tiktok:before {
    background: url(https://staging.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/tiktok__gray-light.svg) center center no-repeat;
    background-size: 16px auto;
}

.main-header .genericon-tiktok:hover:before {
    background: url(https://staging.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/tiktok__black.svg) center center no-repeat;
    background-size: 16px auto;
}

.main-header .genericon-twitter:before {
    background: url(https://staging.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/twitterx__gray-light.svg) center center no-repeat;
    background-size: 16px auto;
}

.main-header .genericon-twitter:hover:before {
    background: url(https://staging.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/twitterx__black.svg) center center no-repeat;
    background-size: 16px auto;
}
*/

.main-wrap {
    padding-top: 72px;
}

.subnav {
    display: none;
}

.mainnav,
.mainnav-inner {
    min-height: 32px;
}

.mainnav-utilities {
    margin-top: -26px;
}

.main-brand {
    width: 180px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.main-brand .logo {
    max-width: 180px;
    display: block;
}

.main-brand .logo img {
    width: 100%;
    height: auto;
}

@media (max-width: 1024px) {
    .main-header {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}

@media (min-width: 1025px) {
    .subnav {
        display: block;
    }

    .main-wrap {
        padding-top: 130px;
    }

    .mainnav-utilities {
        margin-top: -32px;
    }

    .main-brand {
        width: 230px;
        top: auto;
        left: 0;
        transform: none;
        bottom: 7px;
    }

    .sub-brand,
    .has-subnav .main-brand {
        bottom: 4px;
        width: 230px;
    }

    .subsite--pl .is-sticky .main-brand,
    .subsite--lis .is-sticky .main-brand,
    .has-subnav .is-sticky .main-brand {
        bottom: auto;
        top: 50%;
        transform: translate(0, -50%);
    }
}

@media (min-width: 960px) {
    .has-subnav .main-brand {
        bottom: 2px;
    }

    /* .subsite--ee .main-brand, */
    .subsite--alumni .main-brand,
    .subsite--mpp .main-brand,
    .subsite--mia .main-brand,
    .subsite--phd .main-brand {
        bottom: -11px;
    }

    .subsite--empa .main-brand {
        bottom: 7px;
    }

    .subsite--mpa .main-brand {
        bottom: 7px;
    }

    .subsite--lis .main-brand {
        bottom: 7px;
    }

    .subsite--mds .main-brand {
        bottom: 2px;
    }

    .subsite--pl .main-brand {
        bottom: 2px;
    }

    .main-brand .logo {
        max-width: 260px;
    }

    .subsite--pl .is-sticky .main-brand .logo,
    .subsite--lis .is-sticky .main-brand .logo,
    .has-subnav .is-sticky .main-brand .logo {
        max-width: 180px;
    }
}

.theme-20years .main-menu {
    left: 25%;
    width: 67.5%;
}

.theme-20years .main-brand .logo {
    max-width: 150px;
    display: block;
}

@media (max-width: 1024px) {
    .theme-20years .main-brand {
        width: 90px !important;
    }
    /*
    .theme-20years .main-header {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    */
}

@media (min-width: 1025px) {
    .theme-20years .main-brand {
        width: 150px;
    }
}

@media (min-width: 960px) {
    .theme-20years .logo {
        max-width: 150px;
    }

    .theme-20years .is-sticky .main-brand .logo {
        max-width: 150px;
    }
}

.main-menu {
    left: 30%;
    width: 60%;
}

@media (min-width: 1025px) {
    .mainnav.subnav {
        height: 50px;
        padding-top: 0;
    }

    .mainnav.subnav .main-menu {
        top: 0;
        left: 0;
        width: 90%;
    }

    .has-subnav .is-sticky .mainnav.subnav {
        height: 50px;
        padding-top: 0;
    }

    .has-subnav .mainnav-utilities .search-form .button--submit span {
        color: #bdbfbf;
    }

    .has-subnav .mainnav-utilities .search-form.open .button--submit span,
    .has-subnav .mainnav-utilities .search-form .button--submit:hover span {
        color: #000;
    }

    .has-subnav .mainnav-utilities .search-form.open .button--submit:hover span {
        color: #ba0020;
    }
}

@media (min-width: 960px) {
    .mainnav.subnav .main-menu {
        left: 30%;
        width: 60%;
    }
}

/* STRIPES */

/* Stripes on top */
.stripes-on-top {
    display: none;
}

/* Stripes as separator */
.separator .stripes {
    top: 0;
}

.separator .stripe:nth-child(1) {
    margin-top: 0;
}

/* Stripes after slider */
.stripes-after-slider {
    display: none;
}

.stripes-after-slider,
.stripes-after-slider .stripe:nth-child(2) {
    margin-top: 0;
}

.stripes-after-slider .stripe-part:nth-child(1) {
    display: none;
}

/* Stripes on footer */

.main-footer .stripes {
    display: none;
}

/* FOOTER */
.main-footer .footer-mega-menu {
    display: none;
}

@media (min-width: 768px) {
    .main-footer .footer-mega-menu {
        display: block;
    }
}

.main-footer .logo {
    display: block;
    max-width: 160px;
    margin-bottom: 60px;
}

.main-footer .logo img {
    height: auto;
    width: 100%;
}

.footer-mega-menu .footer-column {
    border: 0;
    padding-left: 0;
}

/* 768 */
@media (max-width: 1200px) {
    .topnav {
        width: 100%;
        max-width: 1200px;
    }
}

@media (max-width: 1025px) {
    .topnav {
        padding: 0 10px;
    }
}

/* Delete mb, cause stripe haven't longer an offset */

.cvbook-filter form {
    margin-bottom: 0 !important;
}

.calendar .secondary-modules .scroll-rail__module-container:first-of-type:last-of-type .scroll-rail__module {
    bottom: auto !important;
    top: auto !important;
}

.module.separator .module.separator .stripes {
    display: none;
}

.subsite--jdc .is-pink,
.subsite--jdc .is-powder-blue {
    color: rgba(144, 202, 222, 0.75);
}

/* pink */
body.color-scheme--pink.subsite--jdc .colored-stripe,
.subsite--jdc .grid-item.color-scheme--pink .colored-stripe,
.subsite--jdc .hero-slider .slide-text .slide-text-inner .colored-stripe.color-scheme--pink,
.subsite--jdc .content-header__flag.colored-stripe.color-scheme--pink {
    background-color: rgb(144, 202, 222);
    background-color: rgba(144, 202, 222, 0.75);
}

body.color-scheme--pink.subsite--jdc .button.button-primary,
.subsite--jdc .grid-item.color-scheme--pink .button.button-primary {
    background-color: rgb(144, 202, 222);
    background-color: rgba(144, 202, 222, 0.75);
}

body.color-scheme--pink.subsite--jdc .hero-slider.layout-02 .slide-text,
.subsite--jdc .grid-item.color-scheme--pink .hero-slider.layout-02 .slide-text {
    background-color: rgb(144, 202, 222);
    background-color: rgba(144, 202, 222, 0.75);
}

/* powder blue */
body.color-scheme--powder-blue.subsite--jdc .colored-stripe,
.subsite--jdc .grid-item.color-scheme--powder-blue .colored-stripe,
.subsite--jdc .hero-slider .slide-text .slide-text-inner .colored-stripe.color-scheme--powder-blue,
.subsite--jdc .content-header__flag.colored-stripe.color-scheme--powder-blue {
    background-color: rgb(144, 202, 222);
    background-color: rgba(144, 202, 222, 0.75);
}

body.color-scheme--powder-blue.subsite--jdc .button.button-primary,
.subsite--jdc.grid-item.color-scheme--powder-blue .button.button-primary {
    background-color: rgb(144, 202, 222);
    background-color: rgba(144, 202, 222, 0.75);
}

body.color-scheme--powder-blue.subsite--jdc .hero-slider.layout-02 .slide-text,
.subsite--jdc .grid-item.color-scheme--powder-blue .hero-slider.layout-02 .slide-text {
    background-color: rgb(144, 202, 222);
    background-color: rgba(144, 202, 222, 0.75);
}

.js .subsite--jdc .tabs__list {
    border-bottom: 0 solid rgba(144, 202, 222, 0.75);
}

.js .subsite--jdc .tabs__list-item:before,
.js .subsite--jdc .tabs__list-item:after {
    background-color: rgba(144, 202, 222, 0.75);
}

@media (min-width: 768px) {
    .js .subsite--jdc .tabs__list-item--selected .tabs__tab {
        background-color: rgba(144, 202, 222, 0.75);
    }
}

.subsite--jdc .hero-slider.layout-02 .slide-text {
    background-image: url('https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/KeyVisual_JDC.svg');
    background-position: right -80% top 50%;
    background-repeat: no-repeat;
    background-size: 66% auto;
}
/*
.home.subsite--jdc .hero-slider--portal .slide:first-of-type .slide-title {
    color: #ba0020;
    font-weight: bold;
}

.home.subsite--jdc .hero-slider--portal .slide:first-of-type .slide-sub-title {
    color: #adb3b7;
    font-size: 24px;
    line-height: 1.3;
}

@media (min-width: 960px) {
    .home.subsite--jdc .hero-slider--portal .slide:first-of-type .slide-sub-title {
        font-size: 32px;
    }
}
*/
.hero-slider.layout-02.text-left .slide-image {
    float: right;
}

.hero-slider.layout-02.text-left .slide-text {
    left: 0;
}

.subsite--rkf .topnav-menu {
    float: right;
}

.subsite--jdc .topnav-menu {
    float: right;
}

.subsite--jdc .mainnav {
    position: relative;
}

.subsite--jdc .mainnav:before {
    content: '';
    position: absolute;
    display: block;
    background-image: url('https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/KeyVisual_JDC.svg');
    background-position: left 0 top 0;
    background-repeat: no-repeat;
    background-size: 180px auto;
    height: 70px;
    width: 128px;
    right: 0;
    top: -20px;
}

@media (min-width: 400px) {
    .subsite--jdc .mainnav:before {
        width: 180px;
    }
}

@media (min-width: 480px) {
    .subsite--jdc .mainnav:before {
        width: 180px;
        right: 20%;
    }
}

@media (min-width: 560px) {
    .subsite--jdc .mainnav:before {
        right: 30%;
    }
}

@media (min-width: 768px) {
    .subsite--jdc .mega-menu-caret,
    .subsite--jdc .dropdown-menu-caret {
        display: block;
        position: absolute;
        top: 0;
        width: 16px;
        height: 16px;
        margin: -8px 0 0 -9px;
        left: 50% !important;
        transform: rotate(-45deg);
        background: #fff;
        border: 1px solid transparent;
        border-top: 1px solid #d6d9db;
        border-right: 1px solid #d6d9db;
        z-index: 1001;
    }

    .subsite--jdc .mega-menu .column {
        width: 100%;
    }

    .subsite--jdc .main-brand {
        bottom: 4px;
        width: 230px;
    }

    .subsite--jdc .is-sticky .main-brand {
        bottom: auto;
        top: 50%;
        transform: translate(0, -50%);
    }

    .subsite--rkf .is-sticky .main-brand {
        bottom: 0;
    }

    .subsite--jdc .mainnav:before {
        background-size: 250px auto;
        height: 160px;
        width: 250px;
        right: auto;
        left: 30%;
        top: -111px;
    }

    .subsite--jdc .datepicker-wrap.datepicker-desktop .dropdown-menu {
        left: 0;
        transform: none;
        right: auto;
    }
}

@media (min-width: 960px) {
    .subsite--jdc .main-brand {
        bottom: 2px;
    }

    .subsite--jdc .is-sticky .main-brand .logo {
        max-width: 180px;
    }

    .subsite--rkf .is-sticky .main-brand .logo {
        max-width: 180px;
    }
}

.subsite--jdc .footer-boilerplate {
    display: none;
}

.subsite--jdc .main-footer-inner {
    position: relative;
}

.subsite--jdc .main-footer .logo {
    margin-bottom: 20px;
}

.subsite--jdc .logo-partner {
    display: inline-block;
    margin-bottom: 40px;
    margin-right: 40px;
}

.subsite--jdc .logo-partner img {
    width: 130px;
    height: auto;
}

.subsite--jdc .logo-partner + .logo-partner img {
    width: 150px;
}

@media (min-width: 992px) {
    .subsite--jdc .main-footer .logo {
        margin-bottom: 60px;
    }

    .subsite--jdc .logo-partner {
        position: absolute;
        top: 35px;
        left: 260px;
        margin-bottom: 0;
        margin-top: -14px;
    }

    .subsite--jdc .logo-partner + .logo-partner {
        position: absolute;
        top: 60px;
        left: 460px;
    }

    .subsite--jdc .logo-partner + .logo-partner + .logo-partner {
        position: absolute;
        top: 50px;
        left: 660px;
    }

    .subsite--jdc .logo-partner + .logo-partner + .logo-partner + .logo-partner {
        position: absolute;
        top: 70px;
        left: 860px;
    }
}

.back-to-mainpage:before {
    content: '';
    width: 20px;
    background: url(https://www.hertie-school.org/typo3conf/ext/lf_base/Resources/Frontend/dev04/assets/images/hertie-school-signet.svg) center center no-repeat;
    height: 27px;
    display: block;
    float: left;
    background-size: 20px auto;
}

.grid-slide {
    margin-bottom: 40px;
}

.grid-slide .grid-item {
    clear: none !important;
}

.people-grid .slick-list {
    overflow: visible;
}

.people-grid .slick-list .grid-item {
    opacity: 0.25;
    opacity: 0.1;
    filter: grayscale(1);
}

.people-grid .grid-item.slick-active {
    opacity: 1;
    filter: none;
}

.tabs .module.grid-wrap {
    margin-bottom: 20px;
}

.tabs__list {
    padding: 0;
    margin: 0 0 2rem;
    list-style: none;
    display: flex;
    flex-direction: column;
}

.tabs__list-item {
    margin-bottom: 0.5rem;
}

.tabs__panel + .tabs__panel {
    padding-top: 0;
}

@media (min-width: 768px) {
    .js .tabs {
        margin: 20px 0 40px;
    }

    .js .tabs__panel {
        margin-bottom: 0;
    }

    .js .tabs__panel--hidden,
    .js .tabs__title {
        display: none;
    }
    .js .tabs__list {
        border-bottom: none; /* 2px solid rgb(144, 202, 222); */
        flex-wrap: wrap;
        flex-direction: row;
    }
    .js .tabs__list-item {
        flex: 1 1 auto;
        margin-left: -2px;
        margin-bottom: 0;
        position: relative;
    }
    .js .tabs__list-item:before,
    .js .tabs__list-item:after {
        content: '';
        width: 2px;
        height: 40%;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgb(144, 202, 222);
    }
    .js .tabs__list-item:after {
        left: auto;
        right: 0;
    }
    .js .tabs__list-item:first-child {
        margin-left: 0;
    }
    .js .tabs__list-item:first-child:before {
        display: none;
    }
    .js .tabs__list-item:last-child {
        margin-right: 0;
    }
    .js .tabs__list-item:last-child:after {
        display: none;
    }
    .js .tabs__tab {
        font-weight: 400;
        display: block;
        white-space: nowrap;
        text-align: center;
        text-decoration: none;
        /* background-color:#ededed; */
        color: inherit;
        padding: 1.25em 0.25em;
        position: relative;
        font-size: 14px;
        line-height: 1.3;
    }
}

.js .tabs__list-item.tabs__list-item--selected:after,
.js .tabs__list-item.tabs__list-item--selected:before,
.js .tabs__list-item.tabs__list-item--selected + .tabs__list-item:before {
    content: none;
}

@media (min-width: 992px) {
    .js .tabs__tab {
        font-size: 16px;
        line-height: 1.3;
    }
}

@media (min-width: 768px) {
    .js .tabs__tab:hover {
        /* background-color: rgba(144, 202, 222, 0.3); */
        text-decoration: underline;
    }
    .js .tabs__tab .icon {
        display: none;
    }
    .js .tabs__list-item--selected .tabs__tab {
        background-color: rgba(144, 202, 222, 0.75);
        position: relative;
        transition: all 0.2s ease-in-out;
        font-weight: 700;
        /* color: white; */
    }
}

.js .tabs--news {
    position: relative;
}

.js .tabs--news .tabs__list {
    display: none;
    margin: 0;
}

@media (min-width: 768px) {
    .js .tabs--news .tabs__list {
        display: flex;
    }
}

.js .tabs--news .tabs__list-item:last-of-type {
    margin-right: 0;
}

@media (min-width: 768px) {
    .js .tabs--news .module.separator {
        display: none;
    }
}

.js .tabs--news .read-more {
    padding-left: 16px;
}

@media (min-width: 768px) {
    .js .tabs--news .read-more {
        position: absolute;
        top: 1.2em;
        right: 0;
    }
}

/*
OLD JDC POLICY TABS
*/
/*

.tabs__panel--is-colored {
    position: relative;
    max-width: 1140px;
    margin-left: 15px;
    margin-right: 15px;
    background-color: rgb(144, 202, 222);
    background-color: rgba(144, 202, 222, 0.75);
    padding-top: 20px;
    margin-bottom: 20px;
}

.tabs__panel--is-colored + .tabs__panel--is-colored {
    margin-top: 0;
    padding-top: 20px;
}

@media (min-width: 768px) {
    .tabs__panel--is-colored {
        margin-bottom: 60px;
        margin-top: -20px;
    }

    .tabs__panel--is-colored + .tabs__panel--is-colored {
        margin-top: -20px;
    }
}

@media (min-width: 992px) {
    .tabs__panel--is-colored {
        margin-left: 30px;
        margin-right: 30px;
    }
}

@media (min-width: 1200px) {
    .tabs__panel--is-colored {
        margin-left: auto;
        margin-right: auto;
    }
}

.tabs__panel--is-colored .module.separator {
    padding-bottom: 20px;
}

.tabs__panel--is-colored .separator-headline {
    padding-top: 10px;
}

.tabs__panel--is-colored .grid-item-link:hover .grid-item-title .label {
    background-image: linear-gradient(rgb(144, 202, 222), rgb(144, 202, 222)), linear-gradient(rgb(144, 202, 222), rgb(144, 202, 222)),
        linear-gradient(#222, #222);
    text-shadow: 0.03em 0 rgb(144, 202, 222), -0.03em 0 rgb(144, 202, 222), 0 0.03em rgb(144, 202, 222), 0 -0.03em rgb(144, 202, 222),
        0.06em 0 rgb(144, 202, 222), -0.06em 0 rgb(144, 202, 222), 0.09em 0 rgb(144, 202, 222), -0.09em 0 rgb(144, 202, 222), 0.12em 0 rgb(144, 202, 222),
        -0.12em 0 rgb(144, 202, 222), 0.15em 0 rgb(144, 202, 222), -0.15em 0 rgb(144, 202, 222);
}

.tabs__panel--is-colored .single-article p a {
    background-image: linear-gradient(rgb(144, 202, 222), rgb(144, 202, 222)), linear-gradient(rgb(144, 202, 222), rgb(144, 202, 222)),
        linear-gradient(#222, #222);
    text-shadow: 0.03em 0 rgb(144, 202, 222), -0.03em 0 rgb(144, 202, 222), 0 0.03em rgb(144, 202, 222), 0 -0.03em rgb(144, 202, 222),
        0.06em 0 rgb(144, 202, 222), -0.06em 0 rgb(144, 202, 222), 0.09em 0 rgb(144, 202, 222), -0.09em 0 rgb(144, 202, 222), 0.12em 0 rgb(144, 202, 222),
        -0.12em 0 rgb(144, 202, 222), 0.15em 0 rgb(144, 202, 222), -0.15em 0 rgb(144, 202, 222);
}

.tabs__panel--is-colored .grid-item-link:hover .grid-item-title .label {
    background-image: linear-gradient(rgba(144, 202, 222, 0.75), rgba(144, 202, 222, 0.75)),
        linear-gradient(rgba(144, 202, 222, 0.75), rgba(144, 202, 222, 0.75)), linear-gradient(#222, #222);
    text-shadow: 0.03em 0 rgba(144, 202, 222, 0.75), -0.03em 0 rgba(144, 202, 222, 0.75), 0 0.03em rgba(144, 202, 222, 0.75),
        0 -0.03em rgba(144, 202, 222, 0.75), 0.06em 0 rgba(144, 202, 222, 0.75), -0.06em 0 rgba(144, 202, 222, 0.75), 0.09em 0 rgba(144, 202, 222, 0.75),
        -0.09em 0 rgba(144, 202, 222, 0.75), 0.12em 0 rgba(144, 202, 222, 0.75), -0.12em 0 rgba(144, 202, 222, 0.75), 0.15em 0 rgba(144, 202, 222, 0.75),
        -0.15em 0 rgba(144, 202, 222, 0.75);
}

.tabs__panel--is-colored .single-article p a {
    background-image: linear-gradient(rgba(144, 202, 222, 0.75), rgba(144, 202, 222, 0.75)),
        linear-gradient(rgba(144, 202, 222, 0.75), rgba(144, 202, 222, 0.75)), linear-gradient(#222, #222);
    text-shadow: 0.03em 0 rgba(144, 202, 222, 0.75), -0.03em 0 rgba(144, 202, 222, 0.75), 0 0.03em rgba(144, 202, 222, 0.75),
        0 -0.03em rgba(144, 202, 222, 0.75), 0.06em 0 rgba(144, 202, 222, 0.75), -0.06em 0 rgba(144, 202, 222, 0.75), 0.09em 0 rgba(144, 202, 222, 0.75),
        -0.09em 0 rgba(144, 202, 222, 0.75), 0.12em 0 rgba(144, 202, 222, 0.75), -0.12em 0 rgba(144, 202, 222, 0.75), 0.15em 0 rgba(144, 202, 222, 0.75),
        -0.15em 0 rgba(144, 202, 222, 0.75);
}

.tabs__panel--is-colored .single-article p a:hover {
    color: #333333;
}

*/

/*
NEW JDC POLICY TABS
*/
.tabs__panel--is-colored {
    position: relative;
    max-width: 1140px;
    margin-left: 15px;
    margin-right: 15px;
    background-color: rgb(144, 202, 222);
    background-color: rgba(144, 202, 222, 0.75);
    padding-top: 20px;
    margin-bottom: 20px;
}

.XXXtabs__panel--is-colored::before {
    content: '';
    background-color: rgba(144, 202, 222, 0.75);
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 100vw;
}
.XXXtabs__panel--is-colored::after {
    content: '';
    background-color: rgba(144, 202, 222, 0.75);
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    width: 100vw;
}

.has-one-column .tabs__panel--is-colored .multibox {
    max-width: none;
}
@media (min-width: 992px) {
    .tabs__panel--is-colored .separator-headline {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 20px !important;
    }
}

@media (min-width: 1024px) {
    .has-one-column .tabs__panel--is-colored .grid-wrap {
        padding-left: 40px;
        padding-right: 40px;
    }

    .tabs__panel--is-colored .separator-headline {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 20px !important;
    }
}

.js .tabs--news .tabs__panel--is-colored .module.separator {
    display: block;
}

.tabs__panel--is-colored .article-list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
@media (min-width: 768px) {
    .tabs__panel--is-colored .article-list {
    }
}
@media (min-width: 992px) {
    .tabs__panel--is-colored .article-list {
        flex-direction: row;
        gap: 4rem;
    }
}

.tabs__panel--is-colored .article-list__item .image-cell {
    max-width: 115px;
}
.tabs__panel--is-colored .article-list__item .image-cell > div,
.tabs__panel--is-colored .article-list__item .image-cell > * {
    width: 100px;
}
.tabs__panel--is-colored .article-list__item .text-cell p {
    margin-bottom: 0;
}

.tabs__panel--is-colored .multibox.style-large .multibox-title {
    font-size: 22px !important;
}

.tabs__panel--is-colored + .tabs__panel--is-colored {
    margin-top: 0;
    padding-top: 20px;
}

.tabs__panel--is-colored .button-primary {
    margin: 0 0 30px;
}
@media (min-width: 992px) {
    .tabs__panel--is-colored .button-primary {
        margin-top: 77.5px;
    }
}

.tabs__panel--is-colored .button-primary.pull-right {
    float: none;
}
@media (min-width: 992px) {
    .tabs__panel--is-colored .button-primary.pull-right {
        float: right;
    }
}

@media (min-width: 768px) {
    .tabs__panel--is-colored {
        margin-bottom: 60px;
        margin-top: -20px;
    }

    .tabs__panel--is-colored + .tabs__panel--is-colored {
        margin-top: -20px;
    }
}

@media (min-width: 992px) {
    .tabs__panel--is-colored {
        margin-left: 30px;
        margin-right: 30px;
    }
}

@media (min-width: 1200px) {
    .tabs__panel--is-colored {
        margin-left: auto;
        margin-right: auto;
    }
}

.tabs__panel--is-colored .module.separator {
    padding-bottom: 20px;
}

.tabs__panel--is-colored .separator-headline {
    padding-top: 10px;
}

.tabs__panel--is-colored .single-article p a {
    background-image: none;
    text-shadow: none;
    text-decoration: underline;
}

.tabs__panel--is-colored .single-article p a:hover {
    color: #333333;
}

/*
*/
/*
* End of New JDC
*/
.article-list-slider {
    margin-bottom: 40px;
}

.article-list-slider .article-list__item {
    width: 100%;
    padding: 0 0 20px;
    /* padding: 20px 30px; */
}
/*
.article-list-slider .article-list__item .image-cell img,
.article-list-slider .article-list__item .image-cell > div,
.article-list-slider .article-list__item .image-cell > * {
    margin-right: 30px;
}
*/
.article-list-slider .flickity-viewport {
    background-color: transparent;
}
.article-list-slider .flickity-prev-next-button {
    display: none;
}
.article-list-slider .flickity-page-dots {
    bottom: 0;
}

.highlight-slider {
    margin-bottom: 65px;
}

.highlight-slide {
    width: 100%;
    display: flex;
    min-height: 100%;
    /*
    display: flex;
    height: 100%;
    */
}

.highlight-slider .highlight {
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
}
.highlight-slider .flickity-prev-next-button {
    background-color: #eef0f0;
}
.highlight-slider .flickity-prev-next-button.previous {
    left: 0px;
}

.highlight-slider .flickity-prev-next-button.next {
    right: 0px;
}

.highlight-slider .flickity-prev-next-button {
    top: 0;
    height: 100%;
    border-radius: 0;
    -webkit-transform: none;
    transform: none;
    width: 40px;
    background: none !important;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    display: none;
    -webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.2));
}

@media (min-width: 768px) {
    .highlight-slider .flickity-prev-next-button {
        display: block;
    }
}

.highlight-slider .flickity-prev-next-button path {
    fill: #fff;
}

@media (min-width: 768px) {
    .highlight-slider .highlight__text {
        overflow: hidden;
    }

    .highlight-slider .highlight {
        padding-left: 40px;
        padding-right: 40px;
    }
}

/*
END NEW JDC POLICY TABS
*/

.tabs--news .multibox-title {
    color: #333333;
}

.jdc-publication-search .content-header__headline {
    font-size: 32px;
    color: #000;
}

.jdc-publication-search .content-header .button {
    background-color: rgba(144, 202, 222, 0.75) !important;
}

.jdc-publication-search .content-header .button:hover,
.jdc-publication-search .content-header .button:focus,
.jdc-publication-search .content-header .button:active {
    background-color: rgba(144, 202, 222, 1) !important;
}

@media (min-width: 992px) {
    .jdc-publication-search .filter .form-group {
        padding-left: 30px;
        padding-right: 0;
        width: 23%;
    }

    .jdc-publication-search .filter .form-group:first-of-type {
        padding-left: 0;
        width: 31%;
    }
}

.subsite--jdc .menu-oneliner.mini-menu + ul {
    margin-bottom: 15px;
}

.subsite--jdc .menu-oneliner.mini-menu ~ ul li {
    float: none;
}

.subsite--jdc .menu-oneliner.mini-menu ~ ul li:not(:last-child):after {
    content: none;
}

.main-wrap {
    overflow: visible;
    overflow-x: hidden;
}

/* Covid-19 banner */

.alert-banner {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #eef0f0;
    color: #222;
    z-index: 9999999;
    padding-top: 2em;
    padding-bottom: 2em;
    border-top: 4px solid #d6d9db;
}

.alert-banner.is-visible {
    display: block;
}

.alert-banner__body {
    max-width: 1200px;
    padding-right: 6rem;
    padding-left: 3rem;
    position: relative;
    margin: 0 auto;
}

@media (min-width: 992px) {
    .alert-banner__body {
        padding-right: 8rem;
        padding-left: 6rem;
    }
}

.alert-banner__header {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 auto 0.5em auto;
}

@media (min-width: 992px) {
    .alert-banner__header {
        font-size: 22px;
        font-weight: 400;
    }
}

.alert-banner__close {
    font-size: 3rem;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #222;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    padding: 0.25em;
    cursor: pointer;

    position: absolute;
    top: 2rem;
    right: 1rem;
    transform: translateY(-50%);
}

@media (min-width: 992px) {
    .alert-banner__close {
        top: 50%;
        right: 0;
    }
}

.alert-banner__close:hover,
.alert-banner__close:active,
.alert-banner__close:focus {
    background-color: #fff;
    color: #ba0020;
}

/* Covid-19 banner as modal */

.alert-banner--modal {
    width: calc(100% - 3rem);
    max-width: 60rem;
    padding-bottom: 5rem;

    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    box-shadow: 0 0 6rem rgba(0, 0, 0, 0.3);
    border-top: 4px solid #ba0020;
}

.alert-banner--modal .alert-banner__header {
    padding-right: 4rem;
}

.alert-banner--modal .alert-banner__body {
    padding-right: 3rem;
    padding-left: 3rem;
}

.alert-banner--modal .alert-banner__close {
    top: 5px;
    right: 15px;
}

body.is-fixed {
    overflow: hidden;
    position: fixed;
}

@media (min-width: 768px) {
    body {
        overflow-y: auto !important;
        position: relative !important;
    }
}

.grecaptcha-badge {
    z-index: 11;
}

.grid.docs {
    margin: 0;
}

.button {
    font-family: 'TheSans', Arial, sans-serif;
}

/* ------------------------------------------------------------------------------

    Cookie Consent Dialog

 ------------------------------------------------------------------------------ */

/* --------- Vendor --------- */

.cookie-consent-container {
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    font-family: Helvetica Light, sans-serif;
    font-weight: 300;
    font-size: 1rem;
    color: #4d4d4d;
    line-height: 1.5;
}

.cookie-consent-container .detail {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

.cookie-consent-container .detail.open {
    height: auto;
    width: 100%;
    visibility: visible;
    opacity: 1;
    overflow: auto;
    display: block;
    margin-bottom: 15px;
    font-size: 1rem;
    transition: all 0.5s ease-in-out;
}

.cookie-consent-container .text-center {
    text-align: center;
}

.cookie-consent-container p {
    margin: 0 0 15px 0;
}

.cookie-consent-container a,
.cookie-consent-container a:visited,
.cookie-consent-container a:active,
.cookie-consent-container a:focus,
.cookie-consent-container a:focus:active {
    color: #999;
    text-decoration: none;
}

.cookie-consent-container a:hover,
.cookie-consent-container a:visited:hover,
.cookie-consent-container a:active:hover,
.cookie-consent-container a:focus:hover,
.cookie-consent-container a:focus:active:hover {
    color: #000;
    transition: all 0.5s ease-in-out;
}

.cookie-consent-container a.show-details,
.cookie-consent-container a:visited.show-details,
.cookie-consent-container a:active.show-details,
.cookie-consent-container a:focus.show-details,
.cookie-consent-container a:focus:active.show-details {
    display: block;
    position: relative;
    padding-right: 20px;
    font-size: 0.75rem;
    margin-bottom: 25px;
}

@media all and (min-width: 660px) {
    .cookie-consent-container a.show-details,
    .cookie-consent-container a:visited.show-details,
    .cookie-consent-container a:active.show-details,
    .cookie-consent-container a:focus.show-details,
    .cookie-consent-container a:focus:active.show-details {
        margin-bottom: 15px;
    }
}

.cookie-consent-container a.show-details:after,
.cookie-consent-container a:visited.show-details:after,
.cookie-consent-container a:active.show-details:after,
.cookie-consent-container a:focus.show-details:after,
.cookie-consent-container a:focus:active.show-details:after {
    content: '';
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #999 transparent transparent transparent;
    margin: 7px 0 0 5px;
    position: absolute;
    top: 0;
}

.cookie-consent-container a.show-details:hover:after,
.cookie-consent-container a:visited.show-details:hover:after,
.cookie-consent-container a:active.show-details:hover:after,
.cookie-consent-container a:focus.show-details:hover:after,
.cookie-consent-container a:focus:active.show-details:hover:after {
    transition: all 0.5s ease-in-out;
    border-color: #000 transparent transparent transparent;
}

.cookie-consent-container a.show-details .less,
.cookie-consent-container a:visited.show-details .less,
.cookie-consent-container a:active.show-details .less,
.cookie-consent-container a:focus.show-details .less,
.cookie-consent-container a:focus:active.show-details .less {
    display: none;
}

.cookie-consent-container a.show-details.open .more,
.cookie-consent-container a:visited.show-details.open .more,
.cookie-consent-container a:active.show-details.open .more,
.cookie-consent-container a:focus.show-details.open .more,
.cookie-consent-container a:focus:active.show-details.open .more {
    display: none;
}

.cookie-consent-container a.show-details.open .less,
.cookie-consent-container a:visited.show-details.open .less,
.cookie-consent-container a:active.show-details.open .less,
.cookie-consent-container a:focus.show-details.open .less,
.cookie-consent-container a:focus:active.show-details.open .less {
    display: inline-block;
}

.cookie-consent-container a.show-details.open:after,
.cookie-consent-container a:visited.show-details.open:after,
.cookie-consent-container a:active.show-details.open:after,
.cookie-consent-container a:focus.show-details.open:after,
.cookie-consent-container a:focus:active.show-details.open:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(1800deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.cookie-consent-container .label {
    color: #4d4d4d;
    font-size: 1rem;
    font-weight: 300;
    display: inline-block;
    margin: 0 0 12px 0;
    position: relative;
    padding: 0 0 0 30px;
    line-height: 1.5;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cookie-consent-container .label.partially-checked .checkmark {
    background-color: #6f9322;
}

.cookie-consent-container .label.partially-checked .checkmark:after {
    display: none;
}

.cookie-consent-container .label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.cookie-consent-container .label input:checked ~ .checkmark {
    background-color: #6f9322;
}

.cookie-consent-container .label input:checked ~ .checkmark:after {
    display: block;
}

.cookie-consent-container .label input:disabled:checked ~ .checkmark {
    opacity: 0.6;
}

.cookie-consent-container .label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background: #eee;
    border: 1px solid #bfbfbf;
}

.cookie-consent-container .label .checkmark:after {
    content: '';
    position: absolute;
    display: none;
    left: 6px;
    top: 0;
    width: 7px;
    height: 15px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cookie-consent-container .consent-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 500px;
    width: 90%;
    height: 590px;
    max-height: calc(100vh - 50px);
    min-height: 295px;
    margin: auto;
    padding: 1em;
    background-color: #fff;
    overflow-y: auto;
    box-shadow: 0 0 5px #000;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
}

@media all and (min-width: 500px) {
    .cookie-consent-container .consent-modal {
        height: 460px;
    }
}

@media all and (min-width: 900px) {
    .cookie-consent-container .consent-modal {
        height: 448px;
        max-height: calc(100vh - 100px);
    }
}

.cookie-consent-container .consent-modal .option-wrapper {
    background: #eee;
    padding: 15px;
    margin-bottom: 15px;
}

.cookie-consent-container .consent-modal .option-wrapper:last-child {
    margin-bottom: 0;
}

.cookie-consent-container .consent-modal .option-wrapper p:last-child {
    margin-bottom: 0;
}

.cookie-consent-container .consent-modal .option-wrapper .option-headline {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.25rem;
    font-weight: 400;
}

.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper {
    margin-bottom: 10px;
    border-bottom: 2px solid #afafaf;
}

.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper:last-child {
    margin-bottom: 0;
}

.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail {
    border-bottom: 1px solid #ddd;
    padding: 7px 10px 3px;
    font-size: 0.875rem;
}

.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail:last-child {
    border-bottom: none;
    padding-bottom: 6px;
}

.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option {
    background: #dedede;
    font-size: 1rem;
    font-weight: 400;
    transition: all ease-in-out 0.5s;
}

.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option:hover {
    background: #d4d0d0;
    transition: all ease-in-out 0.5s;
}

.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option:hover ~ .option-detail {
    background: #f3f3f3;
    transition: all ease-in-out 0.5s;
}

.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option .label {
    color: #4d4d4d;
    text-align: left;
    font-weight: 400;
}

.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail .option-title {
    font-weight: 400;
    width: 100%;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

@media all and (min-width: 500px) {
    .cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail .option-title {
        width: 30%;
    }
}

.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail .option-value {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

@media all and (min-width: 500px) {
    .cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail .option-value {
        width: 69%;
    }
}

.cookie-consent-container .consent-modal .option-wrapper .label {
    margin-bottom: 0;
    padding: 0 20px 0 0;
    width: 100%;
}

.cookie-consent-container .consent-modal .option-wrapper .label .checkmark {
    right: 0;
    left: inherit;
    background: #eee;
    border: 1px solid #bfbfbf;
}

.cookie-consent-container .consent-modal .option-wrapper .label input:checked ~ .checkmark {
    background-color: #6f9322;
}

.cookie-consent-container .consent-modal .cookie-headline {
    line-height: 1.5;
    margin: 0 0 15px 0;
    color: #4d4d4d;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.25rem;
    font-weight: 400;
}

.cookie-consent-container .consent-modal.open {
    max-width: 750px;
    height: calc(100vh - 50px);
}

.cookie-consent-container .consent-modal .options {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}

.cookie-consent-container .consent-modal .options li {
    margin-bottom: 5px;
}

@media all and (min-width: 500px) {
    .cookie-consent-container .consent-modal .options li {
        width: 49%;
        display: inline-block;
    }
}

.cookie-consent-container .consent-modal .footer-links {
    display: block;
    width: 100%;
    line-height: 90%;
}

.cookie-consent-container .buttons {
    margin-bottom: 25px;
}

@media all and (min-width: 660px) {
    .cookie-consent-container .buttons {
        margin-bottom: 15px;
    }
}

.cookie-consent-container .buttons .btn {
    font-size: 1rem;
    padding: 11px 10px;
    cursor: pointer;
    border-radius: 3px;
    width: 100%;
    max-width: 370px;
    text-align: center;
    font-weight: 300;
    clear: both;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 100%;
}

.cookie-consent-container .buttons .btn:hover {
    transition: all 0.5s ease-in-out;
}

.cookie-consent-container .buttons .btn--primary {
    background: #6f9322;
    color: #fff;
    border: 2px solid #6f9322;
    margin-bottom: 10px;
}

.cookie-consent-container .buttons .btn--primary:hover {
    background: #30400f;
    border: 2px solid #30400f;
}

.cookie-consent-container .buttons .btn--secondary {
    background: transparent;
    color: #999;
    border: 2px solid #999;
    opacity: 0.5;
}

.cookie-consent-container .buttons .btn--secondary:hover {
    background: transparent;
    color: #999;
    opacity: 1;
}

.cookie-consent-settings {
    margin-bottom: 10px;
}

.cookie-consent-settings .detail {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

.cookie-consent-settings .detail.open {
    height: auto;
    width: 100%;
    visibility: visible;
    opacity: 1;
    overflow: auto;
    display: block;
    margin-bottom: 15px;
    font-size: 1rem;
    transition: all 0.5s ease-in-out;
}

/* --------------- Overrides --------------- */

.cookie-consent-container {
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 1.5rem;
    background-color: transparent;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);

    font: inherit;
    font-weight: inherit;
    font-family: inherit;
    font-size: inherit;

    overflow: hidden;
    pointer-events: none;
    font-size: 1.6rem;
    line-height: 1.6;
}

@media all and (min-width: 900px) {
    .cookie-consent-container {
        padding: 4rem;
    }
}

.cookie-consent-container .consent-modal {
    pointer-events: all;
    display: flex;
    flex-direction: column;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin: 0;
    padding: 3rem 1.5rem;
    padding-bottom: 0;
    width: 100%;
    max-width: none;
    min-width: auto;
    height: auto;
    min-width: auto;
    max-height: auto;
    color: #000;
    background-color: #eef0f0 !important;
    /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
    box-shadow: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    backface-visibility: hidden;
    border-radius: 0;
    border: solid 2px white;
    overscroll-behavior: contain;
}

@media all and (min-width: 500px) {
    .cookie-consent-container .consent-modal {
        width: 60rem;
        height: auto;

        min-width: none;
        max-width: none;

        min-width: none;
        max-height: none;
    }
}

@media all and (min-width: 900px) {
    .cookie-consent-container .consent-modal {
        margin: 0;
        padding: 4rem 3rem 0 3rem;

        width: 60rem;
        height: auto;

        min-width: none;
        max-width: none;

        min-width: none;
        max-height: none;
    }
}

.cookie-consent-container .consent-modal.open {
    max-height: calc(100vh - 1.5rem);
}

@media all and (min-width: 900px) {
    .cookie-consent-container .consent-modal.open {
        max-height: calc(100vh - 4rem);
    }
}

.cookie-consent-container .consent-modal .cookie-headline,
.cookie-consent-container .consent-modal .option-wrapper .option-headline {
    text-transform: none;
    letter-spacing: 0;
    color: inherit;
    margin-bottom: 1rem;
}

.cookie-consent-container .consent-modal .cookie-headline {
    margin-bottom: 0;
    font-size: 2.2rem;
    line-height: 1.3;
    font-weight: 600;
}

.cookie-consent-container .consent-modal .option-wrapper .option-headline {
    display: block;
    margin-bottom: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    text-transform: none;
    letter-spacing: normal;
}

.cookie-consent-container p {
    margin-bottom: 0;
    color: inherit;
    font-size: 1.6rem;
    line-height: 1.7;
}

.cookie-consent-container * + .hint,
.cookie-consent-container * + p {
    margin-top: 1.5rem;
}

.cookie-consent-container .option-wrapper p {
    font-size: 1.6rem;
    line-height: 1.6;
}

.cookie-consent-container .consent-modal .options {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 0;
}

.cookie-consent-container .consent-modal .options li {
    flex: 1 0 auto;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    margin-top: 1.5rem;
}

@media all and (min-width: 500px) {
    .cookie-consent-container .consent-modal .options li {
        width: auto;
        display: block;
    }
}

/* ----------- checkboxes ----------- */

.cookie-consent-container .consent-modal .label,
.cookie-consent-container .consent-modal .option-wrapper .label {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: inherit;
}

.cookie-consent-container .consent-modal .option-wrapper .label,
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option .label {
    font-size: 1.6rem;
    color: inherit;
    font-weight: 700;
}

.cookie-consent-container .consent-modal .label .checkmark,
.cookie-consent-container .consent-modal .option-wrapper .label .checkmark {
    order: -1;
    position: relative;
    top: auto;
    left: auto;
    height: 2.5rem;
    width: 2.5rem;
    margin-right: 1rem;
    border-width: 2px;
    transition: all 0.1s ease-in;
}

.cookie-consent-container .label .checkmark:after,
.cookie-consent-container .option-wrapper .label .checkmark:after {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 7px;
    height: 15px;
    border-width: 0 3px 3px 0;
    transition: all 0.1s ease-in;
}

.cookie-consent-container .label input:disabled:checked ~ .checkmark,
.cookie-consent-container .option-wrapper .label input:disabled:checked ~ .checkmark {
    opacity: 1;
    cursor: default;
}

/* box */
.cookie-consent-container .label input ~ .checkmark {
    border-color: #5b6770;
    background-color: transparent;
}

/* box - checked */
.cookie-consent-container .label.partially-checked .checkmark,
.cookie-consent-container .label input:checked ~ .checkmark {
    border-color: #5b6770;
    background-color: #5b6770;
}

/* checkmark - checked */
.cookie-consent-container .label input:checked ~ .checkmark:after {
    border-color: #fff;
}

/* checkmark - partially checked */
.cookie-consent-container .label.partially-checked .checkmark:after,
.cookie-consent-container .option-wrapper .label.partially-checked .checkmark:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0);
    width: 15px;
    height: 3px;
    border: 0;
    background-color: #fff;
    border-width: 0;
}

/* necessary box */
.cookie-consent-container .label input:disabled:checked ~ .checkmark {
    border-color: transparent;
    background-color: transparent;
}

/* necessary checkmark */
.cookie-consent-container .label input:disabled:checked ~ .checkmark:after {
    border-color: #5b6770;
}

/* ----------- checkbox inside ----------- */

/* box */
.cookie-consent-container .consent-modal .option-wrapper .label input ~ .checkmark {
    border-color: #fff;
    background-color: transparent;
}

/* box - checked */
.cookie-consent-container .consent-modal .option-wrapper .label input:checked ~ .checkmark {
    border-color: #fff;
    background-color: #fff;
}

/* checkmark */
.cookie-consent-container .option-wrapper .label input:checked ~ .checkmark:after {
    border-color: #5b6770;
}

/* necessary box */
.cookie-consent-container .consent-modal .option-wrapper .label input:disabled:checked ~ .checkmark {
    border-color: transparent;
    background-color: transparent;
}

/* necessary checkmark */
.cookie-consent-container .option-wrapper .label input:disabled:checked ~ .checkmark:after {
    border-color: #fff;
}

.cookie-consent-container .consent-modal .option-wrapper .label input:checked ~ .checkmark .cookie-consent-container .label input:checked ~ .checkmark:after,
.cookie-consent-container .option-wrapper .label input:checked ~ .checkmark:after {
    display: block;
}

.cookie-consent-container .label[for='modal-option-necessary'] {
    cursor: default;
}

.cookie-consent-container .buttons {
    display: flex;
    margin-top: 4.5rem;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    margin-bottom: 0;
}

@media all and (min-width: 660px) {
    .cookie-consent-container .buttons {
        margin-bottom: 0;
    }
}

/* Button */

.cookie-consent-container .buttons .btn {
    font: inherit;
    -webkit-appearance: none;
    border-radius: 0;
    cursor: pointer;
    display: block;
    flex: 1 0 auto;
    font-size: 1.6rem;
    font-weight: 700;
    height: auto;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-bottom: 0;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    max-width: none;
    padding: 1em 3em 1em !important;
    text-transform: none;
    width: auto;
}

.cookie-consent-container .buttons .btn:hover {
    transition: all 0.15s ease-in-out !important;
}

.cookie-consent-container .buttons .btn--primary,
.cookie-consent-container .buttons .btn--secondary {
    margin-bottom: 0;
    color: #fff;
    background-color: #ba0020;
    border-color: #ba0020;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cookie-consent-container .buttons .btn--primary:hover,
.cookie-consent-container .buttons .btn--secondary:hover {
    color: #fff;
    background-color: #de5e69;
    border-color: #de5e69;
    opacity: 1;
}

.cookie-consent-container a.show-details,
.cookie-consent-container a:visited.show-details {
    margin-bottom: 0 !important;
    margin-top: 0;
    align-items: center;
    padding: 0;
    transition: all 0.2s ease-in-out !important;
    font-size: 1.6rem !important;
    line-height: inherit !important;
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.2em;
    display: flex !important;
}

.cookie-consent-container a:active.show-details,
.cookie-consent-container a:hover.show-details,
.cookie-consent-container a:visited:active.show-details,
.cookie-consent-container a:visited:hover.show-details {
    text-decoration: none;
    font-size: 1.6rem;
}

.cookie-consent-container a.show-details:after,
.cookie-consent-container a:active.show-details:after,
.cookie-consent-container a:focus.show-details:after,
.cookie-consent-container a:focus:active.show-details:after,
.cookie-consent-container a:hover.show-details:after,
.cookie-consent-container a:visited.show-details:after {
    display: none;
}

.cookie-consent-container a.show-details:before,
.cookie-consent-container a:active.show-details:before,
.cookie-consent-container a:focus.show-details:before,
.cookie-consent-container a:focus:active.show-details:before,
.cookie-consent-container a:hover.show-details:before,
.cookie-consent-container a:visited.show-details:before {
    content: '';
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    display: block;
    margin-left: 0;
    margin-right: 9px;
    margin-top: 2px;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
}

.cookie-consent-container a.show-details.open:before {
    transform: rotate(-135deg);
}

.cookie-consent-container a.show-details .less,
.cookie-consent-container a.show-details .more {
    pointer-events: none;
}

.cookie-consent-container a.show-details span,
.cookie-consent-container a.show-details.open span {
    font: inherit !important;
    text-decoration: inherit !important;
}

.bottom-bar {
    display: flex;
    color: inherit;
    margin-top: 1.5rem;
    margin-bottom: 4.5rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cookie-consent-container .consent-modal .footer-links {
    line-height: inherit;
    font-size: inherit;
    width: auto;
    margin-left: auto;
}

.cookie-consent-container .consent-modal .footer-links > * {
    margin-left: 1rem;
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.2em;
    transition: all 0.2s ease-in;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cookie-consent-container .consent-modal .footer-links :active,
.cookie-consent-container .consent-modal .footer-links :hover,
.cookie-consent-container a.show-details:focus:hover,
´ .cookie-consent-container a.show-details:active {
    text-decoration: none !important;
}

.cookie-consent-container .label:focus,
.option-detail:focus-within {
    outline-color: #ba0020;
    outline-style: solid;
    outline-offset: -1px;
}

.cookie-consent-container .btn:focus,
.cookie-consent-container .label:focus-within,
.cookie-consent-container a.show-details {
    outline-color: #90cade;
    outline-offset: 2px;
}

.cookie-consent-container .btn:focus {
    outline-color: #90cade;
    outline-width: 4px;
    outline-offset: 4px;
}

.cookie-consent-container .detail {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

.cookie-consent-container .detail.open {
    height: auto;
    width: 100%;
    visibility: visible;
    opacity: 1;
    overflow: auto;
    display: block;
    margin-bottom: 15px;
    font-size: 1rem;
    transition: all 0.5s ease-in-out;
}

.cookie-consent-container .consent-modal .detail,
.cookie-consent-container .consent-modal .detail.open {
    margin-bottom: 0;
    font-size: inherit;
    transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
    width: 100%;
}

.cookie-consent-container .consent-modal .details {
    margin: 0;
    padding: 0;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    background-color: #5b6770;
    color: #fff;
}

@media all and (min-width: 900px) {
    .cookie-consent-container .consent-modal .details {
        margin-left: -3rem;
        margin-right: -3rem;
    }
}

.cookie-consent-container .consent-modal .option-wrapper {
    margin: 0;
    padding: 4.5rem 1.5rem;
    background-color: inherit;
}

@media all and (min-width: 900px) {
    .cookie-consent-container .consent-modal .option-wrapper {
        padding: 4.5rem 3rem;
    }
}

.cookie-consent-container .consent-modal .option-wrapper {
    border-top: 2px solid #fff;
}

.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper {
    margin-top: 4.5rem;
    margin-bottom: 0;
    border: 0;
    background-color: inherit;
}

.cookie-consent-container .consent-modal .option-wrapper .option-headline + p {
    max-width: 40rem;
}

.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail,
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option:hover ~ .option-detail,
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail:hover + .option-detail,
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail:hover ~ .option-detail,
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail:last-child {
    font-size: 1.4rem;
    line-height: 1.6;
    display: flex;
    align-items: flex-start;
    padding: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    background-color: transparent;
    transition: none !important;
}

.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail + .option-detail {
    border-top-color: rgba(0, 0, 0, 0.25);
    background-color: inherit !important;
}

.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option,
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option:hover {
    background-color: inherit;
    border: 0;
    padding: 1.5rem 1rem;
    background-color: rgba(0, 0, 0, 0.25);
}

.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail .option-title {
    font-weight: 700;
    flex: 1 0 33.333%;
}

@media all and (min-width: 500px) {
    .cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail .option-title {
        flex: 1 0 33.333%;
    }
}

.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail .option-value {
    font-weight: 400;
    flex: 1 0 66.666%;
}

@media all and (min-width: 500px) {
    .cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail .option-value {
        flex: 1 0 66.666%;
    }
}

/* ------------------------------------------------------------------------------

    Cookie Consent Replacement Overlay

 ------------------------------------------------------------------------------ */

.cookie-consent-replacement-container {
    position: relative;
    width: 100%;
}

.cookie-consent-replacement-container iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

.cookie-consent-replacement {
    position: relative;
    aspect-ratio: 16/9;
}

.scaled-video--portrait .cookie-consent-replacement-container iframe {
    aspect-ratio: 9/16;
}

.scaled-video--portrait .cookie-consent-replacement {
    aspect-ratio: 9/16;
}

/*
    If wrapped inside an existing aspect ratio box,
    use the height the aspect ratio box provides.
*/

.cookie-consent-replacement-wrap .cookie-consent-replacement,
.scaled-image .cookie-consent-replacement,
.scaled-video .cookie-consent-replacement,
.iframe-wrap .cookie-consent-replacement,
.grid-item-image .cookie-consent-replacement,
.grid-item__iframe .cookie-consent-replacement {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    aspect-ratio: initial;
}

.cookie-consent-replacement-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 1em;
    background-color: rgba(238, 240, 240, 0.65);
    backdrop-filter: blur(3px);
    height: 100%;
    position: relative;
    z-index: 3;
}

.cookie-consent-replacement-poster {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    z-index: -1;
    width: 100%;
    height: 100%;
}

/* Consent button and privacy links */

.cookie-consent-replacement-hint,
.cookie-consent-replacement .accept {
    margin-bottom: 1em;
}

.cookie-consent-replacement li a,
.highlight .cookie-consent-replacement-link-list > li a,
.cookie-consent-replacement-link-list > li a {
    text-shadow: none !important;
    background-image: none !important;
}

.cookie-consent-replacement li a:hover,
.cookie-consent-replacement-link-list li a:hover {
    color: #ba0020;
}

.cookie-consent-replacement-link-list,
.cookie-consent-replacement-link-list li {
    display: flex;
}

/* --------------------------------------------------------------------------------------------- */

.module.timetable {
    max-width: 1140px;
    margin-bottom: 60px;
}

.module.timetable-scrollable {
    position: relative;
}

.module.timetable-scrollable .timetable-scrollable__scroller {
    overflow: hidden;
    overflow-x: scroll;
}

.module.timetable-scrollable:before {
    content: '>';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    z-index: 1;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );

    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 24px;
}

.module.timetable-scrollable:hover:before {
    color: #ba0020;
    padding-right: 2px;
}

.module.timetable table {
    border-collapse: separate;
}

.module.timetable th,
.module.timetable td {
    vertical-align: top;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.05em;
    padding: 0.6em;
    min-width: 100px;
}
.module.timetable th.is-centered,
.module.timetable td.is-centered {
    text-align: center;
}

.module.timetable th a,
.module.timetable td a {
    text-decoration: none;
    /*
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    padding: 0.6em;
    top: 0;
    */
}

.module.timetable th a:hover,
.module.timetable td a:hover {
    text-decoration: underline;
}

.module.timetable th {
    font-weight: 700;
}

.module.timetable th,
.module.timetable td {
    border-left: 2px solid white;
}

.module.timetable th:first-child,
.module.timetable td:first-child {
    border-left: 0 !important;
}

.module.timetable tbody th,
.module.timetable tbody td {
    height: 58px;
    border-top: 2px solid white;
    position: relative;
}

/*
.module.timetable thead th,
.module.timetable thead td {
    text-align: center;
}
*/
.is-bold-italic {
    font-weight: 700;
    font-style: italic;
}

.is-italic {
    font-style: italic;
}

.is-bold {
    font-weight: bold;
}

@media (max-width: 1140px) {
    .has-one-column .module.timetable {
        margin-left: 30px;
        margin-right: 30px;
    }
}

@media (max-width: 992px) {
    .has-one-column .module.timetable {
        margin-left: 15px;
        margin-right: 15px;
    }
}

.module.timetable .table-background-highlight {
    background-color: #eef0f0;
}

.module.timetable .is-bordered {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.module.timetable .is-multiple {
    padding: 0;
}

.module.timetable span.background-color {
    display: block;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.05em;
    padding: 0.6em;
    position: relative;
}

.module.timetable span.background-color + span.background-color {
    border-top: 2px solid white;
}

.background-color {
    background-color: rgb(186, 0, 32);
    color: #fff;
}

.background-color.is-white {
    background-color: #fff !important;
    color: #000 !important;
}

.background-color.is-white-gray {
    background-color: #eef0f0 !important;
    color: #000 !important;
}

/*
    A quick reminder that the color value of `.background-color.is-light-gray` (#adb3b7)
    got changed to match the value of `.background-color.is-white-gray` (#eef0f0) at some
    point – and we can’t figure out why that is.

    Quick fix: `.timetable` w/ light gray background gets darker text.

*/

.background-color.is-light-gray {
    background-color: #eef0f0 !important;
}

.timetable .background-color.is-light-gray {
    color: #5b6770 !important;
}

.background-color.is-dark-gray {
    background-color: #5b6770 !important;
}

.background-color.is-red {
    background-color: #ba0020 !important;
}

.background-color.is-sand {
    background-color: #d4c29d !important;
}

.background-color.is-powder-blue {
    background-color: #90cade !important;
}

.background-color.is-mint {
    background-color: #97c4be !important;
}

.background-color.is-neutral-cool {
    background-color: #5b6770 !important;
}

.background-color.is-warm-gray {
    background-color: #968c83 !important;
}

.grid-item {
    padding-bottom: 20px;
}

.grid-item > .grid-item-inner {
    padding-bottom: 20px;
    min-width: 100%;
}

.grid-item > .grid-item-inner.background-color {
    margin-bottom: 10px;
}

.grid-item > .grid-item-inner.background-color .grid-item-link {
    display: block;
    margin-bottom: -20px;
    position: relative;
    padding-bottom: 20px;
}

.grid-item > .grid-item-inner.background-color .grid-item-header {
    padding-top: 15px;
}

.grid-item > .grid-item-inner.background-color .grid-item-image + .grid-item-header {
    padding-top: 0;
}

.grid-item-link:hover {
    color: inherit;
}

.grid-item-link:hover .grid-item-title .label,
.type-tweet .grid-item-text p a:hover {
    text-decoration: underline;
    background: none;
    text-shadow: none;
}

.grid-style-equal-height {
    display: flex;
    flex-wrap: wrap;
}

.grid-style-equal-height .grid-item {
    padding-bottom: 20px;
    height: inherit;
    display: flex;
    padding-top: 0;
}

.grid-gutter-sm {
    margin-right: -8px;
    margin-left: -8px;
    padding-bottom: 12px;
}

.grid-gutter-sm .grid-item {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.grid-gutter-sm .grid-item > .grid-item-inner.background-color {
    margin-bottom: 0;
}

.grid-size-sm .grid-item-title {
    font-size: 18px;
}

.grid-size-sm .grid-item-text {
    font-size: 14px;
    line-height: 1.5;
}

@media (min-width: 639px) {
    .grid.max-columns-5 .grid-item {
        width: 33.33333%;
    }
    .grid.max-columns-6 .grid-item {
        width: 33.33333%;
    }
    .grid.max-columns-7 .grid-item {
        width: 33.33333%;
    }
}

@media (min-width: 768px) {
    .grid.max-columns-5 .grid-item {
        width: 33.33333%;
    }
    .grid.max-columns-6 .grid-item {
        width: 25%;
    }
    .grid.max-columns-7 .grid-item {
        width: 25%;
    }
}

@media (min-width: 959px) {
    .grid.max-columns-5 .grid-item {
        width: 25%;
    }
    .grid.max-columns-6 .grid-item {
        width: 20%;
    }
    .grid.max-columns-7 .grid-item {
        width: 20%;
    }
}

@media (min-width: 1200px) {
    .grid.max-columns-5 .grid-item {
        width: 20%;
    }
    .grid.max-columns-6 .grid-item {
        width: 16.6666%;
    }
    .grid.max-columns-7 .grid-item {
        width: 14.2857%;
    }
}

/* --------------------------------------------------

    Counter

---------------------------------------------------- */

.counter {
    --gap: 0.5em;

    display: flex;
    flex-direction: column;
    max-width: 1140px;
    gap: var(--gap);
    padding: var(--gap);
    margin-bottom: 6rem;
    font-size: 4.8rem;
}

@media (min-width: 768px) {
    .counter {
        font-size: 6.4rem;
    }
}

.counter__item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    align-items: last baseline;
    row-gap: calc(var(--gap) / 4);
    column-gap: var(--gap);
    position: relative;
}

.counter__item + .counter__item:before {
    content: '';
    display: block;
    position: absolute;
    top: calc(var(--gap) / -2);
    height: 1px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
}

.counter__number,
.counter__text {
    flex: 1 1 100%;
}

.counter__number {
    font-size: inherit;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
}

.counter__text {
    font-size: 1.6rem;
    line-height: 1.5;
}

.counter--center .counter__number,
.counter--center .counter__text {
    justify-content: center;
    text-align: center;
}

.counter--inline .counter__number,
.counter--inline .counter__text {
    flex: 1 1 28rem;
}

.counter--inline .counter__number {
    /* text-align: right; */
}

.counter--small .counter__number {
    font-size: 0.75em;
}

.counter__text a {
    color: inherit;
    text-decoration: underline;
    background: none;
    text-shadow: none;
}

/* ------------------------------------------

    Library Search

------------------------------------------- */

.library-search {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 50rem;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    padding: 2.5rem 0;
    row-gap: 5rem;
}

/* full-bleed background */

.library-search::before {
    background-image: var(--background-img-url);
    background-size: cover;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    background-color: #eef0f0;
    transform: translateX(-50%);
    z-index: -1;
}

.library-search .content-header__headline {
    margin: 0;
}

.library-search__form {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2rem;
    row-gap: 2.5rem;
}

.library-search__form .form-group {
    margin: 0;
}

.form-group--keyword,
.form-group--submit {
    flex: 1 0 15rem;
    max-width: 20rem;
}

.form-group--search {
    flex: 999 0 30rem;
}

.form-group--submit {
    align-self: flex-end;
}

.form-group--submit .button {
    width: 100%;
}

.form-control--library-search {
    background-color: #fff;
    border-color: #d6d9db;
    height: 4.2rem;
}

.library-search__link:hover,
.library-search__link:focus-visible {
    text-decoration: underline;
}

/* -----------------------------------------------------------------------------

    Accordions

----------------------------------------------------------------------------- */

.single-event .primary-modules .multibox.is-accordion.is-open .multibox-title {
    margin-bottom: 20px;
}

.single-event .primary-modules .module--type-article_list.is-accordion.is-open .multibox-body {
    padding-bottom: 15px;
}

/* -----------------------------------------------------------------------------

    Info Accordions

----------------------------------------------------------------------------- */

.info-accordion__segment.is-highlighted.color-red {
    background-color: #ba0020 !important;
}

.info-accordion__segment.is-highlighted.color-grey {
    background-color: #5b6770 !important;
}

.info-accordion__segment.is-highlighted.color-light-grey {
    background-color: #adb3b7 !important;
}

.info-accordion__segment.is-highlighted.color-yellow {
    background-color: #d4c29d !important;
}

.info-accordion__segment.is-highlighted.color-sand {
    background-color: #d4c29d !important;
}

.info-accordion__segment.is-highlighted.color-mint {
    background-color: #97c4be !important;
}

.info-accordion__segment.is-highlighted.color-powder-blue {
    background-color: #90cade !important;
}

.info-accordion__segment.is-highlighted.color-neutral-cool {
    background-color: #5b6770 !important;
}

.info-accordion__segment__text a {
    background-image: none !important;
    color: inherit !important;
    text-decoration-skip-ink: auto !important;
    text-decoration: underline !important;
    text-shadow: none !important;
    text-underline-offset: 0.2em !important;
}

.info-accordion__segment__text a:hover,
.info-accordion__segment__text a:focus-visible {
    text-underline-offset: 0.1em !important;
}

.module--type-info-accordion .info-accordion__segment ul {
    margin-bottom: 20px;
}

.accordion__close,
.info-accordion__segment__close {
    position: relative;
    margin-bottom: -15px;
    color: gray;
    font-size: 14px;
    text-align: right;
    padding-right: 17px;
    cursor: pointer;
}

.accordion__close:hover,
.info-accordion__segment__close:hover {
    color: #000;
    text-decoration: underline;
}

.multibox-courses-list .accordion__close,
.multibox-courses-list .info-accordion__segment__close {
    float: right;
}

.grid-courses-list .multibox-courses-list .accordion__close,
.grid-courses-list .multibox-courses-list .info-accordion__segment__close {
    display: none;
}

.info-accordion__segment.is-highlighted .info-accordion__segment__close,
body.color-scheme--pink .info-accordion__segment.is-highlighted .info-accordion__segment__close:hover,
body.color-scheme--powder-blue .info-accordion__segment.is-highlighted .info-accordion__segment__close:hover,
body.color-scheme--blue .info-accordion__segment.is-highlighted .info-accordion__segment__close:hover,
body.color-scheme--sand .info-accordion__segment.is-highlighted .info-accordion__segment__close:hover,
body.color-scheme--mint .info-accordion__segment.is-highlighted .info-accordion__segment__close:hover {
    color: #fff;
}

.accordion__close .accordion__icon,
.info-accordion__segment__close .info-accordion__segment-icon {
    left: auto;
    right: 0;
}

.is-accordion .accordion__icon {
    display: block;
    margin-top: -2px;
    right: 2px;
    transform: rotate(-135deg);
}

.cf .tx-powermail .accordion__close,
.cf .tx-powermail .info-accordion__segment__close {
    margin-bottom: 0;
}

/* Stripes on accordion */

.info-accordion__section:first-child .info-accordion__segment:first-child:after {
    top: -5px;
}

.info-accordion__section:last-child .info-accordion__segment:last-child {
    padding-bottom: 0;
}

.info-accordion__segment.has-stripes:after,
.info-accordion__segment.has-stripes:before,
.info-accordion__section:last-child .info-accordion__segment:last-child:before {
    display: none !important;
}

body.color-scheme--pink.subsite--jdc .info-accordion__segment.is-highlighted,
body.color-scheme--pink.subsite--jdc .info-accordion__section:first-child .info-accordion__segment:first-child:before,
body.color-scheme--pink.subsite--jdc .info-accordion__section:first-child .info-accordion__segment:first-child:after {
    background-color: rgba(144, 202, 222, 0.75);
}

body.color-scheme--powder-blue.subsite--jdc .info-accordion__segment.is-highlighted,
body.color-scheme--powder-blue.subsite--jdc .info-accordion__section:first-child .info-accordion__segment:first-child:before,
body.color-scheme--powder-blue.subsite--jdc .info-accordion__section:first-child .info-accordion__segment:first-child:after {
    background-color: rgba(144, 202, 222, 0.75);
}

.subsite--jdc .info-accordion__segment.is-highlighted.color-powder-blue {
    background-color: rgba(144, 202, 222, 0.75) !important;
}

/* Remove red decor line on colored accordions */

.secondary-modules .info-accordion__section:first-child .info-accordion__segment.is-highlighted:first-child:before,
.secondary-modules .info-accordion__section:first-child .info-accordion__segment.is-highlighted:first-child:after {
    display: none;
}

/* Sidebar-specific spacing */

.secondary-modules .info-accordion {
    margin: 0;
}

.secondary-modules .info-accordion__segment .info-accordion__segment__text {
    padding: 0 15px 30px 15px;
}

.secondary-modules .info-accordion__segment.is-collapsed .info-accordion__segment__text {
    padding: 0 15px 0 15px;
}

/* TODO: Why did this padding exist in the first place? */

.info-accordion__segment:not(.is-collapsible) {
    padding-top: 30px;
}

.info-accordion__segment.is-collapsible {
    padding-top: 0;
}

.info-accordion__segment .button {
    margin-top: 2rem;
}

.info-accordion__segment .button:not(.button-primary) {
    border-color: currentColor;
    color: currentColor;
}

/* -----------------------------------------------------------------------------

    Note that we want the color theming of the accordions
    to be persistent across differently themed pages, hence
    the presence of the `[attribute^='value']` selector.

----------------------------------------------------------------------------- */

/* Secondary button colors */

[class^='color-scheme--'] .info-accordion__segment.is-highlighted .button:hover,
[class^='color-scheme--'] .info-accordion__segment.is-highlighted .button:active,
[class^='color-scheme--'] .info-accordion__segment.is-highlighted .button:focus,
.info-accordion__segment.is-highlighted .button:hover,
.info-accordion__segment.is-highlighted .button:active,
.info-accordion__segment.is-highlighted .button:focus {
    color: #111;
}

/* Primary button colors */

[class^='color-scheme--'] .info-accordion__segment.is-highlighted .button.button-primary,
.info-accordion__segment.is-highlighted .button.button-primary {
    color: #fff;
    background-color: #ba0020;
}

[class^='color-scheme--'] .info-accordion__segment.is-highlighted .button.button-primary:hover,
[class^='color-scheme--'] .info-accordion__segment.is-highlighted .button.button-primary:active,
[class^='color-scheme--'] .info-accordion__segment.is-highlighted .button.button-primary:focus,
.info-accordion__segment.is-highlighted .button.button-primary:hover,
.info-accordion__segment.is-highlighted .button.button-primary:active,
.info-accordion__segment.is-highlighted .button.button-primary:focus {
    color: #fff;
    background-color: #d03641;
}

/* Use white buttons inside red accordions */

[class^='color-scheme--'] .info-accordion__segment.is-highlighted.color-red .button.button-primary,
.info-accordion__segment.is-highlighted.color-red .button.button-primary {
    color: #ba0020;
    background-color: #fff;
}

[class^='color-scheme--'] .info-accordion__segment.is-highlighted.color-red .button.button-primary,
[class^='color-scheme--'] .info-accordion__segment.is-highlighted.color-red .button.button-primary:hover,
[class^='color-scheme--'] .info-accordion__segment.is-highlighted.color-red .button.button-primary:active,
[class^='color-scheme--'] .info-accordion__segment.is-highlighted.color-red .button.button-primary:focus,
.info-accordion__segment.is-highlighted.color-red .button.button-primary,
.info-accordion__segment.is-highlighted.color-red .button.button-primary:hover,
.info-accordion__segment.is-highlighted.color-red .button.button-primary:active,
.info-accordion__segment.is-highlighted.color-red .button.button-primary:focus {
    color: #ba0020;
    background-color: #fff;
}

/* Optional dark text modifier */

[class^='color-scheme--'] .info-accordion__segment.is-highlighted.dark-text *:not(.button-primary),
.info-accordion__segment.is-highlighted.dark-text *:not(.button-primary) {
    color: #111111 !important;
}

/* -----------------------------------------------------------------------------

   Development

----------------------------------------------------------------------------- */

/* Fill an empty column with a gray block */

.placeholder {
    color: #676767;
    background-color: #eef0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.placeholder:after {
    content: 'Placeholder';
    user-select: none;
    flex: 0 0 auto;
}

/* -----------------------------------------------------------------------------

    Print Styles

----------------------------------------------------------------------------- */

@media print {
    .coursePreSelection {
        display: none;
    }

    .courseFilterForm {
        display: none;
    }

    .grid-courses-list .grid-item {
        position: relative;
        display: block;
    }

    .grid-courses-list .grid-item .grid-item-header {
        position: relative;
        display: block;
        page-break-inside: avoid;
    }

    .grid-courses-list .multibox-courses-list.multibox .text-block {
        font-size: 14px !important;
    }

    .grid-courses-list .multibox-courses-list .multibox-title {
        display: none;
    }

    .grid-courses-list .multibox-courses-list.multibox.is-accordion .multibox-body {
        opacity: 1 !important;
        margin-top: 15px !important;
        height: auto !important;
        overflow: visible !important;
        transition: none !important;
    }

    .grid-courses-list .multibox-courses-list .button.button-primary {
        display: none;
    }

    .grid-courses-list + .pagination-ui {
        display: none;
    }

    .main-wrap {
        padding-top: 20px !important;
    }

    .main-content,
    .home .main-content {
        padding-top: 40px !important;
    }

    .has-one-column .content-header-wrap,
    .has-one-column .grid-wrap {
        padding-left: 0;
        padding-right: 0;
    }
}
.eventTypeSelection.eventTypeSelection--v3.cf {
    margin-bottom: 0;
}

.video-wrap video {
    display: block;
    width: 100%;
    height: auto;
}

#databases-search {
    margin-inline: 0;
    margin-bottom: 0;
}
#databases-numberOfResults {
    margin-inline: 0;
    margin-bottom: 40px;
}

.databasesFilterForm {
    margin: 0 0 20px;
    max-width: none !important;
    padding-top: 0 !important;
}

.databasesFilterForm .grid-controls {
    padding-top: 0;
}

.databasesFilterForm .form-group {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 100%;
    max-width: none;
}

@media (min-width: 768px) {
    .databasesFilterForm .form-group {
        width: 50%;
        padding-right: 30px;
    }

    .databasesFilterForm .form-group:last-child {
        padding-right: 0;
    }
}

.grid.max-columns-3 .video-wrap,
.grid.max-columns-4 .video-wrap,
.grid.max-columns-5 .video-wrap,
.grid.max-columns-6 .video-wrap {
    aspect-ratio: 3/2;
    overflow: hidden;
}

.grid.max-columns-3 .video-wrap video,
.grid.max-columns-4 .video-wrap video,
.grid.max-columns-5 .video-wrap video,
.grid.max-columns-6 .video-wrap video {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
    transform: translateX(-50%);
}

.grid.max-columns-2 .video-wrap {
    aspect-ratio: 2/1;
    overflow: hidden;
}

.grid.max-columns-2 .video-wrap video {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(-50%);
}

.text-block iframe[src*='youtube'] {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}