:root {
    --h2: 2.2rem;
}

.carreer_intro + .carreer_headline {
    margin-top: 0;
}

body:not(.page-home) .carreer_headline h1 {
    font-size: var(--h1);
}

/* .carreer_headline .highlight, */
body:not(.page-home) .carreer_headline h1.h2,
body:not(.page-home) .carreer_headline h1.h3 {
    color: var(--primary) !important;
    font-weight: 700;
    border: none;
    font-size: var(--h2);
    line-height: 1;
    display: inline-block;
    margin:0 0 5rem 0;
    padding: 0;
    position: relative;
}

.carreer_headline .highlight {
    font-size: 1.6rem;
    /* line-height: 1.2; */
}

.carreer_headline .highlight {
    color: var(--secondary);
    /* font-weight: bold; */
 }
body:not(.page-home) .carreer_headline h1.h3 {
    color: var(--secondary) !important;
}

body:not(.page-home) .carreer_headline h1.h2:after,
body:not(.page-home) .carreer_headline h1.h3:after {
    content: '';
    position: absolute;
    bottom: -2rem;
    left: 0;
    height: 1px;
    width: calc((100vw / 24) + 2rem);
    background-color: var(--primary);
}

body:not(.page-home) .carreer_headline h1.h3:after {
    background-color: var(--secondary);   
}

.carreer_headline .content {
    margin-bottom: calc(100vw / 24);
    max-width: 100rem;
}

.carreer_headline strong {
    color: var(--secondary);
}

@media screen and (max-width: 500px) {
    :root {
        --h2: 2rem;
    }
}