/* 
-----------------------------------------
HEADER
-----------------------------------------
*/


.header-section:has(.header-image) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.header-section:has(.header-image) > div {
    flex: 0 0 100%;
}

.header-section:has(.header-image) .header-headline {
    padding-top: 2rem;
}

@media screen and (min-width: 768px) {

    .header-section:has(.header-image) > div {
        flex-basis: 50%;
    }

    .header-section:has(.header-image) .header-headline {
        padding-left: 3rem;
        padding-top: 0;
    }
}

.header-headline h1 {
    text-transform: uppercase;
    word-break: break-word;
}

.header-headline h1 a {
    display: block;
}

.header-headline h1:has(+ h1) {
    margin-bottom: 0;
}

.header-headline h1 strong {
    display: block;
}

.header-image img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 4px;
}

.services-header-section .header-headline h2 {
    text-transform: none;
    color: var(--primary-color);
    margin-top: 1em;
}