/**
 * @file
 * Styles for banners.
 */


.view-basic-page-banner-heading .views-row,
.view-topic-page-banner-heading .views-row,
.view-topic-overview-page-banner-heading .views-row,
.view-language-banner-heading .views-row,
#contact-map {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.view-basic-page-banner-heading .views-row img,
.view-topic-page-banner-heading .views-row img,
.view-topic-overview-page-banner-heading .views-row img,
.view-language-banner-heading .views-row img {
    flex: none;
    height: 375px;
}

#carousel-wrapper .slide-text,
.view-basic-page-banner-heading .field-title-subhead,
.view-topic-page-banner-heading .field-title-subhead,
.view-topic-overview-page-banner-heading .field-title-subhead,
.view-language-banner-heading .field-title-subhead {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 85%;
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: flex;
    justify-content: center;
}

.field-title-subhead,
.slide-wrapper {
    padding: 1rem;
    border-radius: 0.5rem;
}

.slide-subheadline p {
    margin: 0;
}

/* --- EU COOKIES --- */

#sliding-popup {
    width: 100%;
    padding: 1rem 0.5rem;
    background-color: var(--hm-color-blue);
    color: var(--hm-color-white);
}

#sliding-popup h2 {
    color: var(--hm-color-white);
    font-size: var(--hm-font-size-small);
    font-family: var(--hm-font-sans-serif);
    font-weight: bold;
    margin: 0;
}

#sliding-popup p {
    font-size: var(--hm-font-size-small);
}

#sliding-popup #popup-text button {
    padding: 0;
    margin-bottom: 1rem;
    color: var(--hm-color-yellow);
    border: none;
    background-color: var(--hm-color-blue);
    font-size: var(--hm-font-size-small);
}

#sliding-popup #popup-buttons button {
    padding: 0.5rem 0.75rem;
    color: var(--hm-color-yellow);
    border: 1px solid var(--hm-color-yellow);
    background-color: var(--hm-color-blue);
}

#sliding-popup #popup-buttons button:hover {
    color: var(--hm-color-blue);
    border: 1px solid var(--hm-color-yellow);
    background-color: var(--hm-color-yellow-lt);
}