@media (min-width: 1281px) {
    .center-2 {
        width: 69%;
        margin-bottom: 0;
    }
}

@media (prefers-reduced-motion: no-preference) {
    @media (prefers-reduced-motion: no-preference) {
        @media (min-width: 1281px) {
            .side-2 {
                width: 26%;
            }
        }
    }
}

.content-page-content.standard-light-border {
    padding: 1.2rem;
    top: 0;
}

.topic-page h1 {
    padding-bottom: 20px;
    color: #117ba2;
    line-height: 34px;
}

#onze-beloftes .grid-3-2 {
    padding: 1rem;
    grid-gap: 2rem;
}

.grid-3-2 {
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(2, 1fr);
}

.showcase-image ~ .content-page-content {
    border-top: none;
    position: relative;
    top: -6px;
}

.showcase-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (prefers-reduced-motion: no-preference) {
    @media (prefers-reduced-motion: no-preference) {
        .showcase-image ~ .content-page-content {
            border-top: 0;
            position: static !important;
            top: -6px;
        }
    }
}

.template .content-section.standard-light-border {
    padding: 1.5rem;
}

.content-page.template .content-section {
    margin: 0 0 1.5rem 0;
}

.content-page-content > .content-section.standard-light-border:first-child {
    margin-top: 0;
}



.standard-light-border {
    border: 1px solid #ddd;
    border-radius: 5px;
}

.template h1, .template h2, .template h3 {
    color: #007ba4;
}


.flex-3c {
    justify-content: space-between;
    padding: 1rem 0;
}


.flex-2c, .flex-3c, .flex-2-large, .flex-row, .flex-3-col {
    display: flex;
}

.content-page-content .flex-3c.contact-us > div {
    flex: 1;
}

.flex-2c > *:first-child, .flex-3c > *:not(:last-child) {
    margin-right: 1.3rem;
}


.flex-3c > div {
    padding: 7px;
}

#contact-us .grid-4-4 {
    padding-top: 1rem;
}

@media (prefers-reduced-motion: no-preference) {
    .grid-4-4 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-gap: 1.5rem;
    }
}

.image-container img {
    transition: all .3s;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#contact-us .benefits-box-info {
    padding: 1.5rem 1rem;
}

.benefits-box-info {
    padding: 2.5rem 1rem 1.5rem 1rem;
    line-height: 20px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.benefits-box {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 2rem;
    font-family: "Century Gothic", "Apple Gothic", "URW Gothic L", "Avant Garde", sans-serif;
}

.benefits-box-info h5 {
    font-size: 1.25rem;
    font-weight: normal;
    color: #444;
    margin-bottom: .4rem;
    text-transform: uppercase;
}

#contact-us > .content-page-content > section:nth-child(5) > .flex-2-large > div:first-child {
    margin-right: 1.5rem;
    margin-bottom: 0;
    flex: 2;
}

#contact-us > .content-page-content > section:nth-child(5) > .flex-2-large > div {
    flex: 1;
}

#contact-us .table-2-col {
    margin-top: 1rem;
}

.table-2-col .table-row {
    margin: 2px 0;
}

.table-2-col .table-row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #666;
}

.pax-info-full.with-image > div:last-child {
    padding: 1rem 1.5rem;
}

#contact-us .bullet-less-list {
    padding-left: 0;
}

.template ul {
    padding-left: 20px;
}

* > ul.bullet-less-list {
    list-style: none;
    padding-left: 0;
}

.light-blue-container {
    background-color: #e6f5f8;
    border: none;
}

@media (prefers-reduced-motion: no-preference) {
    @media (prefers-reduced-motion: no-preference) {
        #faq-page .flex-2c > span, #algemene-voorwaarden .flex-2c > span {
            color: #ffa500;
            font-size: 1.2rem !important;
            margin-top: 4px;
        }
    }
}

#faq-page .flex-2c > *, #algemene-voorwaarden .flex-2c > * {
    flex: none;
    margin-right: 6px;
}

.icon {
    font-size: 18px !important;
}

#faq-page .flex-2c > p, #algemene-voorwaarden .flex-2c > p {
    font-weight: bold;
    font-size: 1rem;
    color: #007ba4;
}

#faq-page p {
    margin: 5px 0;
}

#over-pax .flex-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2rem;
}

.content-section h2 {
    padding-bottom: 3px;
    margin-bottom: 15px;
}

#over-pax .content-section:not(#referenties) .grid-2-3 {
    grid-gap: 0;
}

.grid-2-3 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.grid-row-3, .grid-row-4, .grid-4-4, .grid-2-3, .grid-3-2, .grid-3-3, .grid-row-2, .grid-row-5 {
    display: grid;
    grid-gap: 1.5rem;
}

.benefits-icon-container {
    background-color: #fff;
    z-index: 2;
    width: 80px;
    position: relative;
    top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

#referenties .grid-2-3 > div {
    display: flex;
    justify-content: center;
    align-items: center;
}

    #referenties .grid-2-3 > div img {
        max-width: 160px;
        max-height: 100px;
    }

.image-text-box img {
    height: 76px;
    width: 100%;
    object-fit: cover;
}

.image-text-box {
    border: 1px solid #ccc;
}

#over-pax .flex-row span {
    font-size: 1rem;
    margin-right: 7px;
    transition: all .3s;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}


#over-pax .image-text-box .text-block {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #007ba4;
}

@media (min-width: 450px) {
    #keurmerken-hulp > div:first-child {
        margin-right: 1.5rem;
    }
}

#keurmerken-hulp > div {
    flex: 1;
    margin: 0;
}

@media (prefers-reduced-motion: no-preference) {
    @media (prefers-reduced-motion: no-preference) {
        .image-container img {
            transition: all .3s;
            height: 100%;
            width: 900px;
            object-fit: cover;
        }
    }
}

#keurmerken .content-section .flex-2-large {
    justify-content: center;
}

    #keurmerken .content-section .flex-2-large > a {
        max-width: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

#keurmerken .flex-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.5rem;
    margin-bottom: 1.5rem;
}


    #keurmerken .flex-row > a > div {
        height: 100%;
    }

#keurmerken .testimonial-image {
    height: 170px;
    width: 100%;
    object-fit: cover;
}

#keurmerken .flex-row .testimonial-info {
    padding: 5px 1rem;
}

.template h3 {
    margin-bottom: 8px;
}

#keurmerken .review-stars {
    display: flex;
    justify-content: center;
    padding: 4px;
}

#keurmerken .content-section .standout-button {
    width: 30%;
    height: 40px;
    margin-left: 35%;
    margin-bottom: 1.5rem;
}

.standout-button {
    border: none;
    background-color: #fda428;
    color: #fff;
    transition: all .3s;
}

.benefits-box-info {
    border: 1px solid #ddd;
    padding: 2.5rem 1rem 1.5rem 1rem;
    line-height: 20px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.content-page .showcase-image {
    height: 220px;
    border: 1px solid #ddd;
    border-bottom: none;
}

#keurmerken .content-section .flex-2-large > a {
    max-width: 200px;
    display: flex;
    justify-content: center;
}

#keurmerken .flex-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.5rem;
    margin-bottom: 1.5rem;
}

/*  Side Menu  */
.content-page-side-menu {
    padding: 1.1rem;
    border-radius: 5px;
}

    .content-page-side-menu h3 {
        font-size: 1.1rem;
        padding-bottom: 5px;
        margin-bottom: 6px;
        color: #007ba4;
        border-bottom: 1px solid;
    }

    .content-page-side-menu ul li {
        margin-bottom: 4px;
        padding-bottom: 2px;
        width: 90%;
    }

        .content-page-side-menu ul li a {
            color: #777;
        }

        .content-page-side-menu ul li:hover a {
            color: #007ba4;
        }

        .content-page-side-menu ul li::before {
            content: '� ';
        }

    .content-page-side-menu.alt-ver ul li:not(:last-child) {
        border-bottom: 1px solid #ccc;
    }

    .content-page-side-menu.alt-ver ul li {
        font-size: 0.9rem;
        transition: all 0.3s;
        padding-bottom: 7px;
    }

        .content-page-side-menu.alt-ver ul li::before {
            content: '';
        }

        .content-page-side-menu.alt-ver ul li:hover {
            transform: translateX(7px);
        }

@media (max-width: 768px) {
    .page {
        text-align: left;
    }
}

@media (max-width: 500px) {
    .flex-3c.contact-us {
        flex-direction: column;
    }
}



@media (max-width: 480px) {
    .contact-us > div {
        margin-top: 7px;
        width: 95%;
    }
}

@media (max-width: 500px) {
    #over-pax .flex-row {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 2rem;
    }
}

@media (max-width: 500px) {
    #over-pax .content-section:not(#referenties) .grid-2-3 {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 500px) {
    #keurmerken .content-section .flex-2-large {
        align-items: center;
        margin-bottom: 3rem;
    }
}

@media (max-width: 500px) {
    .benefits-box {
        width: 100%;
        flex-direction: row;
        text-align: left;
        margin: 1rem 0;
    }
}

@media (max-width: 500px) {
    .benefits-icon-container {
        width: 50px;
        height: 60px;
        top: 0;
    }
}

@media (max-width: 500px) {
    #over-pax .benefits-box-info {
        padding: 1rem;
        padding-left: 1.5rem;
    }
}

@media (max-width: 450px) {
    .flex-row {
        align-items: center;
    }
}

@media (max-width: 500px) {
    .benefits-box-info {
        padding: 1.5rem;
        position: relative;
        left: -15px;
    }
}

@media (max-width: 500px) {
    #keurmerken .content-section .standout-button {
        width: 80%;
        margin-left: 10%;
    }
}

@media (max-width: 500px) {
    .grid-4-4 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-gap: 1.5rem;
    }
}

@media (max-width: 500px) {
    #referenties .grid-2-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    #keurmerken-hulp .benefits-box.with-image {
        flex-direction: column;
        text-align: center;
    }
}


@media (max-width: 500px) {
    .flex-2c, .flex-3c, .flex-2-large, .flex-row, .flex-3-col {
        display: block;
    }
}


@media (max-width: 500px) {
    #keurmerken .flex-row {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 450px) {
    #keurmerken-hulp > div:first-child {
        margin-right: 1.5rem;
    }
}