@charset "UTF-8";

html {
    line-height: 1.5; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
}

h1, h2, h3, h4 {
    margin: 0;
}

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

a {
    background-color: transparent;
    color: inherit;
}

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

button {
    border: none;
    padding: 0;
    text-align: left;
    background-color: transparent;
}

button,
input { /* 1 */
    overflow: visible;
}

button,
select { /* 1 */
    text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

    button::-moz-focus-inner,
    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    button:-moz-focusring,
    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none;
}

@font-face {
    font-family: "Open Sans";
    src: url("/fonts/OpenSans-Regular.woff2") format("woff2"), url("/fonts/OpenSans-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url("/fonts/OpenSans-Italic.woff2") format("woff2"), url("/fonts/OpenSans-Italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Open Sans";
    src: url("/fonts/OpenSans-Bold.woff2") format("woff2"), url("/fonts/OpenSans-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url("/fonts/OpenSans-BoldItalic.woff2") format("woff2"), url("/fonts/OpenSans-BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
}

:root {
    --black: hsl(0, 0%, 0%);
    --white: hsl(0, 0%, 100%);
    --main-color: hsl(204, 89%, 39%);
    --second-color: hsl(30, 98%, 59%);
    --second-light: hsl(30, 100%, 96%);
    --font-family: "Open sans", sans-serif;
    --line-height: 1.8;
    --line-height-header: 1.5;
    --line-height-paragraaf: 1.25;
    --one-rem: 20px;
    quotes: "“" "”";
    --button-bgcolor: var(--main-color);
    --button-color: var(--white);
    --marker: var(--main-color);
    --m-bottom: 3rem;
}

*::selection {
    color: var(--white);
    background-color: var(--main-color);
}

:is(.route__wonen) {
    --marker: var(--second-color);
}

    :is(.route__wonen) *::selection {
        color: var(--black);
        background-color: var(--second-color);
    }

body {
    width: 100%;
    height: 100vh;
    position: relative;
    margin: 0;
    overflow-x: hidden;
    padding: 0 !important;
}

    body .page-body {
        width: 100%;
        max-width: 1920px;
        margin: auto;
        position: relative;
        overflow-x: hidden;
    }

        body .page-body main {
            max-width: 66rem;
            margin: auto;
            width: 100%;
        }

html {
    font-family: "Open Sans", sans-serif;
    font-size: var(--one-rem);
    color: light-dark(black, white);
    font-weight: 400;
    line-height: var(--line-height);
    word-break: break-word;
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    font-feature-settings: "liga" 0;
}

@media (max-width: 950px) {
    html {
        font-size: 18px;
    }
}

h1, h2, h3 {
    line-height: 1.2;
}

h1 {
    font-size: 3.6rem;
    font-weight: 700;
    position: absolute;
    top: 3rem;
    left: 12rem;
    color: var(--white);
    max-width: 33rem;
    line-height: 1.2;
    text-shadow: 3px 3px 0px var(--black);
}

@media (max-width: 1320px) {
    h1 {
        left: 1rem;
    }
}

@media (max-width: 540px) {
    h1 {
        left: 1rem;
        font-size: 2.5rem;
    }
}

h2, h3 {
    margin: 1rem 0;
}

h2 {
    font-size: 2.1rem;
    font-weight: 700;
}

@media (max-width: 540px) {
    h2 {
        font-size: 2rem;
    }
}

:is(.route) h2 {
    font-size: 1.6rem;
    border-bottom: 0.33rem solid var(--button-bgcolor);
    line-height: 1.05;
    width: max-content;
}

:is(.header__intro) h2 {
    text-align: center;
}

h3 {
    font-size: 1.6rem;
    font-weight: 700;
}

p.intro {
    text-align: center;
    max-width: 47.6rem;
    margin: auto;
}

ol li::marker, ul li::marker {
    color: var(--marker);
}

a {
    color: var(--main-color);
    text-decoration: underline;
    font-weight: 700;
}

footer {
    background-color: var(--main-color);
    height: 2.5rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

    footer > p {
        color: var(--white);
        margin: auto;
        font-weight: bold;
        font-size: 0.9rem;
    }

    footer:after {
        background-color: var(--main-color);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        content: "";
    }

@media (min-width: 1440px) {
    footer:after {
        width: 500%;
        left: -250%;
    }
}

.header {
    position: relative;
    height: max-content;
}

    .header > img {
        width: 100%;
        height: 500px;
        object-fit: cover;
    }

@media (max-width: 950px) {
    .header > img {
        height: 350px;
        object-fit: cover;
    }
}

.header__intro {
    margin: auto;
    background-color: var(--white);
    border-radius: 2rem;
    padding: 2rem 5rem 4rem;
    position: relative;
    bottom: 4rem;
    margin-bottom: -4rem;
    max-width: 80%;
}

@media (max-width: 950px) {
    .header__intro {
        max-width: 100%;
        padding: 2rem 1.5rem;
    }
}

.nav {
    height: 4rem;
    background-color: var(--white);
    padding: 0 1rem;
    display: flex;
    align-items: center;
    max-width: 66rem;
    margin: auto;
}

@media (max-width: 540px) {
    .nav {
        flex-direction: column;
        padding: 1rem;
        width: fit-content;
    }
}

.nav__links {
    margin-left: auto;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    height: 100%;
}

    .nav__links > a {
        font-weight: bold;
        font-size: 1.1rem;
        color: var(--main-color);
        text-decoration: none;
    }

.partners {
    padding-bottom: var(--m-bottom);
}

@media (max-width: 1440px) {
    .partners {
        padding: 0 1.5rem var(--m-bottom);
    }
}

.partners__flex {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 2rem;
}

@media (max-width: 1440px) {
    .partners__flex {
        flex-wrap: wrap;
        gap: 2rem;
    }
}

.partners__flex img {
    transform: scale(1);
}

    .partners__flex img:hover {
        transform: scale(1.05);
    }

.route {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 3rem;
    margin: 0 auto var(--m-bottom);
}

    .route > div {
        width: calc(50% - 3rem);
    }

@media (max-width: 1440px) {
    .route {
        padding: 0 1.5rem;
    }
}

@media (max-width: 952px) {
    .route {
        flex-direction: column;
    }

        .route > div {
            width: 100%;
        }
}

.route__contact {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.werkgebied {
    position: relative;
    max-width: 66rem;
    margin: 0 auto var(--m-bottom);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    background-color: var(--second-light);
    padding: 3rem 0;
}

@media (max-width: 1440px) {
    .werkgebied {
        padding: 3rem 1.5rem;
    }
}

@media (min-width: 1440px) {
    .werkgebied {
        width: 100%;
    }
}

.werkgebied:after {
    background-color: var(--second-light);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    content: "";
}

@media (min-width: 1440px) {
    .werkgebied:after {
        width: 500%;
        left: -250%;
    }
}

@media (max-width: 952px) {
    .werkgebied {
        flex-direction: column;
    }

        .werkgebied > div {
            width: 100%;
        }
}

.werkgebied__body {
    width: calc(50% - 1.5rem);
}

.werkgebied > img {
    width: calc(50% - 1.5rem);
}

@media (max-width: 952px) {
    .werkgebied > img {
        width: calc(100% - 1.5rem);
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

:is(.route__wonen) {
    --button-bgcolor: var(--second-color);
    --button-color: var(--black);
}

    :is(.route__wonen) .btn--phone::before {
        height: 1rem;
        width: 1rem;
        content: "";
        background: url("/images/rivierenland/tel.svg");
        filter: invert(1);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    :is(.route__wonen) .btn--mail::before {
        height: 1rem;
        width: 1rem;
        content: "";
        background: url("/images/rivierenland/mail.svg");
        filter: invert(1);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    :is(.route__wonen) a.btn--doc::before {
        height: 1rem;
        width: 1rem;
        content: "";
        background: url("/images/rivierenland/pdf.svg");
        filter: invert(1);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    :is(.route__wonen) .btn--portal::before {
        height: 1rem;
        width: 1rem;
        content: "";
        background: url("/images/rivierenland/login.svg");
        filter: invert(1);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

p:has(.btn--phone) {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1rem;
}

p:has(.btn--mail) {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1rem;
}

p:has(.btn--doc) {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1rem;
}

p:has(.btn--portal) {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1rem;
}

.btn {
    background-color: var(--button-bgcolor);
    color: var(--button-color);
    height: 3rem;
    width: max-content;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0 1rem;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1rem;
    margin: 1rem 0;
}

.btn--phone {
    background-color: var(--button-bgcolor);
    color: var(--button-color);
    min-height: 3rem;
    width: max-content;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0 1rem;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1rem;
    margin: 1rem 0;
}

    .btn--phone::before {
        height: 1rem;
        width: 1rem;
        content: "";
        background: url("/images/rivierenland/tel.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        flex: none;
    }

.btn--mail {
    background-color: var(--button-bgcolor);
    color: var(--button-color);
    height: 3rem;
    width: max-content;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0 1rem;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1rem;
    margin: 1rem 0;
}

    .btn--mail::before {
        height: 1rem;
        width: 1rem;
        content: "";
        background: url("/images/rivierenland/mail.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

a.btn--doc {
    background-color: var(--button-bgcolor);
    color: var(--button-color);
    min-height: 3rem;
    width: max-content;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0 1rem;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1rem;
    margin: 1rem 0;
}

    a.btn--doc::before {
        height: 1rem;
        width: 1rem;
        content: "";
        background: url("/images/rivierenland/pdf.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        flex: none;
    }

.btn--portal {
    background-color: var(--button-bgcolor);
    color: var(--button-color);
    height: 3rem;
    width: max-content;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0 1rem;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1rem;
    margin: 1rem 0;
}

    .btn--portal::before {
        height: 1rem;
        width: 1rem;
        content: "";
        background: url("/images/rivierenland/login.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Source/santepartners/Src/WebCit.Web/css/scss/6-rivierenland/normalize.scss%22,%22file:///C:/Source/santepartners/Src/WebCit.Web/css/scss/6-rivierenland/fonts.scss%22,%22file:///C:/Source/santepartners/Src/WebCit.Web/css/scss/6-rivierenland/variables.scss%22,%22file:///C:/Source/santepartners/Src/WebCit.Web/css/scss/6-rivierenland/base.scss%22,%22file:///C:/Source/santepartners/Src/WebCit.Web/css/scss/6-rivierenland/typo.scss%22,%22file:///C:/Source/santepartners/Src/WebCit.Web/css/scss/6-rivierenland/footer.scss%22,%22file:///C:/Source/santepartners/Src/WebCit.Web/css/scss/6-rivierenland/header.scss%22,%22file:///C:/Source/santepartners/Src/WebCit.Web/css/scss/6-rivierenland/navigation.scss%22,%22file:///C:/Source/santepartners/Src/WebCit.Web/css/scss/6-rivierenland/partners.scss%22,%22file:///C:/Source/santepartners/Src/WebCit.Web/css/scss/6-rivierenland/route.scss%22,%22file:///C:/Source/santepartners/Src/WebCit.Web/css/scss/6-rivierenland/werkgebied.scss%22,%22file:///C:/Source/santepartners/Src/WebCit.Web/css/scss/6-rivierenland/utilities.scss%22,%22file:///C:/Source/santepartners/Src/WebCit.Web/css/scss/6-rivierenland/buttons.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22;AAAC;EACG;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAIJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;AAAA;EAEI;;;AAGJ;AAAA;AAAA;EAGI;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;;AAGJ;AAAA,QACQ;EACJ;;;AAGJ;AAAA,SACS;EACL;;;AAGJ;AAAA;AAAA;AAAA;EAII;;;AAGJ;AAAA;AAAA;AAAA;EAII;EACA;;;AAGJ;AAAA;AAAA;AAAA;EAII;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAIJ;AAAA;AAAA;AAAA;EAII;;;ACtMJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;ACzBJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACG;;AACC;EACI;EACA;;;AC3BR;EACI;EACA;EACA;EACA;EACA;EACA;;AACD;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;;ACfX;EACC;EACA;EACA;EACA,aF2BS;EE1BT;EACA;EACA;EACA;EACA;;AACA;EAVD;IAWE;;;;AAIF;EACC;;;AAGD;EACC;EACA,aFWM;EEVN;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXD;IAYE;;;AAGD;EAfD;IAgBE;IACA;;;;AAIF;EACC;;;AAGD;EACC;EACA,aFdM;;AEgBN;EAJD;IAKE;;;;AAIF;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA,aFlCM;;;AEsCN;EACC;EACA;EACA;;;AAKD;EACC;;;AAIF;EACC;EACA;EACA,aFtDM;;;AGjCP;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATD;IAUE;IACA;;;;AC1BH;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EALD;IAME;IACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMA;EAdD;IAeE;IACA;;;;AC/BH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EAVD;IAWE;IACA;IACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;;AC9BH;EACC;;AAEA;EAHD;IAIE;;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAEA;EAPD;IAQE;IACA;;;AAGD;EACC;;AAGA;EACC;;;ACxBJ;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EAXD;IAYE;;;AAGD;EAfD;IAgBE;;EAEA;IACC;;;AAIF;EACC;EACA;EACA;EACA;;;AC3BF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXD;IAYE;;;AAGD;EAfD;IAgBE;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATD;IAUE;IACA;;;AAIF;EAlCD;IAmCE;;EAEA;IACC;;;AAIF;EACC;;AAGD;EACC;;AAEA;EAHD;IAIE;;;;AClDH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;ACPD;EACI;EACA;;AAKI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAOJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAOJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAOJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMR;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aVvEG;EUwEH;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aVzFG;EU0FH;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aVtHG;EUuHH;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aVrJG;EUsJH;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aVlLG;EUmLH;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA%22%7D */