@font-face {
    font-family: 'Open Sans Regular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
    url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans Italic';
    src: url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
    url('../fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans Semibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
    url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans Semibold Italic';
    src: url('../fonts/opensans-semiboldbolditalic-webfont.woff2') format('woff2'),
    url('../fonts/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans Bold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
    url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans BoldItalic';
    src: url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
    url('../fonts/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

  
  :root {
    --wijbegintbijjou-font-family-body: 'Open Sans Regular', sans-serif;
    --wijbegintbijjou-font-family-heading: 'Open Sans Bold', sans-serif;
  }
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
body {
    margin: 0;
    font-family: var(--wijbegintbijjou-font-family-body);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #22262a;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25;
}

hr:not([size]) {
    height: 1px;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 700;
    font-family: var(--wijbegintbijjou-font-family-heading);
    color: var(--wijbegintbijjou-color-heading);
    letter-spacing: 0.3px;
}

h1, .h1,
.page-header h2 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: none;
    padding-bottom: 40px;
}
.page-header h2 {
    padding-top: 0;
}
h1:after,
.h1:after,
.page-header h2:after {
    border-bottom: 1px solid var(--wijbegintbijjou-color-heading);
    content: "";
    display: block;
    margin: 16px 0 0;
    width: 125px;
}

    h1, .h1 {
        font-size: calc(1.625rem + 0.9vw);
    }


h2, .h2 {
    font-size: calc(1.3rem + 0.5vw);
    padding-top: 26px;
}

h3, .h3 {
    font-size: calc(1.1rem + 0.4vw);
padding-top: 1rem;
}

h4, .h4 {
    font-size: calc(1rem + 0.3vw);
}


h5, .h5 {
    font-size: 1rem;
    font-weight: 500;
}

h6, .h6 {
    font-size: 1rem;
}

p {
    margin-top: 0;
    line-height: 1.9;
    word-wrap: break-word;
    display: block;
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0px;
margin-inline-end: 0px;
}

address {
    margin-bottom: 0;
    font-style: normal;
    line-height: 1.9;
}

address, .address {
    font-style: normal;
    font-weight: 500;
    background-size: 22px;
    background-repeat: no-repeat;
    padding-left: 40px;
    display: block;
    background-position: 0 5px;
    word-break: break-word;
}
address, .address a {
    text-decoration: none;
} 
address.persoon,
address.contact-naam,
address.contactnaam {
    background-image: url("/images/address/persoon.svg");
}

address.klok {
    background-image: url("/images/address/klok.svg");

}

address.telefoonnummer,
address.contact-telefoonnummer {
    background-image: url("/images/address/telefoonnummer.svg");
    background-position: 0 4px;
}

address.adres {
    background-image: url("/images/address/map.svg");
}

address.emailadres, address.contact-email {
    background-image: url("/images/address/mail.svg");
     background-position: 0 4px;
}

address.twitter {
    background-image: url("/images/address/twitter.svg");
}

address.facebook {
    background-image: url("/images/address/facebook.svg");
    height: 45px;
}

address.pdf {
    background-image: url("/images/address/pdf.svg");
    line-height: 32px;
}

address.formulier {
    background-image: url("/images/address/formulier.svg");
}

address.contact-email,
address.contact-telefoonnummer,
address.contact-naam {
    margin-left: 120px;
}

.contact-portret {
    width: 100px;
    height: auto!important;
    border-radius: 50%;
    margin-left: -40px;
    margin-bottom: 40px;
    display: flex;
}
address.contact-naam {
    background-position: 0 8px;
}
address.contact-naam {
    padding-top: 5px;
    font-weight: 700;
}
.com-content-article__body > ul li {
    list-style: none;
    list-style-position: outside;
    line-height: 1.6;
}
.blog__item > .item-content > ul li::marker,
.com-content-article__body > ul li::before {
    content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: var(--wijbegintbijjou-color-primary) !important; /* Change the color */
    font-size: 1.25rem;
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

ul {
    padding-left: 0;
}
ol {
    padding-left: 1rem;
}

ol,
ul,
dl {
    margin-bottom: 1.5rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small, .small {
    font-size: 0.875em;
}

mark, .mark {
    padding: 0.2em;
    background-color: #fbeea8;
}
.card-header {
    font-weight: 600;
}
.card-header:after {
    border-bottom: 1px solid lightgrey;
    content: "";
    display: block;
    margin: 16px 0 0;
    width: 65px;
}

a {
    color: var(--wijbegintbijjou-color-link);
    text-decoration: underline;
}

a:hover {
    color: var(--wijbegintbijjou-color-hover);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 0.875em;
    color: white;
    background-color: #22262a;
    border-radius: 0.2rem;
}

kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700;
}

figure {
    margin: 0 0 1rem;
}

table {
    caption-side: bottom;
    border-collapse: collapse;
}

caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #6d757e;
    text-align: left;
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

label {
    display: inline-block;
}

.contact-title {
    font-size: 1.5rem;
}

span.contact-link {
    font-size: 1.5rem;
    font-weight: 700;
    border-bottom: 1px solid var(--wijbegintbijjou-color-heading);
    padding: 10px 0;
}