.single-municipality
{
    --rempx: calc( 1rem / 16 );
    --size-1072px: calc( 1072 * var(--rempx) );
    --size-120px: calc( 120 * var(--rempx) );
    --size-68px: calc( 68 * var(--rempx) );
    --size-64px: calc( 64 * var(--rempx) );
    --size-48px: calc( 48 * var(--rempx) );
    --size-16px: calc( 16 * var(--rempx) );
    --size-CGO_H2: calc( 32 * var( --rempx) );
    --size-CGO_H3: calc( 24 * var(--rempx) );
    --color-blue_5p: #f4fbff;
    --color-blue-10p: #f3fbff;
    --color-CGO_main_blue: #1EB8FF;
}

.recruitment-info .recruitment-details-content h3 {
    font-size: var(--font-size-xxl);
}

.single-municipality
    h2.section-title
{
    font-size: var( --size-CGO_H2 );
}

.single-municipality
    h4.recruitment-info-header
{
    font-size: var( --size-CGO_H3 );
    color: black;
}

.single-municipality
    h5.recruitment-info__job-header
{
    font-size: var( --size-CGO_H3 );
    margin-top: 0;
}

.single-municipality
    .recruitment-info-card
{
    background-color: var( --color-blue_5p );
    padding: var( --size-48px ) var( --size-68px );
}

.single-municipality
    .recruitment-info-card
    + .recruitment-info-card
{
    margin-top: var( --size-16px );
}

.single-municipality
    .recruitment-info-list
{
    background-color: unset;
    box-shadow: unset;
    border-radius: unset;
    max-width: var( --size-1072px );
}

.single-municipality
    .recruitment-info-list.dl
{
    display: grid;
    grid-template-columns: var( --size-120px ) 1fr;
    padding: 0;
}

.single-municipality
    .recruitment-info-list
        .dt
{
    color: var( --color-CGO_main_blue );
    font-weight: bold;
}

.single-municipality
    .recruitment-info-list
        .dd
{
    word-break: break-all;
}

.single-municipality
    .recruitment-info-list
        .dt
,
.single-municipality
    .recruitment-info-list
        .dd
{
    padding-top: var( --size-16px );
    padding-bottom: var( --size-16px );
    border-bottom: 1px dotted #dddddd;
}

.single-municipality
    .event-info-card
{
    background-color: #F5F5F5;
    padding: var( --size-48px ) var( --size-68px );
}

.single-municipality
    .event-info-card
    + .event-info-card
{
    margin-top: var( --size-16px );
}

.single-municipality
    .recruitment-event-info__header
{
    margin-top: var( --size-64px );
}

.single-municipality
    .event-info-ribbon
{
    background-color: unset;
    color: black;
    font-size: var( --size-CGO_H3 );
}


.single-municipality
    .event-info-card
        li
{
    display: grid;
    grid-template-columns: var( --size-120px ) 1fr;
    margin-bottom: 0;
    padding: 0;
}

.single-municipality
    .event-info-card
        li
            span:nth-of-type(1)
{
    color: var( --color-CGO_main_blue );
    font-weight: bold;
}

.single-municipality
    .event-info-card
        li
            span:nth-of-type(2)
{
}

.single-municipality
    .event-info-card
        li
            span:nth-of-type(2)
                a
{
    text-decoration: underline;
}

.single-municipality
    .event-info-card
        li
            span:nth-of-type(1)
,
.single-municipality
    .event-info-card
        li
            span:nth-of-type(2)
{
    padding-top: var( --size-16px );
    padding-bottom: var( --size-16px );
    border-bottom: 1px dotted #dddddd;
}