/* =========================================================================
*
* Core styling (do not edit these files)
*
* ====================================================================== */
/* =========================================================================
*
* A normalize plugin to make browsers behave more equal
*
* - More info: github.com/necolas/normalize.css
* - With this file we don't need to use a reset stylesheet
*
* ====================================================================== */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
/* 1 */
display: block;
}
/**
* Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template,
[hidden] {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a,
html div#cookie-bar a {
background-color: transparent;
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/* Forms
========================================================================== */
/**
* Change font properties to `inherit` in all browsers (opinionated).
*/
button,
input,
select,
textarea {
font: inherit;
}
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: 600;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
* 2. Show the overflow in Edge, Firefox, and IE.
*/
button,
input,
select {
/* 2 */
overflow: visible;
}
/**
* Remove the margin in Safari.
* 1. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea {
/* 1 */
margin: 0;
}
/**
* Remove the inheritence of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritence of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Change the cursor in all browsers (opinionated).
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer;
}
/**
* Restore the default cursor to disabled elements unset by the previous rule.
*/
[disabled] {
cursor: default;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
input:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* Correct the odd appearance of search inputs in Chrome and Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
}
/**
* Remove the inner padding and cancel buttons in Chrome on OS X and
* Safari on OS X.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/* =========================================================================
*
* This stylesheet is still needed because Kirra templates use some of these essential class names
* You can also use these class names in your own styling as extends or mixins
*
* ====================================================================== */
.clearfix:after,
.cf:after {
content: '';
display: table;
clear: both;
}
.nomargin,
.nom {
margin: 0;
}
.nopadding .nop {
padding: 0;
}
.nomp {
margin: 0;
padding: 0;
}
.block {
display: block;
}
.dnone {
display: none;
}
.inline {
display: inline;
}
.center {
display: block;
margin: auto;
}
.hide,
.hidden {
position: absolute;
left: -9999px;
}
.fleft {
float: left;
}
.fright {
float: right;
}
.clear {
clear: both;
}
.cleft {
clear: left;
}
.cright {
clear: right;
}
.tcenter {
text-align: center;
}
.tleft {
text-align: left;
}
.tright {
text-align: right;
}
.vbottom {
vertical-align: bottom;
}
.vmiddle {
vertical-align: middle;
}
.vtop {
vertical-align: top;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.fixed {
position: fixed;
}
.overflow {
overflow: hidden;
}
.b,
.bold,
.strong {
font-weight: 600;
}
.i,
.em,
.italic {
font-style: italic;
}
.normal {
font-weight: normal;
}
.u,
.underline {
text-decoration: underline;
}
.tnone {
text-decoration: none;
}
.small {
font-size: 0.9em;
}
.lower {
text-transform: lowercase;
}
.upper {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
.truncate {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.default {
cursor: default;
}
.pointer,
.js-hover {
cursor: pointer;
}
.mobiletext {
display: none;
}
.break-word {
-ms-word-break: break-word;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.hide-from-layout {
display: none !important;
}
/* =========================================================================
*
* This stylesheet makes elements behave the we iWink wants them to
*
* ====================================================================== */
address {
font-style: normal;
}
[type=search] {
box-sizing: border-box;
-webkit-appearance: none;
}
picture {
display: block;
width: 100%;
}
img {
max-width: 100%;
display: block;
position: relative;
font-size: 1.3rem;
}
img:before {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: #EDEDEB;
text-align: center;
}
img:after {
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
position: absolute;
top: 50%;
left: 50%;
content: "✖ " attr(alt);
color: #999;
}
img[src*='.svg'] {
max-width: none;
width: 100%;
}
.responsive-image {
position: relative;
}
.responsive-image > img {
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
max-width: none;
}
ul,
ol {
list-style: none;
}
td,
dd,
figure {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
iframe {
border: 0;
}
hr {
height: 0;
padding: 0;
border: 0;
overflow: hidden;
display: block;
clear: both;
}
[href^='mailto'] {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
[href^='tel:'] {
cursor: text;
text-decoration: none;
color: #606060;
}
[href^='tel:']:hover,
[href^='tel:']:focus {
color: currentColor;
text-decoration: none;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
.icalendar {
box-sizing: content-box;
}
.component-twitter s,
.comp-twitter s,
.comp-tweet s {
text-decoration: none;
}
@media (min-width: 769px) {
.kirra-frontend-bar-enabled {
margin-top: 36px !important;
}
.kirra-frontend-bar-enabled .nav-toggle,
.kirra-frontend-bar-enabled .page-mobile-nav-container {
top: 36px;
}
}
@media (max-width: 768px) {
.frontend-bar {
border-radius: 2.4rem;
box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.125);
line-height: 3rem;
font-size: 1.3rem;
position: fixed;
bottom: 1.5rem;
left: 1.5rem;
background: #fff;
padding: 1.5rem 1.5rem 0;
}
.frontend-bar ul,
.frontend-bar p {
margin-bottom: 1.5rem;
}
.frontend-bar ul:not(.right) {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.frontend-bar ul:not(.right) a:before {
content: attr(title);
}
.frontend-bar ul:not(.right) li:not(:first-child) {
margin-left: 3rem;
}
}
.btn-default,
.btn,
.read-more,
button,
[type=submit],
html div#cookie-bar span.cookie-buttons .allow-cookies,
html .cookie-explanation button.request-cookies,
.call-to-action,
.form-input-file .file-input-btn,
.btn-confirm {
transition: 0.2s ease-out;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 1.5rem;
cursor: pointer;
}
/* =========================================================================
*
* This is a very important stylesheet because it handles the behaviour of our main columns of the lay-out:
* - The left column
* - The middle column
* - The right column
*
* More info about the semantics of the website can be found on: http://html5doctor.com/
*
* ====================================================================== */
html,
body {
overflow-x: hidden;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
html {
box-sizing: border-box;
}
body {
background: #F0F0ED;
}
.page-website-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: calc(100vh - 6rem);
}
@media (max-width: 63.9375em) {
.page-website-wrapper {
min-height: calc(100vh - 6rem);
}
}
@media (min-width: 768px) {
.kirra-frontend-bar-enabled .page-website-wrapper {
min-height: calc(100vh - 6rem - 36px);
}
}
@media (min-width: 768px) and (max-width: 63.9375em) {
.kirra-frontend-bar-enabled .page-website-wrapper {
min-height: calc(100vh - 6rem - 36px);
}
}
.page-wrapper {
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
.page-wrapper > .inner {
background: none;
}
.page-content {
margin-left: -1.5rem;
margin-right: -1.5rem;
}
.page-column,
.page-middle,
.page-left,
.page-right {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.page-middle {
-ms-flex-order: 2;
-webkit-order: 2;
-ms-order: 2;
order: 2;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 33.33333333%;
}
.page-left {
-ms-flex-order: 1;
-webkit-order: 1;
-ms-order: 1;
order: 1;
width: 33.33333333%;
}
.page-right {
-ms-flex-order: 3;
-webkit-order: 3;
-ms-order: 3;
order: 3;
width: 33.33333333%;
}
.page-extracontent {
-ms-flex-order: 4;
-webkit-order: 4;
-ms-order: 4;
order: 4;
}
.inner {
display: block;
margin-left: auto;
margin-right: auto;
padding-left: 3rem;
padding-right: 3rem;
width: 100%;
max-width: 141rem;
position: relative;
}
.page-overview {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 3rem;
}
.page-overview[data-alignment='center'] {
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.page-overview[data-alignment='right'] {
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
}
.page-overview[data-gutter='1'] {
margin-left: -1.5rem;
margin-right: -1.5rem;
margin-bottom: 0;
}
.page-overview[data-gutter='1'] > .page-overview-block {
padding-left: 1.5rem;
padding-right: 1.5rem;
margin-bottom: 3rem;
}
.page-overview[data-gutter='1'] > h1,
.page-overview[data-gutter='1'] > h2,
.page-overview[data-gutter='1'] > .webapp-table caption,
.page-overview[data-gutter='1'] > .component-alinea table caption {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.page-overview[data-gutter='0'] .text {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.page-overview > h1,
.page-overview > h2,
.page-overview > .webapp-table caption,
.page-overview > .component-alinea table caption {
width: 100%;
}
.extra-column-wrapper {
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
padding: 0 1.5rem;
}
@-webkit-keyframes scale {
0% {
-webkit-transform: scale(0);
}
50% {
-webkit-transform: scale(1);
}
100% {
-webkit-transform: scale(0);
}
}
@keyframes scale {
0% {
transform: scale(0);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
[data-width]:not(.wrapper-is-loaded) {
position: relative;
min-height: 30px;
}
[data-width]:not(.wrapper-is-loaded) .page-overview-block {
display: none;
}
[data-width]:not(.wrapper-is-loaded):before {
-webkit-animation: scale 1s linear infinite;
animation: scale 1s linear infinite;
border-radius: 50%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
border: 4px solid #741473;
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
color: #741473;
text-align: center;
}
[data-width] .page-overview-block {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
[data-columns='1'] > .page-overview-block {
width: 100%;
}
[data-columns='2'] > .page-overview-block {
width: 50%;
}
[data-columns='3'] > .page-overview-block {
width: 33.33333333%;
}
[data-columns='4'] > .page-overview-block {
width: 25%;
}
[data-columns='5'] > .page-overview-block {
width: 20%;
}
[data-columns='6'] > .page-overview-block {
width: 16.66666667%;
}
.page-overview-block .image {
position: relative;
padding-top: 66.66666667%;
}
.page-overview-block .image > div {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding-top: 0 !important;
}
.page-overview-block .image > img {
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
width: auto;
max-width: none;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
}
.page-overview-block .image[data-image-alignment='center'] img {
-webkit-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
top: 50% !important;
}
.page-overview-block .image[data-image-alignment='bottom'] img {
top: auto !important;
bottom: 0 !important;
}
[data-gutter='1'] .page-overview-block .image {
margin-bottom: 3rem;
}
.page-overview-block-inner {
display: block;
text-decoration: none;
width: 100%;
}
a.page-overview-block-inner,
a.page-overview-block-inner:hover,
a.page-overview-block-inner:focus {
color: #606060;
}
/* =========================================================================
*
* All text styles are set here
*
* ====================================================================== */
html {
font-size: 62.5%;
}
body {
font-family: 'Source Sans Pro', sans-serif;
font-size: 1.8em;
line-height: 1.66666667;
color: #606060;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: none;
}
h1,
h2,
h3,
h4,
legend,
.page-topcontent .tagline,
.webapp-table caption,
.component-alinea table caption,
.webbeheer-formulier h2,
.webbeheer-formulier legend,
.app-component-homepagecrosslinklist h2,
.component-crosslinkslist h2,
.page-right .component-crosslinkslist h2,
.webbeheer-formulier .webapp-table caption,
.app-component-homepagecrosslinklist .webapp-table caption,
.component-crosslinkslist .webapp-table caption,
.page-right .component-crosslinkslist .webapp-table caption,
.webbeheer-formulier .component-alinea table caption,
.app-component-homepagecrosslinklist .component-alinea table caption,
.component-crosslinkslist .component-alinea table caption,
.page-right .component-crosslinkslist .component-alinea table caption {
-webkit-transform: translateZ(0);
transform: translateZ(0);
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
line-height: 1.2;
text-rendering: optimizelegibility;
margin: 0;
}
.touch-device h1,
.touch-device h2,
.touch-device h3,
.touch-device h4,
.touch-device .page-topcontent .tagline,
.touch-device .webapp-table caption,
.touch-device .component-alinea table caption,
.touch-device .webbeheer-formulier h2,
.touch-device .webbeheer-formulier legend,
.touch-device .component-crosslinkslist h2,
.touch-device .page-right .component-crosslinkslist h2,
.touch-device .webbeheer-formulier .webapp-table caption,
.touch-device .component-crosslinkslist .webapp-table caption,
.touch-device .page-right .component-crosslinkslist .webapp-table caption,
.touch-device .webbeheer-formulier .component-alinea table caption,
.touch-device .component-crosslinkslist .component-alinea table caption,
.touch-device .page-right .component-crosslinkslist .component-alinea table caption {
text-rendering: optimizeSpeed;
}
h1 {
font-size: 5.8rem;
}
h2,
legend,
.webapp-table caption,
.component-alinea table caption {
font-size: 2.4rem;
}
h3,
.webbeheer-formulier h2,
.webbeheer-formulier legend,
.component-crosslinkslist h2,
.webbeheer-formulier .webapp-table caption,
.component-crosslinkslist .webapp-table caption,
.webbeheer-formulier .component-alinea table caption,
.component-crosslinkslist .component-alinea table caption {
font-size: 2rem;
}
h4,
.page-topcontent .tagline,
.app-component-homepagecrosslinklist h2,
.page-right .component-crosslinkslist h2,
.app-component-homepagecrosslinklist .webapp-table caption,
.page-right .component-crosslinkslist .webapp-table caption,
.app-component-homepagecrosslinklist .component-alinea table caption,
.page-right .component-crosslinkslist .component-alinea table caption {
font-size: 1.8rem;
}
p,
address,
ul,
ol,
table,
blockquote,
dl,
hr {
margin: 0 0 1.5rem;
padding: 0;
}
/* =========================================================================
*
* Default tooltip styling
*
* ====================================================================== */
[data-title] {
position: relative;
}
[data-title]:after {
transition: 0.2s ease-out;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
content: attr(data-title);
display: inline-block;
white-space: nowrap;
font-weight: normal;
font-style: normal;
line-height: 1.66666667;
position: absolute;
bottom: 100%;
left: 50%;
z-index: 10;
}
/* =========================================================================
*
* Main navigation styling (in the header)
*
* ====================================================================== */
.page-mainmenu li,
.page-topmenu li {
position: relative;
}
.page-mainmenu .level-1,
.page-topmenu .level-1 {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-bottom: 0;
}
.page-mainmenu .level-1-item > a,
.page-topmenu .level-1-item > a {
display: inline-block;
}
.page-mainmenu .level-1-item ul,
.page-topmenu .level-1-item ul {
transition: 0.2s ease-out;
position: absolute;
margin: 0;
}
.page-mainmenu .level-2,
.page-topmenu .level-2 {
left: 0;
top: 100%;
z-index: 10;
}
.page-mainmenu .level-2 a,
.page-topmenu .level-2 a {
display: block;
}
.page-mainmenu .level-2 ul,
.page-topmenu .level-2 ul {
left: 100%;
top: 0;
}
.video-wrapper {
padding-top: 56.25%;
position: relative;
}
.video-wrapper > * {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/* =========================================================================
*
* Styling the website's breadcrumb
*
* - Depends on the variable @breadcrumb in variables.less
*
* ====================================================================== */
.page-breadcrumb > ol {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin: 0;
}
/* =========================================================================
*
* This styling handles our responsive navigation
*
* - Depends on the variable @responsive in variables.less
*
* ====================================================================== */
.nav-trigger {
display: none;
}
.nav-toggle {
transition: 0.4s ease-in-out;
top: 0;
display: none;
cursor: pointer;
position: fixed;
font-size: 1.3rem;
text-align: center;
z-index: 10;
width: 6rem;
height: 6rem;
background: #AFBD21;
}
.nav-toggle-lines {
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
position: absolute;
top: 50%;
left: 50%;
border-radius: 0.1rem;
transition: 0.2s ease-in-out;
display: block;
width: 3rem;
height: 0.2rem;
background: #741473;
position: relative;
}
.nav-toggle-lines:before,
.nav-toggle-lines:after {
border-radius: 0.1rem;
transition: 0.2s ease-in-out;
-webkit-transform: translateZ(0);
transform: translateZ(0);
content: '';
height: 100%;
background: #741473;
width: 100%;
position: absolute;
display: block;
top: 0;
left: 0;
}
.nav-toggle-lines:before {
-webkit-transform: translateY(0.1rem) translateY(-0.8rem);
transform: translateY(0.1rem) translateY(-0.8rem);
}
.nav-toggle-lines:after {
-webkit-transform: translateY(-0.1rem) translateY(0.8rem);
transform: translateY(-0.1rem) translateY(0.8rem);
}
.page-mobile-nav-container {
display: none;
position: fixed;
top: 0;
bottom: 0;
width: 0;
z-index: 110;
}
.nav-closer {
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: 0.4s ease-in-out;
will-change: opacity;
content: '';
background: rgba(0, 0, 0, 0.5);
width: 100vw;
position: absolute;
top: 0;
bottom: 0;
display: block;
opacity: 0;
visibility: hidden;
cursor: url('../../bundles/iwinkstandardassets/img/cursor-close.png'), auto;
z-index: -1;
}
.nav-wrapper {
transition: 0.4s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
height: 100%;
background: #AFBD21;
overflow: auto;
-webkit-overflow-scrolling: touch;
position: absolute;
top: 0;
}
.nav-wrapper a {
display: block;
}
.nav-wrapper li {
position: relative;
}
.nav-wrapper ul {
margin: 0;
}
.nav-wrapper ul ul {
overflow: hidden;
}
.nav-wrapper .open-subnav {
-webkit-tap-highlight-color: transparent;
position: absolute;
top: 0;
right: 0;
text-align: center;
cursor: pointer;
}
.nav-wrapper .open-subnav:before {
transition: 0.2s ease-out;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
position: absolute;
top: 50%;
left: 50%;
}
/* =========================================================================
*
* Styling when the @navBreakpoint is reached
*
* ====================================================================== */
@media (max-width: 63.9375em) {
.page-header,
.page-website-wrapper {
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: 0.4s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}
.nav-toggle,
.page-mobile-nav-container {
display: block;
}
.nav-trigger:checked ~ .page-mobile-nav-container .nav-toggle span {
background: transparent;
}
.nav-trigger:checked ~ .page-mobile-nav-container .nav-toggle span:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-trigger:checked ~ .page-mobile-nav-container .nav-toggle span:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-trigger:checked ~ .page-mobile-nav-container .nav-closer {
opacity: 1;
visibility: visible;
}
/* =========================================================================
*
* Styling when the responsive navigation flies in from the left
*
* ====================================================================== */
/* =========================================================================
*
* Styling when the responsive navigation flies in from the right
*
* ====================================================================== */
.nav-toggle {
right: 0;
}
.page-mobile-nav-container {
right: 0;
}
.nav-wrapper {
-webkit-transform: translate3d(32rem, 0, 0);
transform: translate3d(32rem, 0, 0);
width: 32rem;
right: 0;
}
.nav-wrapper:before {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
left: 0;
}
.nav-closer {
right: 0;
}
.nav-trigger:checked ~ .page-header,
.nav-trigger:checked ~ .page-website-wrapper {
-webkit-transform: translateX(-16rem);
transform: translateX(-16rem);
}
.nav-trigger:checked ~ .page-mobile-nav-container .nav-toggle {
-webkit-transform: translateX(-32rem);
transform: translateX(-32rem);
}
.nav-trigger:checked ~ .page-mobile-nav-container .nav-wrapper {
-webkit-transform: translateX(0);
transform: translateX(0);
}
/* =========================================================================
*
* Styling when the responsive navigation flies in from the top
*
* ====================================================================== */
/* =========================================================================
*
* Styling when the responsive navigation flies in as an overlay
*
* ====================================================================== */
}
/* =========================================================================
*
* For icons we use fontastic.me
*
* For more info see icons.less in the project folder
*
* - Depends on the variable @icons in variables.less
*
* ====================================================================== */
@font-face {
font-family: 'zorggroep-meander';
src: url("data:font/woff;base64,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") format('woff'), url("data:font/ttf;base64,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") format('truetype'), url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmetadata%3EGenerated%20by%20Fontastic.me%3C%2Fmetadata%3E%0A%3Cdefs%3E%0A%3Cfont%20id%3D%22zorggroep-meander%22%20horiz-adv-x%3D%22512%22%3E%0A%3Cfont-face%20font-family%3D%22zorggroep-meander%22%20units-per-em%3D%22512%22%20ascent%3D%22480%22%20descent%3D%22-32%22%2F%3E%0A%3Cmissing-glyph%20horiz-adv-x%3D%22512%22%20%2F%3E%0A%0A%3Cglyph%20glyph-name%3D%22home%22%20unicode%3D%22%26%2397%3B%22%20d%3D%22M461%20337l-192%20149c-9%207-19%207-26%200l-192-149c-6-4-8-11-8-17l0-235c0-36%2027-64%2064-64l298%200c37%200%2064%2028%2064%2064l0%20235c0%206-2%2013-8%2017z%20m-162-273l-86%200%200%20171%2086%200z%20m128%2021c0-12-9-21-22-21l-64%200%200%20192c0%2013-8%2021-21%2021l-128%200c-13%200-21-8-21-21l0-192-64%200c-13%200-22%209-22%2021l0%20224%20171%20133%20171-133z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22search%22%20unicode%3D%22%26%2398%3B%22%20d%3D%22M463%2079l-96%2096c23%2030%2038%2070%2038%20113%200%20100-81%20181-181%20181-100%200-181-81-181-181%200-100%2081-181%20181-181%2043%200%2081%2015%20113%2038l96-96c4-4%2011-6%2015-6%204%200%2011%202%2015%206%208%209%208%2021%200%2030z%20m-378%20209c0%2077%2062%20139%20139%20139%2077%200%20139-62%20139-139%200-38-15-73-41-98-25-26-60-41-98-41-77%200-139%2062-139%20139z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22user%22%20unicode%3D%22%26%2399%3B%22%20d%3D%22M427%2043c-13%200-22%208-22%2021l0%2043c0%2036-27%2064-64%2064l-170%200c-37%200-64-28-64-64l0-43c0-13-9-21-22-21-12%200-21%208-21%2021l0%2043c0%2059%2047%20106%20107%20106l170%200c60%200%20107-47%20107-106l0-43c0-13-9-21-21-21z%20m-171%20213c-60%200-107%2047-107%20107%200%2059%2047%20106%20107%20106%2060%200%20107-47%20107-106%200-60-47-107-107-107z%20m0%20171c-36%200-64-28-64-64%200-37%2028-64%2064-64%2036%200%2064%2027%2064%2064%200%2036-28%2064-64%2064z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22user-check%22%20unicode%3D%22%26%23100%3B%22%20d%3D%22M341%2043c-12%200-21%208-21%2021l0%2043c0%2036-28%2064-64%2064l-149%200c-37%200-64-28-64-64l0-43c0-13-9-21-22-21-12%200-21%208-21%2021l0%2043c0%2059%2047%20106%20107%20106l149%200c60%200%20107-47%20107-106l0-43c0-13-9-21-22-21z%20m-160%20213c-59%200-106%2047-106%20107%200%2059%2047%20106%20106%20106%2060%200%20107-47%20107-106%200-60-47-107-107-107z%20m0%20171c-36%200-64-28-64-64%200-37%2028-64%2064-64%2037%200%2064%2027%2064%2064%200%2036-27%2064-64%2064z%20m224-214c-6%200-10%202-15%207l-42%2042c-9%209-9%2022%200%2030%208%209%2021%209%2030%200l27-27%2071%2070c8%208%2021%208%2030%200%208-9%208-21%200-30l-86-85c-4-5-8-7-15-7z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22arrow-right-small%22%20unicode%3D%22%26%23101%3B%22%20d%3D%22M207%20207c-9-9-9-21%200-30%208-8%2021-8%2030%200l79%2075c8%208%208%2023%200%2030l-79%2074c-9%209-22%209-30%200-9-8-9-21%200-30l62-59z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22arrow-down-small%22%20unicode%3D%22%26%23102%3B%22%20d%3D%22M201%20322c-9%207-22%207-30%200-9-8-9-21%200-30l74-79c9-8%2024-8%2030%200l75%2079c8%209%208%2022%200%2030-9%209-21%209-30%200l-60-62z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22arrow-right%22%20unicode%3D%22%26%23103%3B%22%20d%3D%22M207%20207c-9-9-9-21%200-30%208-8%2021-8%2030%200l79%2075c8%208%208%2023%200%2030l-79%2074c-9%209-22%209-30%200-9-8-9-21%200-30l62-59z%20m49-143c107%200%20192%2085%20192%20192%200%20107-85%20192-192%20192-107%200-192-85-192-192%200-107%2085-192%20192-192z%20m0-43c-130%200-235%20105-235%20235%200%20130%20105%20235%20235%20235%20130%200%20235-105%20235-235%200-130-105-235-235-235z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22chevrons-right%22%20unicode%3D%22%26%23104%3B%22%20d%3D%22M277%20128c-6%200-10%202-15%206-8%209-8%2022%200%2030l92%2092-92%2092c-8%208-8%2021%200%2030%209%208%2022%208%2030%200l107-107c8-9%208-21%200-30l-107-107c-4-4-8-6-15-6z%20m-149%200c-6%200-11%202-15%206-8%209-8%2022%200%2030l92%2092-92%2092c-8%208-8%2021%200%2030%209%208%2021%208%2030%200l107-107c8-9%208-21%200-30l-107-107c-4-4-9-6-15-6z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22check%22%20unicode%3D%22%26%23105%3B%22%20d%3D%22M192%20128c-6%200-11%202-15%206l-107%20107c-8%209-8%2021%200%2030%209%208%2022%208%2030%200l92-92%20220%20220c8%208%2021%208%2030%200%208-9%208-21%200-30l-235-235c-4-4-9-6-15-6z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22check-circle%22%20unicode%3D%22%26%23106%3B%22%20d%3D%22M245%2043c-74%200-145%2036-187%2098-54%2079-47%20185%2017%20256%2064%2072%20170%2096%20260%2055%2011-4%2015-17%2011-27-5-11-17-15-28-11-70%2032-158%2013-211-45-51-58-58-141-15-205%2042-64%20128-94%20205-72%2076%2021%20130%2089%20130%20164l0%2017c0%2013%208%2021%2021%2021%2013%200%2021-8%2021-21l0-17c0-94-66-179-162-205-19-6-40-8-62-8z%20m0%20153c-4%200-10%202-15%207l-59%2057c-9%209-9%2022%200%2030%208%209%2021%209%2030%200l47-45%20209%20199c8%208%2021%208%2029%200%209-9%209-22%200-30l-224-213c-6-3-10-5-17-5z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22calendar%22%20unicode%3D%22%26%23107%3B%22%20d%3D%22M405%20448l-42%200%200%2021c0%2013-9%2022-22%2022-12%200-21-9-21-22l0-21-128%200%200%2021c0%2013-9%2022-21%2022-13%200-22-9-22-22l0-21-42%200c-37%200-64-28-64-64l0-299c0-36%2027-64%2064-64l298%200c37%200%2064%2028%2064%2064l0%20299c0%2036-27%2064-64%2064z%20m-298-43l42%200%200-21c0-13%209-21%2022-21%2012%200%2021%208%2021%2021l0%2021%20128%200%200-21c0-13%209-21%2021-21%2013%200%2022%208%2022%2021l0%2021%2042%200c13%200%2022-8%2022-21l0-64-342%200%200%2064c0%2013%209%2021%2022%2021z%20m298-341l-298%200c-13%200-22%209-22%2021l0%20192%20342%200%200-192c0-12-9-21-22-21z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22download-cloud%22%20unicode%3D%22%26%23108%3B%22%20d%3D%22M256%2043c-6%200-11%202-15%206l-85%2085c-9%209-9%2022%200%2030%208%209%2021%209%2030%200l70-70%2070%2070c9%209%2022%209%2030%200%209-8%209-21%200-30l-85-85c-4-4-9-6-15-6z%20m0%200c-13%200-21%208-21%2021l0%20192c0%2013%208%2021%2021%2021%2013%200%2021-8%2021-21l0-192c0-13-8-21-21-21z%20m190%2062c-7%200-13%202-17%208-7%2011-4%2024%204%2030%2038%2028%2047%2081%2021%20119-15%2024-42%2037-70%2037l-28%200c-10%200-19%206-21%2017-21%2079-102%20128-181%20106-39-10-71-34-90-68-21-34-28-75-17-113%206-23%2017-45%2032-62%208-8%206-21-2-30-9-8-22-6-30%202-19%2024-34%2052-43%2079-13%2049-6%20103%2022%20145%2025%2045%2068%2075%20117%2088%2098%2026%20198-28%20230-122l11%200c43%200%2081-21%20105-53%2040-58%2025-139-32-179-3-2-7-4-11-4z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22heart%22%20unicode%3D%22%26%23109%3B%22%20d%3D%22M256%2038c-6%200-11%203-15%207l-188%20188c-25%2025-40%2061-40%2098%200%2036%2015%2072%2040%2098%2054%2053%20143%2053%20197%200l6-9%209%209c25%2025%2059%2040%2096%2040%2036%200%2072-15%2098-40%2053-54%2053-143%200-196l-188-188c-4-4-9-7-15-7z%20m-107%20389c-23%200-49-9-66-28-19-19-30-43-30-68%200-26%2011-49%2028-69l173-172%20173%20172c19%2020%2027%2043%2027%2069%200%2025-10%2049-27%2068-15%2017-39%2028-64%2028-26%200-49-11-69-28l-23-24c-9-8-21-8-30%200l-23%2024c-17%2019-43%2028-69%2028z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22phone%22%20unicode%3D%22%26%23111%3B%22%20d%3D%22M427%2023c-2%200-5%200-7%200-68%209-136%2032-194%2069-53%2034-100%2081-134%20134-39%2058-62%20126-69%20194%200%2017%205%2034%2015%2047%2011%2013%2026%2022%2043%2024%202%200%204%200%206%200l64%200c32%200%2060-24%2064-56%203-19%207-38%2013-55%209-24%202-49-15-69l-15-14c26-39%2058-73%2099-99l14%2015c18%2017%2045%2024%2069%2015%2017-6%2036-10%2055-13%2032-4%2056-32%2056-64l0-64c0-17-7-34-20-44-10-13-27-20-44-20z%20m-276%20425l-64%200c-6%200-12-4-17-9-2-4-4-8-4-14%207-62%2028-122%2062-175%2032-49%2073-92%20122-122%2053-34%20113-55%20175-62l2%200c6%200%2010%202%2015%207%204%204%206%208%206%2014l0%2064c0%2011-9%2020-19%2022-22%202-43%208-64%2017-9%202-17%200-24-4l-27-28c-7-7-17-9-26-4-58%2032-105%2079-137%20136-2%209%200%2019%207%2026l28%2027c4%205%206%2015%204%2022-9%2021-13%2042-17%2064%200%2010-11%2019-22%2019z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22map-pin%22%20unicode%3D%22%26%23112%3B%22%20d%3D%22M256%200c-4%200-9%202-13%204-6%205-200%20137-200%20295%200%20117%2096%20213%20213%20213%20117%200%20213-96%20213-213%200-158-194-290-200-295-4-2-9-4-13-4z%20m0%20469c-94%200-171-76-171-170%200-116%20130-222%20171-252%2041%2030%20171%20136%20171%20252%200%2094-77%20170-171%20170z%20m0-256c-47%200-85%2039-85%2086%200%2047%2038%2085%2085%2085%2047%200%2085-38%2085-85%200-47-38-86-85-86z%20m0%20128c-23%200-43-19-43-42%200-24%2020-43%2043-43%2023%200%2043%2019%2043%2043%200%2023-20%2042-43%2042z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22phone-1%22%20unicode%3D%22%26%23113%3B%22%20d%3D%22M457%20158c0-5-1-12-3-20-2-9-4-15-6-20-4-10-15-20-35-30-17-10-35-15-53-15-5%200-10%200-15%201-5%201-10%202-16%204-6%201-11%203-14%204-3%201-8%203-16%206-7%203-12%204-14%205-18%207-35%2014-50%2024-24%2015-49%2035-75%2061-26%2026-47%2051-62%2076-9%2014-17%2031-23%2050-1%201-3%206-6%2014-2%207-4%2013-5%2016-1%203-3%207-5%2013-1%206-2%2012-3%2017-1%204-1%209-1%2015%200%2017%205%2035%2014%2053%2011%2019%2021%2031%2031%2035%204%202%2011%204%2019%206%209%201%2015%202%2020%202%203%200%205%200%206%200%204-2%209-9%2016-22%202-4%205-9%208-16%204-6%207-12%2010-18%203-5%206-10%209-15%201-1%202-3%205-7%203-4%205-8%206-10%201-3%202-6%202-8%200-4-3-9-8-15-5-5-11-11-18-15-6-5-12-10-17-16-6-5-9-9-9-13%200-1%201-4%202-6%201-3%202-5%202-6%201-1%202-4%204-7%202-3%203-5%204-5%2014-26%2031-49%2049-67%2019-19%2041-36%2067-50%201%200%203-1%206-3%203-2%205-4%207-4%201-1%203-2%206-3%202-1%204-1%206-1%203%200%208%202%2013%208%205%205%2011%2011%2015%2018%205%206%2010%2012%2016%2017%206%206%2010%208%2014%208%203%200%206%200%208-2%203-1%207-3%2011-6%204-2%206-4%207-5%204-3%2010-6%2015-9%205-3%2011-6%2018-10%207-3%2012-6%2016-8%2013-7%2020-12%2021-15%201-2%201-4%201-6z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22envelope%22%20unicode%3D%22%26%23114%3B%22%20d%3D%22M512%20309l0-227c0-12-4-23-13-32-9-9-20-13-33-13l-420%200c-13%200-24%204-33%2013-9%209-13%2020-13%2032l0%20227c8-9%2018-17%2029-25%2069-47%20116-79%20142-98%2011-8%2020-15%2026-19%207-4%2016-9%2027-14%2012-4%2022-7%2032-7l0%200c10%200%2020%203%2032%207%2011%205%2020%2010%2027%2014%206%204%2015%2011%2026%2019%2033%2023%2080%2056%20142%2098%2011%208%2021%2016%2029%2025z%20m0%2084c0-15-5-29-14-43-9-14-21-25-35-35-71-50-116-81-134-93-1-1-6-4-12-9-6-4-11-8-15-11-4-2-9-5-15-9-6-3-11-6-16-8-6-1-10-2-15-2l0%200c-5%200-9%201-15%202-5%202-10%205-16%208-6%204-11%207-15%209-4%203-9%207-15%2011-6%205-11%208-12%209-18%2012-43%2030-75%2052-33%2023-52%2036-59%2041-12%208-23%2019-33%2033-11%2014-16%2027-16%2039%200%2015%204%2027%2012%2037%208%2010%2019%2015%2034%2015l420%200c13%200%2023-5%2032-14%209-9%2014-19%2014-32z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22car%22%20unicode%3D%22%26%23115%3B%22%20d%3D%22M101%20201c0%2013-5%2023-14%2032-9%209-20%2014-32%2014-13%200-23-5-32-14-9-9-14-19-14-32%200-12%205-23%2014-32%209-9%2019-14%2032-14%2012%200%2023%205%2032%2014%209%209%2014%2020%2014%2032z%20m10%2092l290%200-25%20102c-1%201-2%203-4%205-3%201-5%202-6%202l-220%200c-1%200-3-1-6-2-2-2-3-4-4-5z%20m392-92c0%2013-5%2023-14%2032-9%209-19%2014-32%2014-12%200-23-5-32-14-9-9-14-19-14-32%200-12%205-23%2014-32%209-9%2020-14%2032-14%2013%200%2023%205%2032%2014%209%209%2014%2020%2014%2032z%20m46%2028l0-110c0-3-1-5-3-7-2-1-4-2-7-2l-27%200%200-37c0-15-5-28-16-39-11-10-24-16-39-16-15%200-28%206-39%2016-10%2011-16%2024-16%2039l0%2037-292%200%200-37c0-15-6-28-16-39-11-10-24-16-39-16-15%200-28%206-39%2016-11%2011-16%2024-16%2039l0%2037-27%200c-3%200-5%201-7%202-2%202-3%204-3%207l0%20110c0%2017%207%2032%2019%2045%2013%2012%2028%2019%2045%2019l8%200%2030%20119c5%2018%2015%2033%2030%2045%2016%2012%2033%2018%2051%2018l220%200c18%200%2035-6%2051-18%2015-12%2025-27%2030-45l30-119%208%200c17%200%2032-7%2045-19%2012-13%2019-28%2019-45z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22mail%22%20unicode%3D%22%26%23110%3B%22%20d%3D%22M427%20448l-342%200c-36%200-64-28-64-64l0-256c0-36%2028-64%2064-64l342%200c36%200%2064%2028%2064%2064l0%20256c0%2036-28%2064-64%2064z%20m-342-43l342%200c8%200%2017-4%2019-10l-190-135-190%20135c2%206%2011%2010%2019%2010z%20m342-298l-342%200c-12%200-21%208-21%2021l0%20215%20179-125c4-3%209-5%2013-5%204%200%209%202%2013%205l179%20125%200-215c0-13-9-21-21-21z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22treatments%22%20unicode%3D%22%26%23116%3B%22%20d%3D%22M491%20192c0%2036-28%2064-64%2064-37%200-64-28-64-64%200-28%2017-51%2042-60-4-49-44-89-96-89l-10%200c-60%200-107%2047-107%20106l0%2024c73%2010%20128%2072%20128%20147l0%20149c0%2024-19%2043-43%2043l-30%200c-12%200-21-9-21-21%200-13%209-22%2021-22l30%200%200-149c0-60-47-107-106-107-60%200-107%2047-107%20107l0%20149%2030%200c13%200%2021%209%2021%2022%200%2012-8%2021-21%2021l-30%200c-23%200-43-19-43-43l0-149c0-75%2056-137%20128-147l0-24c0-83%2066-149%20150-149l10%200c75%200%20135%2058%20139%20132%2026%209%2043%2032%2043%2060z%20m-64-21c-13%200-22%208-22%2021%200%2013%209%2021%2022%2021%2012%200%2021-8%2021-21%200-13-9-21-21-21z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22clock-o%22%20unicode%3D%22%26%23117%3B%22%20d%3D%22M293%20357l0-128c0-3-1-5-3-7-2-2-4-3-7-3l-91%200c-3%200-5%201-7%203-1%202-2%204-2%207l0%2018c0%203%201%205%202%206%202%202%204%203%207%203l64%200%200%20101c0%202%201%204%203%206%201%202%203%203%206%203l18%200c3%200%205-1%207-3%202-2%203-4%203-6z%20m118-101c0%2028-7%2054-20%2078-14%2024-33%2043-57%2057-24%2013-50%2020-78%2020-28%200-54-7-78-20-24-14-43-33-57-57-13-24-20-50-20-78%200-28%207-54%2020-78%2014-24%2033-43%2057-57%2024-13%2050-20%2078-20%2028%200%2054%207%2078%2020%2024%2014%2043%2033%2057%2057%2013%2024%2020%2050%2020%2078z%20m64%200c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40%200-77%209-110%2029-34%2020-60%2046-80%2080-20%2033-29%2070-29%20110%200%2040%209%2077%2029%20110%2020%2034%2046%2060%2080%2080%2033%2020%2070%2029%20110%2029%2040%200%2077-9%20110-29%2034-20%2060-46%2080-80%2020-33%2029-70%2029-110z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22map-marker%22%20unicode%3D%22%26%23118%3B%22%20d%3D%22M329%20329c0%2020-7%2038-21%2052-15%2014-32%2021-52%2021-20%200-37-7-52-21-14-14-21-32-21-52%200-20%207-37%2021-52%2015-14%2032-21%2052-21%2020%200%2037%207%2052%2021%2014%2015%2021%2032%2021%2052z%20m73%200c0-21-3-38-9-51l-104-221c-3-6-8-11-14-15-6-4-12-5-19-5-7%200-13%201-19%205-6%204-11%209-14%2015l-104%20221c-6%2013-9%2030-9%2051%200%2041%2014%2075%2043%20104%2028%2028%2063%2042%20103%2042%2040%200%2075-14%20103-42%2029-29%2043-63%2043-104z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22facebook%22%20unicode%3D%22%26%23119%3B%22%20d%3D%22M384%20509l0-76-45%200c-17%200-28-3-33-10-6-7-9-17-9-31l0-54%2084%200-11-85-73%200%200-216-87%200%200%20216-73%200%200%2085%2073%200%200%2062c0%2036%2010%2063%2029%2083%2020%2019%2047%2029%2080%2029%2028%200%2049-1%2065-3z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22twitter%22%20unicode%3D%22%26%23120%3B%22%20d%3D%22M481%20395c-13-18-28-34-46-47%200-3%200-7%200-12%200-25-3-50-11-74-7-25-18-49-33-71-14-23-32-43-52-61-21-17-45-31-74-41-29-11-60-16-92-16-52%200-99%2014-142%2042%207-1%2014-2%2022-2%2043%200%2081%2014%20115%2040-20%200-38%206-54%2018-16%2012-27%2027-33%2046%207-1%2013-2%2018-2%208%200%2016%201%2024%204-21%204-39%2015-53%2031-14%2017-21%2037-21%2059l0%201c13-7%2027-11%2042-11-13%208-23%2019-30%2032-8%2014-11%2029-11%2044%200%2017%204%2033%2012%2047%2023-28%2051-51%2084-68%2033-17%2069-27%20107-29-2%208-3%2015-3%2022%200%2025%209%2047%2027%2065%2018%2018%2040%2027%2066%2027%2026%200%2049-10%2067-29%2021%204%2040%2011%2059%2022-7-22-21-39-41-51%2018%202%2035%207%2053%2014z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22linkedin%22%20unicode%3D%22%26%23121%3B%22%20d%3D%22M136%20333l0-283-94%200%200%20283z%20m6%2088c0-14-4-26-14-35-10-9-23-14-39-14l0%200c-16%200-29%205-38%2014-10%209-14%2021-14%2035%200%2014%204%2026%2014%2035%2010%209%2023%2014%2039%2014%2016%200%2028-5%2038-14%209-9%2014-21%2014-35z%20m333-208l0-163-94%200%200%20152c0%2020-3%2035-11%2047-8%2011-20%2017-36%2017-12%200-22-4-30-10-9-7-15-15-19-25-2-5-3-13-3-23l0-158-94%200c1%2076%201%20138%201%20185%200%2047%200%2076%200%2085l-1%2013%2094%200%200-41%200%200c4%206%207%2012%2011%2016%204%205%2010%2010%2017%2015%206%205%2015%2010%2024%2013%2010%203%2021%204%2033%204%2033%200%2059-11%2079-32%2020-22%2029-54%2029-95z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22instagram%22%20unicode%3D%22%26%23122%3B%22%20d%3D%22M325%20254c0-43-35-78-78-78-42%200-77%2035-77%2078%200%2043%2035%2077%2077%2077%2043%200%2078-34%2078-77z%20m42%200c0%2066-54%20119-120%20119-66%200-119-53-119-119%200-66%2053-119%20119-119%2066%200%20120%2053%20120%20119z%20m32%20124c0%2015-12%2028-28%2028-15%200-27-13-27-28%200-16%2012-28%2027-28%2016%200%2028%2012%2028%2028z%20m-152%2066c34%200%20107%203%20137-9%2011-4%2019-9%2027-17%208-9%2013-17%2018-27%2012-31%209-103%209-137%200-34%203-107-9-137-5-11-10-19-18-27-8-8-16-13-27-17-30-12-103-10-137-10-33%200-106-2-137%2010-10%204-18%209-26%2017-8%208-14%2016-18%2027-12%2030-9%20103-9%20137%200%2034-3%20106%209%20137%204%2010%2010%2018%2018%2027%208%208%2016%2013%2026%2017%2031%2012%20104%209%20137%209z%20m233-190c0%2032%200%2064-2%2096-2%2037-10%2070-37%2097-28%2027-60%2036-98%2038-32%201-64%201-96%201-32%200-63%200-96-1-37-2-70-11-97-38-27-27-36-60-37-97-2-32-2-64-2-96%200-32%200-64%202-96%201-37%2010-70%2037-97%2027-28%2060-36%2097-38%2033-2%2064-1%2096-1%2032%200%2064-1%2096%201%2038%202%2070%2010%2098%2038%2027%2027%2035%2060%2037%2097%202%2032%202%2064%202%2096z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22times%22%20unicode%3D%22%26%2365%3B%22%20d%3D%22M296%20256l130%20130c4%205%204%2012%200%2017l-23%2023c-5%204-12%204-17%200l-130-130-130%20130c-5%204-12%204-17%200l-23-23c-4-5-4-12%200-17l130-130-130-130c-4-5-4-12%200-17l23-23c5-4%2012-4%2017%200l130%20130%20130-130c5-4%2012-4%2017%200l23%2023c4%205%204%2012%200%2017z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22chevron-left%22%20unicode%3D%22%26%2366%3B%22%20d%3D%22M131%20273l194%20194c9%2010%2024%2010%2034%200l22-22c10-10%2010-25%201-34l-155-155%20155-155c9-9%209-24-1-34l-22-22c-10-10-25-10-34%200l-194%20194c-10%209-10%2025%200%2034z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22chevron-right%22%20unicode%3D%22%26%2367%3B%22%20d%3D%22M381%20239l-194-194c-9-10-24-10-34%200l-22%2022c-10%2010-10%2025-1%2034l155%20155-155%20155c-9%209-9%2024%201%2034l22%2022c10%2010%2025%2010%2034%200l194-194c10-9%2010-25%200-34z%22%2F%3E%0A%3C%2Ffont%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A#zorggroep-meander") format('svg');
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
content: attr(data-icon);
font-family: 'zorggroep-meander' !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
}
/* =========================================================================
*
* Default form styling
*
* - Styles all form elements, except:
* - [type='checkbox']
* - [type='radio']
* - Sets placeholder colors
* - button, [type='submit'] extend from .btn
* - legend extends from h2
* - Also includes styling for tooltips and form descriptions
*
* ====================================================================== */
/* default form elements */
[type=text],
[type=email],
[type=tel],
[type=password],
[type=number],
[type=search],
[type=date],
[type=datetime],
[type=datetime-local],
[type=month],
[type=time],
[type=week],
[type=url],
textarea,
select,
button {
border-radius: 2.4rem;
box-shadow: none;
transition: 0.2s ease-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: 'Source Sans Pro', sans-serif;
font-size: 1.8rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: normal;
width: 100%;
min-height: 4.5rem;
padding: 0 2rem;
background: #FAFAF7;
border: 1px solid #EDEDEB;
display: block;
}
[type=text].disabled,
[type=email].disabled,
[type=tel].disabled,
[type=password].disabled,
[type=number].disabled,
[type=search].disabled,
[type=date].disabled,
[type=datetime].disabled,
[type=datetime-local].disabled,
[type=month].disabled,
[type=time].disabled,
[type=week].disabled,
[type=url].disabled,
textarea.disabled,
select.disabled,
button.disabled {
opacity: .5;
}
[type=text]:focus,
[type=email]:focus,
[type=tel]:focus,
[type=password]:focus,
[type=number]:focus,
[type=search]:focus,
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=month]:focus,
[type=time]:focus,
[type=week]:focus,
[type=url]:focus,
textarea:focus,
select:focus,
button:focus {
outline: 0;
border-color: #d5d5d0;
}
[type=search]::-ms-clear {
display: none;
}
[disabled] {
cursor: not-allowed;
}
.style-select {
border-radius: 2.4rem;
box-shadow: none;
transition: 0.2s ease-out;
height: 4.5rem;
width: 100%;
position: relative;
border: solid 1px #EDEDEB;
background: #FAFAF7;
overflow: hidden;
z-index: 1;
}
.style-select:before {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
position: absolute;
top: 50%;
display: block;
right: 0;
text-align: center;
width: calc(4.5rem - 1px);
line-height: calc(4.5rem - 2px);
z-index: -1;
}
.style-select select {
width: 100%;
padding: 0 4.5rem 0 2rem;
border: 0;
text-indent: 0.01px;
background: transparent;
height: calc(4.5rem - 2px);
min-height: 0;
}
.style-select select::-ms-expand {
display: none;
}
.style-select.focus {
border-color: #d5d5d0;
}
html:not(.touch-device) textarea::-webkit-scrollbar,
html:not(.touch-device) select[multiple]::-webkit-scrollbar {
-webkit-border-radius: 6px;
width: 12px;
height: 12px;
background: #FAFAF7;
}
html:not(.touch-device) textarea::-webkit-scrollbar-thumb,
html:not(.touch-device) select[multiple]::-webkit-scrollbar-thumb {
-webkit-border-radius: 6px;
background: #999;
border: 3px solid #FAFAF7;
}
select[multiple] {
height: auto;
padding: 0;
overflow: auto;
}
select[multiple] option {
padding: 0.75rem 1.5rem;
word-wrap: break-word;
}
textarea {
padding-top: 1rem;
padding-bottom: 1rem;
resize: vertical;
overflow: auto;
vertical-align: top;
}
::-webkit-input-placeholder {
color: #999;
}
::-moz-placeholder {
color: #999;
}
:-moz-placeholder {
color: #999;
}
:-ms-input-placeholder {
color: #999;
}
/* end default form elements */
/* submit buttons */
button,
[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: auto;
font-size: 1.8rem;
}
button:focus,
[type=submit]:focus {
outline: 0;
}
/* end submit buttons */
/* form heading */
/* end form heading */
/* form tooltip */
.form-tooltip[data-title] {
border-radius: 50%;
width: 2.25rem;
height: 2.25rem;
line-height: 2.25rem;
text-align: center;
position: absolute;
top: 0;
right: 0;
margin: 0;
}
.form-tooltip[data-title]:after {
-webkit-transform: translateX(0);
transform: translateX(0);
left: auto;
right: 0;
}
/* end form tooltip */
/* descriptions for inputs */
.form-description {
display: block;
clear: both;
color: #999;
margin: 0;
font-size: 1.3rem;
font-style: italic;
padding-top: 0.75rem;
}
/* end descriptions for inputs */
/* =========================================================================
*
* Default component styling, applies to all components.
*
* ====================================================================== */
.compblock {
margin-bottom: 4.5rem;
}
@media (max-width: 40em) {
.compblock {
margin-bottom: 4.5rem;
}
}
.compblock .compblock {
margin-bottom: 0;
}
/* =========================================================================
*
* Kirra's alinea component styling
*
* ====================================================================== */
.component-alinea:after {
content: '';
display: table;
clear: both;
}
.component-alinea strong,
.component-alinea b {
font-weight: 600;
}
.component-alinea object,
.component-alinea embed,
.component-alinea iframe {
width: 100% !important;
margin-bottom: 1.5rem;
}
.component-alinea img {
margin-left: auto;
margin-right: auto;
}
.component-alinea img[style*='float:right'] {
max-width: 33.33333333%;
margin-right: 0;
margin-left: 3rem;
height: auto !important;
}
@media (max-width: 30em) {
.component-alinea img[style*='float:right'] {
width: 100% !important;
max-width: 100%;
margin-left: 0;
}
}
.component-alinea img[style*='float:left'] {
max-width: 33.33333333%;
margin-left: 0;
margin-right: 3rem;
height: auto !important;
}
@media (max-width: 30em) {
.component-alinea img[style*='float:left'] {
width: 100% !important;
max-width: 100%;
margin-right: 0;
}
}
.component-alinea ol,
.component-alinea ul {
list-style: none;
display: table;
}
.component-alinea li {
position: relative;
}
.component-alinea li:before {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 1.5rem;
}
.component-alinea ol {
counter-reset: alinea-ol;
}
.component-alinea ol li {
counter-increment: alinea-ol;
}
.component-alinea ol li:before {
content: counter(alinea-ol) '.';
text-align: right;
}
.component-alinea .component-youtube iframe {
opacity: 1;
}
.component-alinea > *:last-child {
margin-bottom: 0;
}
.component-alinea [href^='mailto:'] {
display: inline;
}
/* =========================================================================
*
* Styling for:
* - Kirra 'table' component
* - Tables in Kirra 'alinea' component
*
* ====================================================================== */
.webapp-table,
.component-alinea table {
border-bottom: 1px solid #EDEDEB;
border-collapse: collapse;
}
.webapp-table th,
.component-alinea table th {
background: #FAFAF7;
text-align: left;
}
.webapp-table td,
.component-alinea table td,
.webapp-table th,
.component-alinea table th {
border-right: 1px solid #EDEDEB;
border-top: 1px solid #EDEDEB;
}
.webapp-table td:first-child,
.component-alinea table td:first-child,
.webapp-table th:first-child,
.component-alinea table th:first-child {
border-left: 1px solid #EDEDEB;
}
.component-alinea table[border='0'] {
border: 0 !important;
}
.component-alinea table[border='0'] > thead > tr > td,
.component-alinea table[border='0'] > tbody > tr > td,
.component-alinea table[border='0'] > tfoot > tr > td,
.component-alinea table[border='0'] > thead > tr > th,
.component-alinea table[border='0'] > tbody > tr > th,
.component-alinea table[border='0'] > tfoot > tr > th {
border: 0 !important;
}
.component-table {
max-width: calc(100vw - 6rem);
}
.component-table .table-scroller {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.component-table table {
margin-bottom: 0;
width: 100%;
}
.component-table.swipe-hint:before {
-webkit-animation: shakeTableHint 3s infinite ease-in-out;
animation: shakeTableHint 3s infinite ease-in-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
will-change: transform;
content: attr(data-swipe_text);
text-align: center;
display: block;
margin: 0 15px;
padding: 0 15px;
}
@-webkit-keyframes shakeTableHint {
0%,
70% {
-webkit-transform: translate3d(0, 0, 0);
}
10%,
30%,
50% {
-webkit-transform: translate3d(-15px, 0, 0);
}
20%,
40%,
60% {
-webkit-transform: translate3d(15px, 0, 0);
}
}
@keyframes shakeTableHint {
0%,
70% {
transform: translate3d(0, 0, 0);
}
10%,
30%,
50% {
transform: translate3d(-15px, 0, 0);
}
20%,
40%,
60% {
transform: translate3d(15px, 0, 0);
}
}
/* =========================================================================
*
* Styling the Kirra 'image' and 'imageuitlijning' component
* - Also handles some CSS when zooming on images
*
* ====================================================================== */
.component-image img,
.component-imageuitlijning img {
margin: auto;
max-width: none;
width: 100%;
}
.image-caption {
margin: 0;
}
.component-imageuitlijning.align-links {
float: left;
}
.component-imageuitlijning.align-links figure {
margin-right: 3rem;
}
.component-imageuitlijning.align-rechts {
float: right;
}
.component-imageuitlijning.align-rechts figure {
margin-left: 3rem;
}
.component-imageuitlijning.align-gecentreerd {
width: 100%;
clear: both;
}
/* =========================================================================
*
* Styling Kirra 'quote' component
*
* ====================================================================== */
.component-quote blockquote,
.alinea blockquote blockquote,
.component-alinea blockquote blockquote {
margin: 0;
}
/* =========================================================================
*
* Default styling for Kirra's sitemap page
*
* ====================================================================== */
.sitemap .sitemap {
position: relative;
padding-left: 3rem;
}
.sitemap .sitemap:before {
position: absolute;
content: '';
border-left: 1px dotted #999;
left: 1.5rem;
top: 0;
width: 1px;
height: 100%;
}
.sitemap .sitemap li {
position: relative;
}
.sitemap .sitemap li:last-child:before {
position: absolute;
content: '';
background: none;
bottom: -1px;
left: -17px;
width: 10px;
height: 1.5rem;
z-index: 1;
}
.sitemap .sitemap li:last-child:after {
position: absolute;
content: '';
background: none;
top: 1.5rem;
left: -1.5rem;
width: 0.75rem;
height: calc(100% - 1.5rem);
z-index: 1;
}
.sitemap .sitemap a {
position: relative;
padding-left: 0.75rem;
}
.sitemap .sitemap a:before {
position: absolute;
content: '';
margin-right: 3rem;
border-top: 1px dotted #999;
width: 1.5rem;
height: 1px;
top: 2px;
left: -1.5rem;
margin-top: 0.75rem;
}
/* =========================================================================
*
* Styling for Kirra 'Youtube' container component
*
* - In combination with our own view.tpl of the component and jquery.youtube.js:
* - It creates an image as overlay over the Youtube video
* - We van style our own 'play' button
* - The video will play when clicking on the Youtube iframe
*
* - Depends on the variable @moduleYoutube in variables.less
*
* ====================================================================== */
.component-youtube {
width: 100%;
}
.component-youtube iframe {
opacity: 0;
z-index: 3;
}
.component-youtube .youtube-overlay {
transition: 0.2s ease-out;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.component-youtube .youtube-overlay:before {
transition: 0.2s ease-out;
position: absolute;
text-align: center;
left: 50%;
top: 50%;
}
.component-youtube img {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
position: absolute;
top: 50%;
left: 0;
max-width: none;
width: 100%;
z-index: 1;
}
.component-youtube.hideoverlay iframe {
opacity: 1;
}
.desktop .component-youtube.has-autoplay .youtube-overlay,
.desktop .component-youtube.has-autoplay img {
display: none;
}
.desktop .component-youtube.has-autoplay iframe {
opacity: 1;
}
/* =========================================================================
*
* Kirra 'search' module styling
*
* - Styling for the search field in the header
* - Styling for the search field on the search results page
* - Styling for each search result
* - Styling fot the pager at the bottom of the search results
*
* - Depends on the variable @moduleSearch in variables.less
*
* ====================================================================== */
.page-searchbox button {
margin: 0;
}
.search-form {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-bottom: 3rem;
}
.search-button {
margin: 0;
}
.search-result a {
display: block;
color: #606060;
}
.search-result-url {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.search-pager-simple {
text-align: right;
}
.search-pager-simple .active-page {
float: left;
}
.search-pager-simple .pager-next {
margin-left: 3rem;
}
.search-pager li,
.search-pager a {
display: inline-block;
}
.search-pager .pager-prev > *:before {
float: left;
margin-right: 0.75rem;
}
.search-pager .pager-next > *:before {
float: right;
margin-left: 0.75rem;
}
/* =========================================================================
*
* Styling the cookie bar.
*
* - Because Kirra also includes a stylesheet for the cookiebar:
* - We have to use some important
* - We can't optimize our indenting
*
* - Depends on the variable @moduleCookies in variables.less
*
* ====================================================================== */
html {
margin-top: 0 !important;
}
html div#cookie-bar {
box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.125);
padding: 1.5rem 1.5rem 0;
font: 1.8rem 'Source Sans Pro', sans-serif;
line-height: 1.66666667;
background: rgba(255, 255, 255, 0.95);
color: #606060;
top: auto;
bottom: 0;
right: 0;
left: 0;
border: 0;
filter: none;
position: fixed;
text-align: center;
}
html div#cookie-bar i.icon {
display: none;
}
html div#cookie-bar span.cookie-buttons {
position: relative;
padding: 1.5rem 0 0;
}
html div#cookie-bar span.cookie-buttons button {
width: auto;
margin-bottom: 1.5rem !important;
}
html div#cookie-bar span.cookie-buttons .allow-cookies {
margin-right: 1.5rem;
}
html div#cookie-bar span.cookie-buttons .disallow-cookies {
color: #606060;
padding-left: 0;
padding-right: 0;
margin: 0 0 1.5rem;
border: 0;
text-decoration: underline;
background: transparent;
font-weight: normal;
}
html .cookie-explanation-container {
width: auto !important;
height: auto !important;
margin: 0 auto 4.5rem;
border: 1px dashed #999;
background: #FAFAF7;
}
html .cookie-explanation {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
color: #999;
font-family: 'Source Sans Pro', sans-serif;
font-style: normal;
font-size: 1.8rem;
text-align: center;
line-height: 1.66666667;
top: 0 !important;
padding: 3rem;
background: none;
}
html .cookie-explanation:before {
content: '⚠';
color: #f00;
font-size: 36px;
line-height: 1;
}
html .cookie-explanation button.request-cookies {
width: auto;
margin: 1.5rem 0 0 !important;
}
/* =========================================================================
*
* Responsive container for the Google Map container component
*
* - Depends on the variable @moduleMaps in variables.less
*
* ====================================================================== */
.google-maps {
position: relative;
}
.google-maps > div[style*='absolute'] {
top: 0;
}
.google-maps .gm-style {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.google-maps img {
max-width: none;
}
.google-maps button {
min-height: 0;
}
/* =========================================================================
*
* Here all individual form components are styling
*
* - Note that the radio's en checkboxes are styled with a CSS trick ()
* - It works with :checked + * and styling is done on :before and :after elements.
*
* - Depends on the variable @moduleForms in variables.less
*
* ====================================================================== */
/* radio's and checkboxes */
[type=radio],
[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 0;
height: 0;
margin: 0;
padding: 0;
bottom: 0;
opacity: 0;
position: absolute;
}
[type=radio]:checked + label:before,
[type=checkbox]:checked + label:before {
border-color: #d5d5d0;
}
[type=radio]:checked + label:after,
[type=checkbox]:checked + label:after {
-webkit-transform: translateY(-50%) scale(1) !important;
transform: translateY(-50%) scale(1) !important;
border-color: #d5d5d0;
}
.form-input-radio label,
.form-input-multipleselect-checkboxes label,
.form-input-checkbox label {
display: inline-block;
margin-left: 0;
float: none;
}
.form-input-radio.keuze:not(.form-input-radio) > label,
.form-input-multipleselect-checkboxes.keuze:not(.form-input-radio) > label,
.form-input-checkbox.keuze:not(.form-input-radio) > label,
.form-input-radio ul label,
.form-input-multipleselect-checkboxes ul label,
.form-input-checkbox ul label {
font-weight: normal;
}
.form-input-radio label:not(.multiple-title),
.form-input-multipleselect-checkboxes label:not(.multiple-title),
.form-input-checkbox label:not(.multiple-title) {
padding-left: 3rem;
position: relative;
}
.form-input-radio label:not(.multiple-title):before,
.form-input-multipleselect-checkboxes label:not(.multiple-title):before,
.form-input-checkbox label:not(.multiple-title):before,
.form-input-radio label:not(.multiple-title):after,
.form-input-multipleselect-checkboxes label:not(.multiple-title):after,
.form-input-checkbox label:not(.multiple-title):after {
transition: 0.2s ease-out;
border-radius: 1.2rem;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
position: absolute;
top: 50%;
content: '';
display: block;
width: 1.5rem;
height: 1.5rem;
line-height: 1.5rem;
left: 0;
border: 1px solid #c9c9c3;
}
.form-input-radio label:not(.multiple-title):before,
.form-input-multipleselect-checkboxes label:not(.multiple-title):before,
.form-input-checkbox label:not(.multiple-title):before {
background: #FAFAF7;
}
.form-input-radio label:not(.multiple-title):after,
.form-input-multipleselect-checkboxes label:not(.multiple-title):after,
.form-input-checkbox label:not(.multiple-title):after {
-webkit-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
border: 0;
background: #606060;
}
.form-input-radio label:not(.multiple-title):hover:before,
.form-input-multipleselect-checkboxes label:not(.multiple-title):hover:before,
.form-input-checkbox label:not(.multiple-title):hover:before,
.form-input-radio label:not(.multiple-title):focus:before,
.form-input-multipleselect-checkboxes label:not(.multiple-title):focus:before,
.form-input-checkbox label:not(.multiple-title):focus:before {
border-color: #d5d5d0;
}
.form-input-radio label:not(.multiple-title):before,
.form-input-radio label:not(.multiple-title):after {
border-radius: 50%;
}
/* end radio's and checkboxes */
/* date field */
.form-input-date .style-select {
width: 32%;
max-width: 168px;
float: left;
}
.form-input-date .style-select:not(:first-of-type) {
margin-left: 2%;
}
@media (max-width: 30em) {
.form-input-date .style-select {
width: 100%;
max-width: none;
margin: 0 0 0.75rem 0 !important;
float: none;
}
}
/* end date field */
/* upload button */
.form-input-file .file-input-placeholder {
border-radius: 2.4rem;
box-shadow: none;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #FAFAF7;
min-height: 4.5rem;
border: 1px solid #EDEDEB;
position: relative;
width: auto;
margin-right: -4.5rem;
font-weight: normal;
}
.form-input-file [type=file] {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
[type=file] {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
padding: 0;
min-height: 0;
width: 100%;
border: 0;
}
[type=file]::-webkit-file-upload-button {
margin-bottom: 0;
font-family: 'Source Sans Pro', sans-serif;
}
[type=file]:focus,
[type=file]:hover::-webkit-file-upload-button,
[type=file]:focus::-webkit-file-upload-button {
outline: 0;
}
[type=file]::-ms-value {
border: 0;
background: #fff;
}
[type=file]::-ms-browse {
margin: 0;
}
/* end upload button */
/* =========================================================================
*
* All form error handling is set here
*
* - Depends on the variable @moduleForms in variables.less
*
* ====================================================================== */
.form-error {
border-radius: 2.4rem;
background: #f00;
color: #fff;
padding: 1.5rem;
margin: 0 0 3rem;
font-weight: 600;
}
.form-error p,
.form-error ul {
margin: 0 0 1.5rem;
}
.form-error ul {
list-style: disc outside;
padding-left: 2.25rem;
}
div.input-error {
padding-right: 3rem;
}
div.input-error p {
border-radius: 2.4rem;
display: inline-block;
background: #f00;
color: #fff;
padding: 0.75rem 1.5rem;
position: relative;
font-size: 1.3rem;
margin: 0 0 1.5rem;
white-space: nowrap;
}
div.input-error p:before {
border-radius: 2.4rem;
content: '';
display: block;
width: 0;
height: 0;
border: 6px solid transparent;
border-top-color: #f00;
overflow: hidden;
position: absolute;
left: 1.5rem;
top: 100%;
margin-top: -1px;
}
.errors {
border-radius: 2.4rem;
background: #f00;
color: #fff;
padding: 1.5rem;
margin: 0 0 3rem;
list-style: disc inside;
}
.errors li {
padding-left: 2.25rem;
}
/* =========================================================================
*
* Print styles
*
* ====================================================================== */
@media print {
* {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
text-shadow: none !important;
}
body {
font-family: 'Arial', sans-serif;
}
a,
a:visited,
html div#cookie-bar a {
text-decoration: underline;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
/* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3,
legend,
.webapp-table caption,
.component-alinea table caption,
.webbeheer-formulier h2,
.webbeheer-formulier legend,
.component-crosslinkslist h2,
.webbeheer-formulier .webapp-table caption,
.component-crosslinkslist .webapp-table caption,
.webbeheer-formulier .component-alinea table caption,
.component-crosslinkslist .component-alinea table caption {
orphans: 3;
widows: 3;
}
h2,
h3,
legend,
.webapp-table caption,
.component-alinea table caption,
.webbeheer-formulier h2,
.webbeheer-formulier legend,
.component-crosslinkslist h2,
.webbeheer-formulier .webapp-table caption,
.component-crosslinkslist .webapp-table caption,
.webbeheer-formulier .component-alinea table caption,
.component-crosslinkslist .component-alinea table caption {
page-break-after: avoid;
}
figure {
margin: 0;
}
div[style] {
padding: 0 !important;
height: auto !important;
position: static !important;
}
div[style] img {
max-width: 480px !important;
height: auto !important;
position: static !important;
}
.webbeheer-formulier {
display: block;
}
.webbeheer-formulier fieldset {
border: 0;
margin: 0;
padding: 0;
}
.webbeheer-formulier .velden {
list-style: none;
margin: 0;
padding: 0;
}
.webbeheer-formulier label {
display: block;
}
.webbeheer-formulier input,
.webbeheer-formulier textarea,
.webbeheer-formulier select {
border: 1px solid #ddd;
padding: 6px 12px;
margin-bottom: 12px;
}
form,
.frontend-bar,
.nav-trigger,
.hide-from-layout,
.page-mobile-nav-container,
.page-header,
.page-breadcrumb,
.component-youtube,
.page-footer {
display: none;
}
}
/* Grid settings */
/* Framework settings */
/* Dimensions settings */
/* Styling */
/* Animations */
/* Typography */
/* Color settings */
/* Form styling */
/* Responsive */
/* Functionalities */
/* Modules */
/* =========================================================================
*
* This is a very important stylesheet in which you can define styling that applies to elements all over the website
*
* For example:
* - Dates are often seen on multiple places in a website and may have the same styling.
* - In stead of styling each date over and over again on multiple places, we want to have a general styling.
* - If we can't change the class of a date in a template, we can always extend from the .date class name
*
* An other example
* - We often see that (overview) blocks have the same styling (white background, some padding and a shadow)
* - Define the styling here and we can apply this class name to all block
* - Or... we can extend from this class name if we can't change the class name in the HTML
*
* ====================================================================== */
/* =========================================================================
*
* Making the framework responsive
*
* ====================================================================== */
.preload * {
transition: none !important;
}
.page-column,
.page-middle,
.page-left,
.page-right {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (max-width: 60em) {
.page-middle {
min-width: 58.33333333%;
}
.page-left {
width: 41.66666667%;
}
.page-right {
width: 100%;
}
.page-right .page-right-wrapper:before {
border-radius: 2.4rem 0 0 0;
}
.page-right .page-right-wrapper > * {
width: calc(50% - 1.5rem);
float: left;
}
.page-right .page-right-wrapper > *:nth-child(odd) {
clear: both;
margin-right: 3rem;
}
}
@media (max-width: 40em) {
.page-left {
-ms-flex-order: 5;
-webkit-order: 5;
-ms-order: 5;
order: 5;
width: 100%;
}
.page-left > * {
width: calc(50% - 1.5rem);
float: left;
}
.page-left > *:nth-child(odd) {
clear: both;
margin-right: 3rem;
}
}
@media (max-width: 30em) {
.page-left > *,
.page-right > * {
width: 100%;
float: none;
}
.page-left > *:nth-child(odd),
.page-right > *:nth-child(odd) {
clear: both;
margin-right: 0;
}
.page-left .page-right-wrapper > *,
.page-right .page-right-wrapper > * {
width: 100%;
float: none;
}
.inner {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (max-width: 63.9375em) {
.page-header {
position: fixed;
top: 0;
z-index: 1;
right: 0;
left: 0;
background: #fff;
}
.inner {
padding: 0;
}
body {
padding-top: 6rem;
}
}
.inner-container {
overflow: hidden;
}
/* =========================================================================
*
* Making our grid responsive
* Here you can set breakpoints for each overview-page
* Note that the class 'overview-page' is also used in our framework on .page-content
*
* Check the grid.less in the core folder to see how to set up a nice grid
*
* ====================================================================== */
@media (max-width: 40em) {
[data-columns="2"] .page-overview-block {
width: 100%;
}
}
@media (max-width: 64em) {
[data-columns="3"] .page-overview-block {
width: 50%;
}
}
@media (max-width: 40em) {
[data-columns="3"] .page-overview-block {
width: 100%;
}
}
/* =========================================================================
*
* All text styles are set here
*
* ====================================================================== */
@font-face {
font-family: 'bundle-core-assets-filetypes';
src: url("data:font/woff;base64,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") format('woff'), url("data:font/ttf;base64,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CAMOAgICNDQCAgIOAwQEAnAFAQIoAwUCEgQCAigGBAGTCA0LDv62DAcICAcMAcoMBwgGBwYUawkCWgP+TwEkCAcNdv5KAQADAgsBBQIERkUEAwUBCwIEVgUGBgVWBAILAQUDBEVGBAIFAQsCA9oEAgTuAwMCAQMDAgXuAwQAAAAAAAAMAJYAAQAAAAAAAQAcADoAAQAAAAAAAgAVAIMAAQAAAAAAAwA4AQsAAQAAAAAABAAcAX4AAQAAAAAABQALAbMAAQAAAAAABgAcAfkAAwABBAkAAQA4AAAAAwABBAkAAgAqAFcAAwABBAkAAwBwAJkAAwABBAkABAA4AUQAAwABBAkABQAWAZsAAwABBAkABgA4Ab8AYgB1AG4AZABsAGUALQBjAG8AcgBlAC0AYQBzAHMAZQB0AHMALQBmAGkAbABlAHQAeQBwAGUAcwAAYnVuZGxlLWNvcmUtYXNzZXRzLWZpbGV0eXBlcwAAYwBvAHIAZQAtAGEAcwBzAGUAdABzAC0AZgBpAGwAZQB0AHkAcABlAHMAAGNvcmUtYXNzZXRzLWZpbGV0eXBlcwAARgBvAG4AdABGAG8AcgBnAGUAIAAyAC4AMAAgADoAIABiAHUAbgBkAGwAZQAtAGMAbwByAGUALQBhAHMAcwBlAHQAcwAtAGYAaQBsAGUAdAB5AHAAZQBzACAAOgAgADIANwAtADkALQAyADAAMQA3AABGb250Rm9yZ2UgMi4wIDogYnVuZGxlLWNvcmUtYXNzZXRzLWZpbGV0eXBlcyA6IDI3LTktMjAxNwAAYgB1AG4AZABsAGUALQBjAG8AcgBlAC0AYQBzAHMAZQB0AHMALQBmAGkAbABlAHQAeQBwAGUAcwAAYnVuZGxlLWNvcmUtYXNzZXRzLWZpbGV0eXBlcwAAVgBlAHIAcwBpAG8AbgAgADEALgAwAABWZXJzaW9uIDEuMAAAYgB1AG4AZABsAGUALQBjAG8AcgBlAC0AYQBzAHMAZQB0AHMALQBmAGkAbABlAHQAeQBwAGUAcwAAYnVuZGxlLWNvcmUtYXNzZXRzLWZpbGV0eXBlcwAAAgAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAOAAAAAQACAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAZmaWxlLW8LZmlsZS10ZXh0LW8KZmlsZS1wZGYtbwtmaWxlLXdvcmQtbwxmaWxlLWV4Y2VsLW8RZmlsZS1wb3dlcnBvaW50LW8MZmlsZS1pbWFnZS1vDmZpbGUtYXJjaGl2ZS1vDGZpbGUtYXVkaW8tbwxmaWxlLXZpZGVvLW8LZmlsZS1jb2RlLW8AAAAAAAAB//8AAgABAAAADgAAABgAAAAAAAIAAQADAA0AAQAEAAAAAgAAAAAAAQAAAADMPaLPAAAAANXw+G8AAAAA1fD4bw==") format('truetype'), url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmetadata%3EGenerated%20by%20Fontastic.me%3C%2Fmetadata%3E%0A%3Cdefs%3E%0A%3Cfont%20id%3D%22bundle-core-assets-filetypes%22%20horiz-adv-x%3D%22512%22%3E%0A%3Cfont-face%20font-family%3D%22bundle-core-assets-filetypes%22%20units-per-em%3D%22512%22%20ascent%3D%22480%22%20descent%3D%22-32%22%2F%3E%0A%3Cmissing-glyph%20horiz-adv-x%3D%22512%22%20%2F%3E%0A%0A%3Cglyph%20glyph-name%3D%22file-o%22%20unicode%3D%22%26%2397%3B%22%20d%3D%22M456%20403c5-5%2010-12%2014-21%204-9%205-18%205-25l0-330c0-7-2-14-8-19-5-5-11-8-19-8l-384%200c-8%200-14%203-19%208-6%205-8%2012-8%2019l0%20458c0%207%202%2014%208%2019%205%205%2011%208%2019%208l256%200c8%200%2016-2%2025-6%209-4%2017-8%2022-13z%20m-127%2070l0-107%20108%200c-2%205-4%209-7%2011l-89%2090c-2%202-6%204-12%206z%20m110-436l0%20292-119%200c-8%200-14%203-19%208-6%205-8%2012-8%2020l0%20118-220%200%200-438z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22file-text-o%22%20unicode%3D%22%26%2398%3B%22%20d%3D%22M456%20403c5-5%2010-12%2014-21%204-9%205-18%205-25l0-330c0-7-2-14-8-19-5-5-11-8-19-8l-384%200c-8%200-14%203-19%208-6%205-8%2012-8%2019l0%20458c0%207%202%2014%208%2019%205%205%2011%208%2019%208l256%200c8%200%2016-2%2025-6%209-4%2017-8%2022-13z%20m-127%2070l0-107%20108%200c-2%205-4%209-7%2011l-89%2090c-2%202-6%204-12%206z%20m110-436l0%20292-119%200c-8%200-14%203-19%208-6%205-8%2012-8%2020l0%20118-220%200%200-438z%20m-293%20246c0%203%201%205%203%207%202%202%204%203%206%203l202%200c2%200%204-1%206-3%202-2%203-4%203-7l0-18c0-3-1-5-3-6-2-2-4-3-6-3l-202%200c-2%200-4%201-6%203-2%201-3%203-3%206z%20m211-64c2%200%204%200%206-2%202-2%203-4%203-7l0-18c0-3-1-5-3-7-2-1-4-2-6-2l-202%200c-2%200-4%201-6%202-2%202-3%204-3%207l0%2018c0%203%201%205%203%207%202%202%204%202%206%202z%20m0-73c2%200%204-1%206-2%202-2%203-4%203-7l0-18c0-3-1-5-3-7-2-1-4-2-6-2l-202%200c-2%200-4%201-6%202-2%202-3%204-3%207l0%2018c0%203%201%205%203%207%202%201%204%202%206%202z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22file-pdf-o%22%20unicode%3D%22%26%2399%3B%22%20d%3D%22M456%20403c5-5%2010-12%2014-21%204-9%205-18%205-25l0-330c0-7-2-14-8-19-5-5-11-8-19-8l-384%200c-8%200-14%203-19%208-6%205-8%2012-8%2019l0%20458c0%207%202%2014%208%2019%205%205%2011%208%2019%208l256%200c8%200%2016-2%2025-6%209-4%2017-8%2022-13z%20m-127%2070l0-107%20108%200c-2%205-4%209-7%2011l-89%2090c-2%202-6%204-12%206z%20m110-436l0%20292-119%200c-8%200-14%203-19%208-6%205-8%2012-8%2020l0%20118-220%200%200-438z%20m-147%20169c6-5%2014-10%2024-16%2011%201%2022%202%2033%202%2028%200%2045-5%2051-14%203-4%203-9%201-15%200%200-1%200-1%200l0-1%200%200c-1-8-8-11-21-11-9%200-20%202-32%206-13%203-26%208-38%2015-42-5-79-13-112-24-29-50-52-75-69-75-3%200-5%201-8%202l-7%204c0%200%200%200-1%201-2%202-3%205-2%2010%202%208%207%2017%2016%2026%209%2010%2022%2019%2038%2028%202%202%205%201%206-2%201%200%201%200%201-1%2010%2016%2020%2035%2030%2056%2013%2026%2023%2051%2030%2075-4%2016-7%2031-9%2046-1%2015%200%2027%202%2036%202%208%206%2012%2012%2012l7%200c4%200%207-2%2010-5%203-4%204-10%202-19%200-1-1-2-1-2%200-1%200-2%200-3l0-8c0-24-1-42-4-55%2011-31%2025-54%2042-68z%20m-165-117c10%204%2023%2019%2040%2045-10-8-18-16-25-24-7-9-12-16-15-21z%20m114%20262c-3-8-3-20%200-37%200%201%200%205%202%2012%200%201%200%205%202%2013%200%200%200%201%201%202%200%200-1%200-1%200%200%201%200%201%200%201%200%200%200%200%200%200%200%204-1%208-4%2011%200-1%200-1%200-1z%20m-35-188c25%2010%2052%2018%2081%2023-1%200-2%201-4%202-2%202-3%203-4%204-15%2013-27%2030-37%2051-5-17-13-36-23-57-6-10-10-18-13-23z%20m184%204c-4%205-18%207-40%207%2015-5%2027-8%2036-8%202%200%204%200%205%200%200%200%200%201-1%201z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22file-word-o%22%20unicode%3D%22%26%23100%3B%22%20d%3D%22M456%20403c5-5%2010-12%2014-21%204-9%205-18%205-25l0-330c0-7-2-14-8-19-5-5-11-8-19-8l-384%200c-8%200-14%203-19%208-6%205-8%2012-8%2019l0%20458c0%207%202%2014%208%2019%205%205%2011%208%2019%208l256%200c8%200%2016-2%2025-6%209-4%2017-8%2022-13z%20m-127%2070l0-107%20108%200c-2%205-4%209-7%2011l-89%2090c-2%202-6%204-12%206z%20m110-436l0%20292-119%200c-8%200-14%203-19%208-6%205-8%2012-8%2020l0%20118-220%200%200-438z%20m-336%20256l0-31%2020%200%2047-189%2045%200%2037%20139c1%204%202%208%203%2013%200%203%200%205%200%207l2%200%200-7c1-1%201-3%201-6%201-3%201-6%202-7l37-139%2045%200%2047%20189%2020%200%200%2031-86%200%200-31%2026%200-28-125c-1-4-2-8-2-13l-1-6-1%200-1%206c0%201-1%203-1%206-1%203-1%205-2%207l-41%20156-32%200-41-156c-1-2-1-4-2-7%200-3-1-5-1-6l-1-6-1%200-1%206c0%205-1%209-2%2013l-28%20125%2026%200%200%2031z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22file-excel-o%22%20unicode%3D%22%26%23101%3B%22%20d%3D%22M456%20403c5-5%2010-12%2014-21%204-9%205-18%205-25l0-330c0-7-2-14-8-19-5-5-11-8-19-8l-384%200c-8%200-14%203-19%208-6%205-8%2012-8%2019l0%20458c0%207%202%2014%208%2019%205%205%2011%208%2019%208l256%200c8%200%2016-2%2025-6%209-4%2017-8%2022-13z%20m-127%2070l0-107%20108%200c-2%205-4%209-7%2011l-89%2090c-2%202-6%204-12%206z%20m110-436l0%20292-119%200c-8%200-14%203-19%208-6%205-8%2012-8%2020l0%20118-220%200%200-438z%20m-280%2066l0-30%2080%200%200%2030-21%200%2029%2046c1%202%202%203%203%205%201%202%202%203%202%204%201%201%201%201%201%201l1%200c0-1%201-2%201-3%201%200%201-1%202-2%200-1%201-1%201-2%201-1%202-2%202-3l31-46-22%200%200-30%2083%200%200%2030-19%200-55%2078%2056%2081%2019%200%200%2031-80%200%200-31%2021%200-29-45c-1-2-2-3-3-5-1-2-2-3-3-4l0-1-1%200c0%201%200%202-1%203-1%202-3%204-5%207l-30%2045%2021%200%200%2031-82%200%200-31%2019%200%2054-78-55-81z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22file-powerpoint-o%22%20unicode%3D%22%26%23102%3B%22%20d%3D%22M456%20403c5-5%2010-12%2014-21%204-9%205-18%205-25l0-330c0-7-2-14-8-19-5-5-11-8-19-8l-384%200c-8%200-14%203-19%208-6%205-8%2012-8%2019l0%20458c0%207%202%2014%208%2019%205%205%2011%208%2019%208l256%200c8%200%2016-2%2025-6%209-4%2017-8%2022-13z%20m-127%2070l0-107%20108%200c-2%205-4%209-7%2011l-89%2090c-2%202-6%204-12%206z%20m110-436l0%20292-119%200c-8%200-14%203-19%208-6%205-8%2012-8%2020l0%20118-220%200%200-438z%20m-284%2066l0-30%2094%200%200%2030-27%200%200%2048%2039%200c15%200%2026%202%2034%204%2013%205%2023%2013%2031%2025%207%2012%2011%2026%2011%2042%200%2015-4%2029-11%2040-7%2012-16%2020-28%2025-9%204-22%206-37%206l-106%200%200-31%2027%200%200-159z%20m101%2080l-34%200%200%2077%2035%200c9%200%2017-2%2023-5%2011-6%2016-17%2016-33%200-17-6-28-17-34-6-3-14-5-23-5z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22file-image-o%22%20unicode%3D%22%26%23103%3B%22%20d%3D%22M456%20403c5-5%2010-12%2014-21%204-9%205-18%205-25l0-330c0-7-2-14-8-19-5-5-11-8-19-8l-384%200c-8%200-14%203-19%208-6%205-8%2012-8%2019l0%20458c0%207%202%2014%208%2019%205%205%2011%208%2019%208l256%200c8%200%2016-2%2025-6%209-4%2017-8%2022-13z%20m-127%2070l0-107%20108%200c-2%205-4%209-7%2011l-89%2090c-2%202-6%204-12%206z%20m110-436l0%20292-119%200c-8%200-14%203-19%208-6%205-8%2012-8%2020l0%20118-220%200%200-438z%20m-37%20128l0-92-292%200%200%2055%2055%2055%2036-37%20110%20110z%20m-237%2054c-16%200-29%206-39%2016-11%2011-16%2024-16%2039%200%2016%205%2028%2016%2039%2010%2011%2023%2016%2039%2016%2015%200%2028-5%2038-16%2011-11%2016-23%2016-39%200-15-5-28-16-39-10-10-23-16-38-16z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22file-archive-o%22%20unicode%3D%22%26%23104%3B%22%20d%3D%22M219%20402l0%2037-36%200%200-37z%20m37-36l0%2036-37%200%200-36z%20m-37-37l0%2037-36%200%200-37z%20m37-36l0%2036-37%200%200-36z%20m200%20110c5-5%2010-12%2014-21%204-9%205-18%205-25l0-330c0-7-2-14-8-19-5-5-11-8-19-8l-384%200c-8%200-14%203-19%208-6%205-8%2012-8%2019l0%20458c0%207%202%2014%208%2019%205%205%2011%208%2019%208l256%200c8%200%2016-2%2025-6%209-4%2017-8%2022-13z%20m-127%2070l0-107%20108%200c-2%205-4%209-7%2011l-89%2090c-2%202-6%204-12%206z%20m110-436l0%20292-119%200c-8%200-14%203-19%208-6%205-8%2012-8%2020l0%20118-37%200%200-36-37%200%200%2036-146%200%200-438z%20m-179%20206l30-100c2-5%203-10%203-15%200-16-7-29-21-39-14-11-31-16-53-16-21%200-38%205-52%2016-14%2010-21%2023-21%2039%200%205%201%2010%203%2015%204%2012%2015%2050%2034%20113l0%2037%2036%200%200-37%2023%200c4%200%208-1%2011-4%203-2%206-5%207-9z%20m-41-133c11%200%2019%202%2026%205%207%204%2011%208%2011%2013%200%205-4%209-11%2013-7%203-15%205-26%205-10%200-18-2-25-5-8-4-11-8-11-13%200-5%203-9%2011-13%207-3%2015-5%2025-5z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22file-audio-o%22%20unicode%3D%22%26%23105%3B%22%20d%3D%22M456%20403c5-5%2010-12%2014-21%204-9%205-18%205-25l0-330c0-7-2-14-8-19-5-5-11-8-19-8l-384%200c-8%200-14%203-19%208-6%205-8%2012-8%2019l0%20458c0%207%202%2014%208%2019%205%205%2011%208%2019%208l256%200c8%200%2016-2%2025-6%209-4%2017-8%2022-13z%20m-127%2070l0-107%20108%200c-2%205-4%209-7%2011l-89%2090c-2%202-6%204-12%206z%20m110-436l0%20292-119%200c-8%200-14%203-19%208-6%205-8%2012-8%2020l0%20118-220%200%200-438z%20m-225%20232c4-1%205-4%205-8l0-156c0-4-1-7-5-8-2-1-3-1-4-1-2%200-4%201-6%203l-48%2047-37%200c-3%200-5%201-7%203-1%202-2%204-2%206l0%2055c0%203%201%205%202%207%202%202%204%202%207%202l37%200%2048%2048c3%203%206%204%2010%202z%20m119-197c6%200%2011%203%2014%207%2025%2030%2037%2065%2037%20104%200%2039-12%2073-37%20104-3%204-7%206-12%206-5%201-10%200-14-4-4-3-6-7-6-12-1-5%201-10%204-14%2019-23%2028-50%2028-80%200-30-9-57-28-81-3-4-5-8-4-13%200-5%202-9%206-12%204-3%208-5%2012-5z%20m-60%2043c5%200%209%201%2013%205%2017%2018%2025%2039%2025%2063%200%2024-8%2045-25%2062-3%204-8%206-13%206-5%200-9-1-13-5-4-3-6-7-6-12%200-5%202-10%205-14%2010-11%2015-23%2015-37%200-14-5-27-15-38-3-3-5-8-5-13%200-5%202-9%206-13%204-3%208-4%2013-4z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22file-video-o%22%20unicode%3D%22%26%23106%3B%22%20d%3D%22M456%20403c5-5%2010-12%2014-21%204-9%205-18%205-25l0-330c0-7-2-14-8-19-5-5-11-8-19-8l-384%200c-8%200-14%203-19%208-6%205-8%2012-8%2019l0%20458c0%207%202%2014%208%2019%205%205%2011%208%2019%208l256%200c8%200%2016-2%2025-6%209-4%2017-8%2022-13z%20m-127%2070l0-107%20108%200c-2%205-4%209-7%2011l-89%2090c-2%202-6%204-12%206z%20m110-436l0%20292-119%200c-8%200-14%203-19%208-6%205-8%2012-8%2020l0%20118-220%200%200-438z%20m-183%20256c10%200%2018-4%2026-11%207-8%2011-16%2011-26l0-110c0-10-4-18-11-25-8-8-16-11-26-11l-110%200c-10%200-18%203-25%2011-8%207-11%2015-11%2025l0%20110c0%2010%203%2018%2011%2026%207%207%2015%2011%2025%2011z%20m141-1c3-2%205-4%205-9l0-164c0-4-2-7-5-9-2%200-3%200-4%200-3%200-5%201-6%202l-76%2076%200%2026%2076%2076c1%202%203%203%206%203%201%200%202-1%204-1z%22%2F%3E%0A%3Cglyph%20glyph-name%3D%22file-code-o%22%20unicode%3D%22%26%23107%3B%22%20d%3D%22M456%20403c5-5%2010-12%2014-21%204-9%205-18%205-25l0-330c0-7-2-14-8-19-5-5-11-8-19-8l-384%200c-8%200-14%203-19%208-6%205-8%2012-8%2019l0%20458c0%207%202%2014%208%2019%205%205%2011%208%2019%208l256%200c8%200%2016-2%2025-6%209-4%2017-8%2022-13z%20m-127%2070l0-107%20108%200c-2%205-4%209-7%2011l-89%2090c-2%202-6%204-12%206z%20m110-436l0%20292-119%200c-8%200-14%203-19%208-6%205-8%2012-8%2020l0%20118-220%200%200-438z%20m-265%20256c1%202%203%203%206%203%202%200%204%200%207-2l14-11c2-1%203-3%204-6%200-2-1-4-2-6l-52-70%2052-69c1-2%202-5%202-7-1-3-2-5-4-6l-14-11c-3-2-5-2-7-2-3%200-5%202-6%204l-65%2086c-3%203-3%207%200%2011z%20m229-86c3-4%203-8%200-11l-65-86c-1-2-3-4-6-4-2%200-4%200-7%202l-14%2011c-2%201-3%203-4%206%200%202%201%205%202%207l52%2069-52%2070c-1%202-2%204-2%206%201%203%202%205%204%206l14%2011c3%202%205%202%207%202%203%200%205-1%206-3z%20m-177-132c-3%200-5%201-6%204-2%202-2%204-2%206l40%20238c0%202%201%204%203%206%203%201%205%202%207%201l18-3c3%200%205-1%206-3%202-2%202-5%202-7l-40-238c0-2-1-4-3-5-3-2-5-2-7-2z%22%2F%3E%0A%3C%2Ffont%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A#bundle-core-assets-filetypes") format('svg');
font-weight: normal;
font-style: normal;
}
.iconFontFileTypes {
font-family: 'bundle-core-assets-filetypes';
font-size: 2.2rem;
line-height: 1.4;
}
.iconFont {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
}
.icon-position-fix {
position: relative;
top: 4px;
}
.meta {
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
font-size: 1.4rem;
color: #A6A69B;
text-transform: uppercase;
}
.small {
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
font-size: 1.4rem;
color: #A6A69B;
text-transform: uppercase;
}
h1,
h2,
h3,
h4,
h5,
legend,
.page-topcontent .tagline,
.webapp-table caption,
.component-alinea table caption,
.webbeheer-formulier h2,
.webbeheer-formulier legend,
.app-component-homepagecrosslinklist h2,
.component-crosslinkslist h2,
.page-right .component-crosslinkslist h2,
.webbeheer-formulier .webapp-table caption,
.app-component-homepagecrosslinklist .webapp-table caption,
.component-crosslinkslist .webapp-table caption,
.page-right .component-crosslinkslist .webapp-table caption,
.webbeheer-formulier .component-alinea table caption,
.app-component-homepagecrosslinklist .component-alinea table caption,
.component-crosslinkslist .component-alinea table caption,
.page-right .component-crosslinkslist .component-alinea table caption {
transition: 0.2s ease-out;
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
margin: 0 0 1.5rem;
color: #741473;
line-height: 1.2;
font-weight: normal;
}
@media (max-width: 40em) {
h1,
h2,
h3,
h4,
h5,
legend,
.page-topcontent .tagline,
.webapp-table caption,
.component-alinea table caption,
.webbeheer-formulier h2,
.webbeheer-formulier legend,
.app-component-homepagecrosslinklist h2,
.component-crosslinkslist h2,
.page-right .component-crosslinkslist h2,
.webbeheer-formulier .webapp-table caption,
.app-component-homepagecrosslinklist .webapp-table caption,
.component-crosslinkslist .webapp-table caption,
.page-right .component-crosslinkslist .webapp-table caption,
.webbeheer-formulier .component-alinea table caption,
.app-component-homepagecrosslinklist .component-alinea table caption,
.component-crosslinkslist .component-alinea table caption,
.page-right .component-crosslinkslist .component-alinea table caption {
-ms-word-break: break-word;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
}
.h3,
h3,
.webbeheer-formulier h2,
.webbeheer-formulier legend,
.compblock.app-component-specialist .component-info h2,
.component-crosslinkslist h2,
.webbeheer-formulier .webapp-table caption,
.compblock.app-component-specialist .component-info .webapp-table caption,
.component-crosslinkslist .webapp-table caption,
.webbeheer-formulier .component-alinea table caption,
.compblock.app-component-specialist .component-info .component-alinea table caption,
.component-crosslinkslist .component-alinea table caption {
font-size: 2rem;
}
h4,
.page-topcontent .tagline,
.app-component-homepagecrosslinklist h2,
.page-right .component-crosslinkslist h2,
.app-component-homepagecrosslinklist .webapp-table caption,
.page-right .component-crosslinkslist .webapp-table caption,
.app-component-homepagecrosslinklist .component-alinea table caption,
.page-right .component-crosslinkslist .component-alinea table caption {
font-size: 1.8rem;
}
h5 {
font-size: 1.6rem;
color: #333333;
}
@media (max-width: 64em) {
h1 {
font-size: 5.8vw;
}
}
@media (max-width: 30em) {
h1 {
font-size: 8.7vw;
}
}
hr {
border-bottom: 1px solid #EDEDEB;
}
hr.full-screen {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
position: relative;
left: 50%;
min-width: 100%;
width: 400vw;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin: 0;
}
.page-right {
font-size: 1.6rem;
}
/* =========================================================================
*
* A very important stylesheet because all website use a lot of button
* Here we control all custom button styling
*
* Usage for new buttons
* - Create a class name like '.btn-ghost' (prefix always with btn-)
* - Set double class names in the HTML to apply this styling:
* - This means only common button styling is set on the .btn class
* - All styling exceptions are set in ease separate class name like .btn-ghost
*
* ====================================================================== */
a,
html div#cookie-bar a {
transition: 0.2s ease-out;
color: #741473;
text-decoration: none;
}
a:hover,
a:focus {
color: #717915;
}
.btn,
button,
[type=submit],
html div#cookie-bar span.cookie-buttons .allow-cookies,
html .cookie-explanation button.request-cookies,
.call-to-action,
.form-input-file .file-input-btn,
.btn-confirm {
transition: 0.2s;
border-radius: 6rem;
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
padding: 0.75rem 3rem 1.2rem;
border: 0;
background: #717915;
color: #fff;
text-align: center;
}
.btn:hover,
.btn:focus,
button:hover,
button:focus,
[type=submit]:hover,
[type=submit]:focus,
html div#cookie-bar span.cookie-buttons .allow-cookies:hover,
html div#cookie-bar span.cookie-buttons .allow-cookies:focus,
html .cookie-explanation button.request-cookies:hover,
html .cookie-explanation button.request-cookies:focus,
.form-input-file .file-input-btn:hover,
.form-input-file .file-input-btn:focus,
.form-input-file:hover .file-input-btn {
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
background: #C7D624;
}
.btn:before,
button:before,
[type=submit]:before,
html div#cookie-bar span.cookie-buttons .allow-cookies:before,
html .cookie-explanation button.request-cookies:before,
.form-input-file .file-input-btn:before {
float: right;
margin-left: 0.75rem;
}
.btn.simple,
button.simple,
[type=submit].simple,
html div#cookie-bar span.cookie-buttons .allow-cookies.simple,
html .cookie-explanation button.request-cookies.simple,
.form-input-file .file-input-btn.simple {
font-weight: normal;
padding: 0;
background: none;
color: #717915;
}
.btn-hollow {
background: #fff;
border: 2px solid #AFBD21;
}
.underlined {
text-decoration: underline;
}
.buttons.overflow {
overflow: visible;
}
.call-to-action:focus,
.call-to-action:hover,
.btn-confirm:focus,
.btn-confirm:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
color: #4A4F0D;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
background: #C7D624;
}
.read-more {
transition: 0.2s ease-out;
font-weight: 600;
}
.read-more:before {
content: '›';
float: right;
margin-left: 0.75rem;
}
.read-more-alt {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
color: #717915;
position: relative;
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
}
.read-more-alt .arrow {
width: 2rem;
height: 2rem;
position: absolute;
top: 8px;
right: -3rem;
}
.read-more-alt .arrow:before {
transition: 0.2s ease-out;
border-radius: 50%;
color: #717915;
content: '';
position: absolute;
left: 0;
top: 0;
width: 2rem;
height: 2rem;
border: 2px solid #717915;
}
.read-more-alt .arrow:after {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
color: #717915;
content: 'e';
position: absolute;
left: 0;
top: 1px;
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
}
.read-more-alt:hover .arrow:before,
.read-more-alt:focus .arrow:before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.read-more-alt:hover .arrow:after,
.read-more-alt:focus .arrow:after {
animation-name: buttonFade;
animation-duration: 0.5s;
}
.read-more-alt .arrow {
position: inherit;
top: .3rem;
right: auto;
left: 0.75rem;
}
.read-more-alt .arrow::after {
top: .1rem;
}
.go-back-button {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: flex-end;
color: #AFBD21;
position: relative;
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
gap: .6rem;
}
.go-back-button .arrow {
width: 2rem;
height: 2rem;
position: absolute;
top: 8px;
right: -3rem;
}
.go-back-button .arrow:before {
transition: 0.2s ease-out;
border-radius: 50%;
color: #717915;
content: '';
position: absolute;
left: 0;
top: 0;
width: 2rem;
height: 2rem;
border: 2px solid #717915;
}
.go-back-button .arrow:after {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
color: #717915;
content: 'e';
position: absolute;
left: 0;
top: 1px;
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
}
.go-back-button:hover .arrow:before,
.go-back-button:focus .arrow:before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.go-back-button:hover .arrow:after,
.go-back-button:focus .arrow:after {
animation-name: buttonFade;
animation-duration: 0.5s;
}
.go-back-button .arrow {
position: relative;
transform: scale(-1);
top: .3rem;
right: unset;
}
.go-back-button .arrow::after {
top: .1rem;
}
.go-back-button__parent-title {
text-transform: lowercase;
}
.show-more {
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
display: inline-block;
position: relative;
}
.show-more .arrow {
width: 2rem;
height: 2rem;
position: absolute;
top: 8px;
right: -3rem;
}
.show-more .arrow:before {
transition: 0.2s ease-out;
border-radius: 50%;
color: #717915;
content: '';
position: absolute;
left: 0;
top: 0;
width: 2rem;
height: 2rem;
border: 2px solid #717915;
}
.show-more .arrow:after {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
color: #717915;
content: 'e';
position: absolute;
left: 0;
top: 1px;
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
}
.show-more:hover .arrow:before,
.show-more:focus .arrow:before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.show-more:hover .arrow:after,
.show-more:focus .arrow:after {
animation-name: buttonFade;
animation-duration: 0.5s;
}
.show-more:hover,
.show-more:focus {
box-shadow: none;
background: none;
}
.arrow-move-simple:before {
transition: 0.2s ease-out;
border-radius: 50%;
color: #717915;
content: '';
position: absolute;
left: 0;
top: 4px;
width: 2rem;
height: 2rem;
border: 2px solid #717915;
}
.arrow-move-simple:after {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
color: #717915;
content: 'e';
position: absolute;
left: 0;
top: 5px;
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
}
.arrow-move-simple:hover:before,
.arrow-move-simple:focus:before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.arrow-move-simple:hover:after,
.arrow-move-simple:focus:after {
animation-name: buttonFade;
animation-duration: 0.5s;
}
.arrow-move .arrow {
width: 2rem;
height: 2rem;
position: absolute;
top: 8px;
right: -3rem;
}
.arrow-move .arrow:before {
transition: 0.2s ease-out;
border-radius: 50%;
color: #717915;
content: '';
position: absolute;
left: 0;
top: 0;
width: 2rem;
height: 2rem;
border: 2px solid #717915;
}
.arrow-move .arrow:after {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
color: #717915;
content: 'e';
position: absolute;
left: 0;
top: 1px;
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
}
.arrow-move:hover .arrow:before,
.arrow-move:focus .arrow:before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.arrow-move:hover .arrow:after,
.arrow-move:focus .arrow:after {
animation-name: buttonFade;
animation-duration: 0.5s;
}
@-webkit-keyframes buttonFade {
0% {
opacity: 1;
}
25% {
opacity: 0;
-webkit-transform: translate3d(12px, 0, 0);
}
27% {
opacity: 0;
-webkit-transform: translate3d(-12px, 0, 0);
}
100% {
opacity: 1;
}
}
@keyframes buttonFade {
0% {
opacity: 1;
}
25% {
opacity: 0;
transform: translate3d(12px, 0, 0);
}
27% {
opacity: 0;
transform: translate3d(-12px, 0, 0);
}
100% {
opacity: 1;
}
}
/* =========================================================================
*
* Custom tooltip styling
*
* The downside of this CSS tooltip is that the text will always be forced over one rule
* This is because of the white-space: nowrap
* Therefor it is only useful for tooltips with little text
*
* ====================================================================== */
[data-title]:after {
border-radius: 2.4rem;
opacity: 0;
visibility: hidden;
background: #000;
padding: 0 0.75rem;
color: #fff;
font-size: 1.3rem;
}
[data-title]:hover:after,
[data-title]:focus:after {
opacity: 1;
visibility: visible;
margin-bottom: 0.5rem;
}
/* =========================================================================
*
* Here we can set some browser behaviour
*
* ====================================================================== */
/* text selection */
.text-selection {
color: #fff;
background: #741473;
}
::selection {
color: #fff;
background: #741473;
}
::-moz-selection {
color: #fff;
background: #741473;
}
.text-selection-purple-background {
color: #741473;
background: #fff;
}
.page-title-container ::selection {
color: #741473;
background: #fff;
}
.page-footer ::selection {
color: #741473;
background: #fff;
}
.page-title-container ::-moz-selection {
color: #741473;
background: #fff;
}
.page-footer ::-moz-selection {
color: #741473;
background: #fff;
}
/* =========================================================================
*
* The website's header styling goes here
*
* ====================================================================== */
/* header */
@media (max-width: 63.9375em) {
.page-header .inner {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
}
@media (max-width: 63.9375em) and (max-width: 63.9375em) {
.page-header .page-header-bottom {
background: #fff;
padding-right: 6rem;
}
}
.page-header-top {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
background: #fff;
height: 7.5rem;
}
@media (max-width: 63.9375em) {
.page-header-top {
height: 6rem;
}
}
.page-header-bottom {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
height: 6rem;
background: #AFBD21;
}
/* =========================================================================
*
* Logo styling
*
* ====================================================================== */
.page-logo {
padding: 1.5rem;
}
.page-logo a {
display: block;
height: 100%;
}
.page-logo img {
max-width: none;
width: 26rem;
}
@media (max-width: 63.9375em) {
.page-logo {
height: 6rem;
}
.page-logo img {
height: 3.5rem;
width: auto;
}
}
.site-header-nav-main {
padding: 0 1.5rem;
}
/* =========================================================================
*
* Custom main navigation styling (in the header)
*
* ====================================================================== */
.page-mainmenu > ul,
.page-topmenu > ul {
margin: 0 -1.5rem 0 0;
}
.page-mainmenu > ul ul,
.page-topmenu > ul ul {
display: none;
}
.page-mainmenu .level-1-item.home a:before,
.page-topmenu .level-1-item.home a:before {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
content: 'a';
line-height: inherit;
}
.page-mainmenu .level-1-item > a,
.page-topmenu .level-1-item > a {
white-space: nowrap;
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
color: #4A4F0D;
line-height: 5.6rem;
height: 6rem;
padding: 0 1.5rem;
font-size: 2rem;
}
.page-mainmenu .level-1-item a.hover,
.page-mainmenu .level-1-item a:hover,
.page-mainmenu .level-1-item a:focus,
.page-mainmenu .level-1-item.active > a,
.page-topmenu .level-1-item a.hover,
.page-topmenu .level-1-item a:hover,
.page-topmenu .level-1-item a:focus,
.page-topmenu .level-1-item.active > a {
color: #fff;
background: #717915;
}
.page-mainmenu .level-1-item ul,
.page-topmenu .level-1-item ul {
opacity: 0;
width: 24rem;
min-width: 100%;
visibility: hidden;
}
.page-mainmenu .level-1-item ul a,
.page-topmenu .level-1-item ul a {
padding: 0 1.5rem;
}
.page-mainmenu li.hover ul,
.page-mainmenu li:hover ul,
.page-topmenu li.hover ul,
.page-topmenu li:hover ul {
opacity: 1;
visibility: visible;
}
.page-mainmenu .subnav > a:after,
.page-topmenu .subnav > a:after {
content: '▾';
padding-left: 0.75rem;
}
/* =========================================================================
*
* Custom main navigation styling (in the header)
*
* ====================================================================== */
.page-topmenu {
font-size: 1.6rem;
}
.page-topmenu > ul {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin: 0;
}
.page-topmenu > ul ul {
display: none;
}
.page-topmenu .level-1-item > a {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
font-family: 'Source Sans Pro', sans-serif;
color: #606060;
font-size: 1.6rem;
}
.page-topmenu .level-1-item > a.hover,
.page-topmenu .level-1-item > a:hover {
color: #741473;
background: transparent;
}
.page-topmenu .level-1-item.active > a {
background: none;
color: #741473;
}
/* =========================================================================
*
* The website's footer styling goes here
*
* ====================================================================== */
.page-footer {
font-size: 1.8rem;
}
.page-footer .inner {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.page-footer .inner::after {
content: '';
background: #fff;
position: absolute;
left: 3rem;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
max-width: 135rem;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
.page-footer-graphics {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
position: relative;
background: #741473;
height: 3rem;
width: 100%;
margin-bottom: 3rem;
}
.page-footer-graphics .left {
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
padding: 0 1.5rem;
}
@media (max-width: 60em) {
.page-footer-graphics .left {
display: none;
}
}
.page-footer-graphics .right {
width: 33.33333333%;
position: relative;
padding: 0 1.5rem;
}
.page-footer-graphics .right:after {
border-radius: 0 0 0 2.4rem;
content: '';
height: 3rem;
position: absolute;
top: 0;
left: 1.5rem;
bottom: 0;
width: 100vw;
background: #631162;
}
.page-footer-content {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
padding-bottom: 3rem;
background: #741473;
color: #fff;
width: 100%;
overflow: hidden;
position: relative;
}
.page-footer-content a {
color: #fff;
}
.page-footer-top {
padding-left: 7.5rem;
padding-right: 7.5rem;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 64em) {
.page-footer-top {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media (max-width: 48em) {
.page-footer-top {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.page-footer-contact {
-webkit-flex: 4;
-ms-flex: 4;
flex: 4;
-webkit-flex-basis: 200px;
-ms-flex-basis: 200px;
flex-basis: 200px;
min-width: 200px;
padding: 0 1.5rem;
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
}
.page-footer-contact a {
color: #AFBD21;
}
.page-footer-contact .icon-phone {
color: #AFBD21;
font-size: 2.4rem;
}
.page-footer-contact .icon-phone:before {
margin-right: 1.5rem;
font-family: 'zorggroep-meander' !important;
}
.page-footer-contact .btn,
.page-footer-contact button,
.page-footer-contact [type=submit],
.page-footer-contact html div#cookie-bar span.cookie-buttons .allow-cookies,
.page-footer-contact html .cookie-explanation button.request-cookies,
.page-footer-contact .form-input-file .file-input-btn {
background: #AFBD21;
color: #4A4F0D;
padding: 0.5rem 2rem 1rem;
font-size: 2rem;
}
.page-footer-contact .btn:hover,
.page-footer-contact .btn:focus,
.page-footer-contact button:hover,
.page-footer-contact button:focus,
.page-footer-contact [type=submit]:hover,
.page-footer-contact [type=submit]:focus,
.page-footer-contact html div#cookie-bar span.cookie-buttons .allow-cookies:hover,
.page-footer-contact html div#cookie-bar span.cookie-buttons .allow-cookies:focus,
.page-footer-contact html .cookie-explanation button.request-cookies:hover,
.page-footer-contact html .cookie-explanation button.request-cookies:focus,
.page-footer-contact .form-input-file .file-input-btn:hover,
.page-footer-contact .form-input-file .file-input-btn:focus {
background: #717915;
color: #fff;
}
.page-footer-navigation {
-webkit-flex: 5;
-ms-flex: 5;
flex: 5;
-webkit-flex-basis: 300px;
-ms-flex-basis: 300px;
flex-basis: 300px;
min-width: 300px;
padding: 0 1.5rem;
}
.page-footer-navigation-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -1.5rem;
}
.page-footer-navigation-wrapper nav {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-basis: 200px;
-ms-flex-basis: 200px;
flex-basis: 200px;
min-width: 200px;
width: 50%;
padding: 0 1.5rem;
}
.page-footer-navigation-wrapper .component-crosslinkslist h2,
.page-footer-navigation-wrapper .component-crosslinkslist .webapp-table caption,
.page-footer-navigation-wrapper .component-crosslinkslist .component-alinea table caption {
color: #fff;
font-size: 2rem;
}
.page-footer-navigation-wrapper .component-crosslinkslist h2:before,
.page-footer-navigation-wrapper .component-crosslinkslist .webapp-table caption:before,
.page-footer-navigation-wrapper .component-crosslinkslist .component-alinea table caption:before {
display: none;
}
.page-footer-navigation-wrapper .component-crosslinkslist li a:before,
.page-footer-navigation-wrapper .component-crosslinkslist li a:after {
display: none;
}
.page-footer-navigation-wrapper a:hover {
text-decoration: underline;
}
.page-footer-socials {
padding: 0 1.5rem;
}
.page-footer-socials ul {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
border-radius: 3rem;
overflow: hidden;
}
.page-footer-socials li:not(:first-child) {
border-left: 2px solid #741473;
}
.page-footer-socials a {
display: block;
text-align: center;
width: 6rem;
min-width: 6rem;
height: 6rem;
line-height: 6rem;
background: #851783;
}
.page-footer-socials a:hover,
.page-footer-socials a:focus {
background: #fff;
color: #741473;
}
.page-footer-socials a:before {
line-height: inherit;
display: block;
font-family: 'zorggroep-meander' !important;
}
.page-footer-bottom {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
padding-left: 7.5rem;
padding-right: 7.5rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 3rem;
padding-top: 3rem;
color: #fff;
}
@media (max-width: 64em) {
.page-footer-bottom {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media (max-width: 48em) {
.page-footer-bottom {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (max-width: 30em) {
.page-footer-bottom {
display: block;
}
}
.page-footer-bottom .page-footer-bottom-nav {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 1.5rem;
}
.page-footer-bottom span {
display: inline-block;
margin-right: 3rem;
}
.page-footer-bottom .nav {
display: inline-block;
}
.page-footer-bottom a:hover,
.page-footer-bottom a:focus {
text-decoration: underline;
}
.page-footermenu ul,
.footer-credits {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin: 0;
}
.page-footermenu ul li:not(:last-child),
.footer-credits li:not(:last-child) {
margin-right: 3rem;
}
.page-footermenu ul a,
.footer-credits a {
display: inline-block;
}
.flexwrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-offset {
padding-left: 7.5rem;
padding-right: 7.5rem;
}
@media (max-width: 64em) {
.page-offset {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media (max-width: 48em) {
.page-offset {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.page-offset-left {
padding-left: 7.5rem;
}
@media (max-width: 768px) {
.page-offset-left {
padding-left: 0;
}
}
@media (max-width: 768px) {
.inner {
padding-left: 0;
padding-right: 0;
}
}
.align-centered {
text-align: center;
}
.overviewblock,
.page-overview .compblock,
.component-app-component-carepage,
#map-location-details .app-component-location {
padding: 0 1.5rem;
width: 33.33333333%;
}
@media (max-width: 60em) {
.overviewblock,
.page-overview .compblock,
.component-app-component-carepage,
#map-location-details .app-component-location {
width: 50%;
}
}
@media (max-width: 40em) {
.overviewblock,
.page-overview .compblock,
.component-app-component-carepage,
#map-location-details .app-component-location {
width: 100%;
}
}
.overviewblock .wrapper,
.page-overview .compblock .wrapper,
.component-app-component-carepage .wrapper,
#map-location-details .app-component-location .wrapper {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
.overviewblock a,
.page-overview .compblock a,
.component-app-component-carepage a,
#map-location-details .app-component-location a {
position: relative;
display: block;
}
.overviewblock a .arrow,
.page-overview .compblock a .arrow,
.component-app-component-carepage a .arrow,
#map-location-details .app-component-location a .arrow {
width: 2rem;
height: 2rem;
position: absolute;
top: 8px;
right: -3rem;
}
.overviewblock a .arrow:before,
.page-overview .compblock a .arrow:before,
.component-app-component-carepage a .arrow:before,
#map-location-details .app-component-location a .arrow:before {
transition: 0.2s ease-out;
border-radius: 50%;
color: #717915;
content: '';
position: absolute;
left: 0;
top: 0;
width: 2rem;
height: 2rem;
border: 2px solid #717915;
}
.overviewblock a .arrow:after,
.page-overview .compblock a .arrow:after,
.component-app-component-carepage a .arrow:after,
#map-location-details .app-component-location a .arrow:after {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
color: #717915;
content: 'e';
position: absolute;
left: 0;
top: 1px;
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
}
.overviewblock a:hover .arrow:before,
.overviewblock a:focus .arrow:before,
.page-overview .compblock a:hover .arrow:before,
.page-overview .compblock a:focus .arrow:before,
.component-app-component-carepage a:hover .arrow:before,
.component-app-component-carepage a:focus .arrow:before,
#map-location-details .app-component-location a:hover .arrow:before,
#map-location-details .app-component-location a:focus .arrow:before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.overviewblock a:hover .arrow:after,
.overviewblock a:focus .arrow:after,
.page-overview .compblock a:hover .arrow:after,
.page-overview .compblock a:focus .arrow:after,
.component-app-component-carepage a:hover .arrow:after,
.component-app-component-carepage a:focus .arrow:after,
#map-location-details .app-component-location a:hover .arrow:after,
#map-location-details .app-component-location a:focus .arrow:after {
animation-name: buttonFade;
animation-duration: 0.5s;
}
.overviewblock a .arrow,
.page-overview .compblock a .arrow,
.component-app-component-carepage a .arrow,
#map-location-details .app-component-location a .arrow {
position: absolute;
top: auto;
bottom: 2rem;
right: 3rem;
}
.overviewblock figure,
.page-overview .compblock figure,
.component-app-component-carepage figure,
#map-location-details .app-component-location figure {
border-radius: 1.2rem 1.2rem 0 0;
position: relative;
padding-top: 66.66666667%;
background: #FAFAF7;
z-index: 0;
}
.overviewblock figure img,
.page-overview .compblock figure img,
.component-app-component-carepage figure img,
#map-location-details .app-component-location figure img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 1.2rem 1.2rem 0 0;
max-width: none;
width: 100%;
}
.overviewblock .responsive-image,
.page-overview .compblock .responsive-image,
.component-app-component-carepage .responsive-image,
#map-location-details .app-component-location .responsive-image {
padding-top: 0 !important;
position: static;
}
.overviewblock .component-info,
.page-overview .compblock .component-info,
.component-app-component-carepage .component-info,
#map-location-details .app-component-location .component-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.overviewblock .component-info.rounded,
.page-overview .compblock .component-info.rounded,
.component-app-component-carepage .component-info.rounded,
#map-location-details .app-component-location .component-info.rounded {
border-radius: 0 0 1.2rem 1.2rem;
}
.overviewblock .component-info:before,
.page-overview .compblock .component-info:before,
.component-app-component-carepage .component-info:before,
#map-location-details .app-component-location .component-info:before {
content: '';
background: #741473;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.8;
}
@supports (mix-blend-mode: multiply) {
.overviewblock .component-info:before,
.page-overview .compblock .component-info:before,
.component-app-component-carepage .component-info:before,
#map-location-details .app-component-location .component-info:before {
display: none;
}
}
.overviewblock .component-info h2,
.overviewblock .component-info .webapp-table caption,
.overviewblock .component-info .component-alinea table caption,
.page-overview .compblock .component-info h2,
.component-app-component-carepage .component-info h2,
#map-location-details .app-component-location .component-info h2 {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
color: #fff;
position: relative;
font-size: 2.4rem;
margin: 0;
padding: 1rem 6rem 2rem 3rem;
}
.overviewblock .component-info-rel,
.page-overview .compblock .component-info-rel,
.component-app-component-carepage .component-info-rel,
#map-location-details .app-component-location .component-info-rel {
padding: 1rem 0;
color: #606060;
position: relative;
}
.overviewblock .tagline,
.page-overview .compblock .tagline,
.component-app-component-carepage .tagline,
#map-location-details .app-component-location .tagline {
border-radius: 0 0 1.2rem 1.2rem;
font-family: 'Yummo W01 SemiBold1444429', 'Source Sans Pro', sans-serif;
background: #741473;
padding: 1rem 3rem 2rem;
position: relative;
color: #AFBD21;
margin-bottom: 0;
line-height: 1.5;
}
.overviewblock .alinea,
.page-overview .compblock .alinea,
.component-app-component-carepage .alinea,
#map-location-details .app-component-location .alinea {
padding: 1rem 3rem 0;
}
.overviewblock.storypreview .wrapper,
.page-overview .compblock.storypreview .wrapper,
.component-app-component-carepage.storypreview .wrapper,
#map-location-details .app-component-location.storypreview .wrapper {
border-radius: 1.2rem 1.2rem 0 1.2rem;
}
.overviewblock.storypreview .component-info,
.page-overview .compblock.storypreview .component-info,
.component-app-component-carepage.storypreview .component-info,
#map-location-details .app-component-location.storypreview .component-info {
border-top-right-radius: 1.2rem;
border-top-left-radius: 1.2rem;
left: 1.5rem;
}
.overviewblock.storypreview .title:after,
.page-overview .compblock.storypreview .title:after,
.component-app-component-carepage.storypreview .title:after,
#map-location-details .app-component-location.storypreview .title:after {
display: none;
}
.overviewblock.storypreview .blend,
.page-overview .compblock.storypreview .blend,
.component-app-component-carepage.storypreview .blend,
#map-location-details .app-component-location.storypreview .blend {
border-radius: 1.2rem 1.2rem 0 0;
overflow: hidden;
width: 100%;
left: 0;
}
.overviewblock.storypreview .blend svg,
.page-overview .compblock.storypreview .blend svg,
.component-app-component-carepage.storypreview .blend svg,
#map-location-details .app-component-location.storypreview .blend svg {
left: -3rem;
}
.overviewblock.storypreview .preview-text,
.page-overview .compblock.storypreview .preview-text,
.component-app-component-carepage.storypreview .preview-text,
#map-location-details .app-component-location.storypreview .preview-text {
padding-left: 1.5rem;
padding-bottom: 3rem;
}
.overviewblock.storypreview .preview-text h2,
.overviewblock.storypreview .preview-text .webapp-table caption,
.overviewblock.storypreview .preview-text .component-alinea table caption,
.page-overview .compblock.storypreview .preview-text h2,
.component-app-component-carepage.storypreview .preview-text h2,
#map-location-details .app-component-location.storypreview .preview-text h2 {
margin-top: 0.75rem;
margin-bottom: 0;
padding-left: 3rem;
}
.overviewblock.storypreview .preview-text .btn,
.overviewblock.storypreview .preview-text button,
.overviewblock.storypreview .preview-text [type=submit],
.overviewblock.storypreview .preview-text html div#cookie-bar span.cookie-buttons .allow-cookies,
.overviewblock.storypreview .preview-text html .cookie-explanation button.request-cookies,
.overviewblock.storypreview .preview-text .form-input-file .file-input-btn,
.page-overview .compblock.storypreview .preview-text .btn,
.component-app-component-carepage.storypreview .preview-text .btn,
#map-location-details .app-component-location.storypreview .preview-text .btn {
padding-left: 3rem;
}
.overviewblock.storypreview .tagline,
.page-overview .compblock.storypreview .tagline,
.component-app-component-carepage.storypreview .tagline,
#map-location-details .app-component-location.storypreview .tagline {
border-radius: 0 0 1.2rem 0;
position: relative;
background: #717915;
color: #fff;
padding: 1.5rem 3rem;
}
.overviewblock.storypreview .tagline:before,
.page-overview .compblock.storypreview .tagline:before,
.component-app-component-carepage.storypreview .tagline:before,
#map-location-details .app-component-location.storypreview .tagline:before {
content: '';
background: url('/img/corner-green.svg');
position: absolute;
left: 0;
top: calc(100% - 1px);
height: 3rem;
width: 3rem;
z-index: 0;
}
.overviewblock.storypreview .show-more,
.page-overview .compblock.storypreview .show-more,
.component-app-component-carepage.storypreview .show-more,
#map-location-details .app-component-location.storypreview .show-more {
display: inline-flex;
}
.overviewblock.storypreview .show-more .arrow,
.page-overview .compblock.storypreview .show-more .arrow,
.component-app-component-carepage.storypreview .show-more .arrow,
#map-location-details .app-component-location.storypreview .show-more .arrow {
position: relative;
bottom: -0.2rem;
right: auto;
left: 0.75rem;
}
.overviewblock.storypreview img,
.page-overview .compblock.storypreview img,
.component-app-component-carepage.storypreview img,
#map-location-details .app-component-location.storypreview img {
border-radius: 1.2rem;
}
.overviewblock.location,
.page-overview .compblock.location,
.component-app-component-carepage.location,
#map-location-details .app-component-location.location {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
width: 25%;
}
@media (max-width: 80em) {
.overviewblock.location,
.page-overview .compblock.location,
.component-app-component-carepage.location,
#map-location-details .app-component-location.location {
width: 33.33333333%;
}
}
@media (max-width: 63.9375em) {
.overviewblock.location,
.page-overview .compblock.location,
.component-app-component-carepage.location,
#map-location-details .app-component-location.location {
width: 50%;
}
}
@media (max-width: 40em) {
.overviewblock.location,
.page-overview .compblock.location,
.component-app-component-carepage.location,
#map-location-details .app-component-location.location {
width: 100%;
}
}
.overviewblock.location .wrapper,
.page-overview .compblock.location .wrapper,
.component-app-component-carepage.location .wrapper,
#map-location-details .app-component-location.location .wrapper {
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
border-radius: 1.2rem;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
width: 100%;
}
.overviewblock.location .overviewblock-wrapper,
.page-overview .compblock.location .overviewblock-wrapper,
.component-app-component-carepage.location .overviewblock-wrapper,
#map-location-details .app-component-location.location .overviewblock-wrapper {
border-radius: 0;
overflow: visible;
}
.overviewblock.location .location-types,
.page-overview .compblock.location .location-types,
.component-app-component-carepage.location .location-types,
#map-location-details .app-component-location.location .location-types {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
position: absolute;
bottom: -18px;
margin: 0;
width: 100%;
z-index: 1;
}
.overviewblock.location .location-types li,
.page-overview .compblock.location .location-types li,
.component-app-component-carepage.location .location-types li,
#map-location-details .app-component-location.location .location-types li {
border-radius: 36px;
width: 36px;
height: 36px;
border: 2px solid #fff;
}
.overviewblock.location .component-info,
.page-overview .compblock.location .component-info,
.component-app-component-carepage.location .component-info,
#map-location-details .app-component-location.location .component-info {
position: relative;
padding: 3rem;
}
.overviewblock.location .component-info h2,
.overviewblock.location .component-info .webapp-table caption,
.overviewblock.location .component-info .component-alinea table caption,
.page-overview .compblock.location .component-info h2,
.component-app-component-carepage.location .component-info h2,
#map-location-details .app-component-location.location .component-info h2 {
color: #741473;
padding: 0;
margin-bottom: 1.5rem;
}
.overviewblock.location .component-info h2:after,
.overviewblock.location .component-info .webapp-table caption:after,
.overviewblock.location .component-info .component-alinea table caption:after,
.page-overview .compblock.location .component-info h2:after,
.component-app-component-carepage.location .component-info h2:after,
#map-location-details .app-component-location.location .component-info h2:after {
display: none;
}
.overviewblock.location .location-info *[class^='icon-'],
.page-overview .compblock.location .location-info *[class^='icon-'],
.component-app-component-carepage.location .location-info *[class^='icon-'],
#map-location-details .app-component-location.location .location-info *[class^='icon-'] {
padding-left: 2rem;
position: relative;
}
.overviewblock.location .location-info li:before,
.page-overview .compblock.location .location-info li:before,
.component-app-component-carepage.location .location-info li:before,
#map-location-details .app-component-location.location .location-info li:before {
color: #717915;
font-size: 1.4rem;
position: absolute;
left: 0;
top: 8px;
}
.overviewblock.location .show-more,
.page-overview .compblock.location .show-more,
.component-app-component-carepage.location .show-more,
#map-location-details .app-component-location.location .show-more {
display: inline-block;
padding-right: 3rem;
}
.overviewblock.location .show-more:before,
.page-overview .compblock.location .show-more:before,
.component-app-component-carepage.location .show-more:before,
#map-location-details .app-component-location.location .show-more:before {
transition: 0.2s ease-out;
border-radius: 50%;
color: #717915;
content: '';
position: absolute;
left: 0;
top: 4px;
width: 2rem;
height: 2rem;
border: 2px solid #717915;
}
.overviewblock.location .show-more:after,
.page-overview .compblock.location .show-more:after,
.component-app-component-carepage.location .show-more:after,
#map-location-details .app-component-location.location .show-more:after {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
color: #717915;
content: 'e';
position: absolute;
left: 0;
top: 5px;
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
}
.overviewblock.location .show-more:hover:before,
.overviewblock.location .show-more:focus:before,
.page-overview .compblock.location .show-more:hover:before,
.page-overview .compblock.location .show-more:focus:before,
.component-app-component-carepage.location .show-more:hover:before,
.component-app-component-carepage.location .show-more:focus:before,
#map-location-details .app-component-location.location .show-more:hover:before,
#map-location-details .app-component-location.location .show-more:focus:before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.overviewblock.location .show-more:hover:after,
.overviewblock.location .show-more:focus:after,
.page-overview .compblock.location .show-more:hover:after,
.page-overview .compblock.location .show-more:focus:after,
.component-app-component-carepage.location .show-more:hover:after,
.component-app-component-carepage.location .show-more:focus:after,
#map-location-details .app-component-location.location .show-more:hover:after,
#map-location-details .app-component-location.location .show-more:focus:after {
animation-name: buttonFade;
animation-duration: 0.5s;
}
.overviewblock.location .show-more:after,
.overviewblock.location .show-more:before,
.page-overview .compblock.location .show-more:after,
.page-overview .compblock.location .show-more:before,
.component-app-component-carepage.location .show-more:after,
.component-app-component-carepage.location .show-more:before,
#map-location-details .app-component-location.location .show-more:after,
#map-location-details .app-component-location.location .show-more:before {
right: 0;
left: auto;
top: 8px;
}
.overviewblock.location .show-more:after,
.page-overview .compblock.location .show-more:after,
.component-app-component-carepage.location .show-more:after,
#map-location-details .app-component-location.location .show-more:after {
top: 9px;
}
.blend {
display: none;
mix-blend-mode: multiply;
opacity: 0.8;
left: -3rem;
bottom: -1px;
position: absolute;
height: 100%;
width: 100vw;
overflow: hidden;
}
.blend svg {
display: none;
}
.page-intro-right .blend {
bottom: auto;
top: -1px;
}
@supports (mix-blend-mode: multiply) {
.page-intro-container .page-intro-right .component-contact {
background: none;
}
.page-intro-container .page-intro-right .component-contact:after {
background: none;
}
.blend {
display: block;
opacity: 1;
}
.blend svg {
display: block;
border-radius: 0 0 0 2.4rem;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100vw;
height: 100%;
}
}
.full-contentpage-width {
width: calc(100% + 12rem);
left: -9rem;
}
@media (max-width: 60em) {
.full-contentpage-width {
width: calc(100% + 6rem);
left: -3rem;
}
}
.show-for-sr {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.element-invisible {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.element-invisible-off {
position: static !important;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
}
@media (max-width: 60em) {
.layout-homepage .page-title-container:after,
.heroic.component-homepage .page-title-container:after {
display: none;
}
}
.layout-homepage .page-intro-container,
.heroic.component-homepage .page-intro-container {
padding-left: 7.5rem;
padding-right: 7.5rem;
left: 0;
}
@media (max-width: 64em) {
.layout-homepage .page-intro-container,
.heroic.component-homepage .page-intro-container {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media (max-width: 48em) {
.layout-homepage .page-intro-container,
.heroic.component-homepage .page-intro-container {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.layout-homepage .page-intro-container:after,
.heroic.component-homepage .page-intro-container:after {
left: 0;
}
.layout-homepage .page-intro-container .page-intro,
.heroic.component-homepage .page-intro-container .page-intro {
padding: 3rem 6rem 0 1.5rem;
}
@media (max-width: 30em) {
.layout-homepage .page-intro-container .page-intro,
.heroic.component-homepage .page-intro-container .page-intro {
padding-top: 1.5rem;
}
.layout-homepage .page-intro-container .page-intro .intro,
.heroic.component-homepage .page-intro-container .page-intro .intro {
margin-bottom: 2.25rem;
}
}
.layout-homepage .page-intro-container .page-intro-right,
.heroic.component-homepage .page-intro-container .page-intro-right {
-webkit-align-self: flex-start;
-ms-align-self: flex-start;
align-self: flex-start;
display: block;
width: 33.33333333%;
position: relative;
}
@media (max-width: 60em) {
.layout-homepage .page-intro-container .page-intro-right,
.heroic.component-homepage .page-intro-container .page-intro-right {
display: none;
}
}
.layout-homepage .page-middle-wrapper,
.heroic.component-homepage .page-middle-wrapper {
padding: 0;
}
.layout-homepage .page-middle-wrapper .page-middle,
.heroic.component-homepage .page-middle-wrapper .page-middle {
padding: 0;
}
.page-extracontent-wrapper {
position: relative;
}
@media (max-width: 60em) {
.layout-overviewpage .page-title-container:after,
.heroic.app-component-treatmentfolder .page-title-container:after,
.heroic.app-component-services .page-title-container:after,
body:not(.heroic).component-errorpage .page-title-container:after,
body:not(.heroic).component-newsfolder .page-title-container:after,
body:not(.heroic).app-component-overviewpage .page-title-container:after,
body:not(.heroic).app-component-specialistfolder .page-title-container:after,
body:not(.heroic).app-component-treatmentfolder .page-title-container:after,
body:not(.heroic).app-component-locationfolder .page-title-container:after,
body:not(.heroic).app-component-storyfolder .page-title-container:after,
body:not(.heroic).component-vacatureoverzicht .page-title-container:after,
body:not(.heroic).component-agendafolder .page-title-container:after,
body:not(.heroic).app-component-services .page-title-container:after {
display: none;
}
.layout-overviewpage .page-intro-container .page-intro-right,
.heroic.app-component-treatmentfolder .page-intro-container .page-intro-right,
.heroic.app-component-services .page-intro-container .page-intro-right,
body:not(.heroic).component-errorpage .page-intro-container .page-intro-right,
body:not(.heroic).component-newsfolder .page-intro-container .page-intro-right,
body:not(.heroic).app-component-overviewpage .page-intro-container .page-intro-right,
body:not(.heroic).app-component-specialistfolder .page-intro-container .page-intro-right,
body:not(.heroic).app-component-treatmentfolder .page-intro-container .page-intro-right,
body:not(.heroic).app-component-locationfolder .page-intro-container .page-intro-right,
body:not(.heroic).app-component-storyfolder .page-intro-container .page-intro-right,
body:not(.heroic).component-vacatureoverzicht .page-intro-container .page-intro-right,
body:not(.heroic).component-agendafolder .page-intro-container .page-intro-right,
body:not(.heroic).app-component-services .page-intro-container .page-intro-right {
display: none;
}
}
.layout-overviewpage .page-content,
.heroic.app-component-treatmentfolder .page-content,
.heroic.app-component-services .page-content,
body:not(.heroic).component-errorpage .page-content,
body:not(.heroic).component-newsfolder .page-content,
body:not(.heroic).app-component-overviewpage .page-content,
body:not(.heroic).app-component-specialistfolder .page-content,
body:not(.heroic).app-component-treatmentfolder .page-content,
body:not(.heroic).app-component-locationfolder .page-content,
body:not(.heroic).app-component-storyfolder .page-content,
body:not(.heroic).component-vacatureoverzicht .page-content,
body:not(.heroic).component-agendafolder .page-content,
body:not(.heroic).app-component-services .page-content {
padding: 0;
}
.layout-overviewpage .page-content-wrapper,
.heroic.app-component-treatmentfolder .page-content-wrapper,
.heroic.app-component-services .page-content-wrapper,
body:not(.heroic).component-errorpage .page-content-wrapper,
body:not(.heroic).component-newsfolder .page-content-wrapper,
body:not(.heroic).app-component-overviewpage .page-content-wrapper,
body:not(.heroic).app-component-specialistfolder .page-content-wrapper,
body:not(.heroic).app-component-treatmentfolder .page-content-wrapper,
body:not(.heroic).app-component-locationfolder .page-content-wrapper,
body:not(.heroic).app-component-storyfolder .page-content-wrapper,
body:not(.heroic).component-vacatureoverzicht .page-content-wrapper,
body:not(.heroic).component-agendafolder .page-content-wrapper,
body:not(.heroic).app-component-services .page-content-wrapper {
padding-left: 7.5rem;
padding-right: 7.5rem;
}
@media (max-width: 64em) {
.layout-overviewpage .page-content-wrapper,
.heroic.app-component-treatmentfolder .page-content-wrapper,
.heroic.app-component-services .page-content-wrapper,
body:not(.heroic).component-errorpage .page-content-wrapper,
body:not(.heroic).component-newsfolder .page-content-wrapper,
body:not(.heroic).app-component-overviewpage .page-content-wrapper,
body:not(.heroic).app-component-specialistfolder .page-content-wrapper,
body:not(.heroic).app-component-treatmentfolder .page-content-wrapper,
body:not(.heroic).app-component-locationfolder .page-content-wrapper,
body:not(.heroic).app-component-storyfolder .page-content-wrapper,
body:not(.heroic).component-vacatureoverzicht .page-content-wrapper,
body:not(.heroic).component-agendafolder .page-content-wrapper,
body:not(.heroic).app-component-services .page-content-wrapper {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media (max-width: 48em) {
.layout-overviewpage .page-content-wrapper,
.heroic.app-component-treatmentfolder .page-content-wrapper,
.heroic.app-component-services .page-content-wrapper,
body:not(.heroic).component-errorpage .page-content-wrapper,
body:not(.heroic).component-newsfolder .page-content-wrapper,
body:not(.heroic).app-component-overviewpage .page-content-wrapper,
body:not(.heroic).app-component-specialistfolder .page-content-wrapper,
body:not(.heroic).app-component-treatmentfolder .page-content-wrapper,
body:not(.heroic).app-component-locationfolder .page-content-wrapper,
body:not(.heroic).app-component-storyfolder .page-content-wrapper,
body:not(.heroic).component-vacatureoverzicht .page-content-wrapper,
body:not(.heroic).component-agendafolder .page-content-wrapper,
body:not(.heroic).app-component-services .page-content-wrapper {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.layout-overviewpage .page-extracontent-wrapper,
.heroic.app-component-treatmentfolder .page-extracontent-wrapper,
.heroic.app-component-services .page-extracontent-wrapper,
body:not(.heroic).component-errorpage .page-extracontent-wrapper,
body:not(.heroic).component-newsfolder .page-extracontent-wrapper,
body:not(.heroic).app-component-overviewpage .page-extracontent-wrapper,
body:not(.heroic).app-component-specialistfolder .page-extracontent-wrapper,
body:not(.heroic).app-component-treatmentfolder .page-extracontent-wrapper,
body:not(.heroic).app-component-locationfolder .page-extracontent-wrapper,
body:not(.heroic).app-component-storyfolder .page-extracontent-wrapper,
body:not(.heroic).component-vacatureoverzicht .page-extracontent-wrapper,
body:not(.heroic).component-agendafolder .page-extracontent-wrapper,
body:not(.heroic).app-component-services .page-extracontent-wrapper {
padding: 0 1.5rem;
}
.layout-overviewpage .page-extracontent-wrapper .page-overview,
.heroic.app-component-treatmentfolder .page-extracontent-wrapper .page-overview,
.heroic.app-component-services .page-extracontent-wrapper .page-overview,
body:not(.heroic).component-errorpage .page-extracontent-wrapper .page-overview,
body:not(.heroic).component-newsfolder .page-extracontent-wrapper .page-overview,
body:not(.heroic).app-component-overviewpage .page-extracontent-wrapper .page-overview,
body:not(.heroic).app-component-specialistfolder .page-extracontent-wrapper .page-overview,
body:not(.heroic).app-component-treatmentfolder .page-extracontent-wrapper .page-overview,
body:not(.heroic).app-component-locationfolder .page-extracontent-wrapper .page-overview,
body:not(.heroic).app-component-storyfolder .page-extracontent-wrapper .page-overview,
body:not(.heroic).component-vacatureoverzicht .page-extracontent-wrapper .page-overview,
body:not(.heroic).component-agendafolder .page-extracontent-wrapper .page-overview,
body:not(.heroic).app-component-services .page-extracontent-wrapper .page-overview {
margin: 0 -3rem;
}
.layout-overviewpage .page-middle-wrapper,
.heroic.app-component-treatmentfolder .page-middle-wrapper,
.heroic.app-component-services .page-middle-wrapper,
body:not(.heroic).component-errorpage .page-middle-wrapper,
body:not(.heroic).component-newsfolder .page-middle-wrapper,
body:not(.heroic).app-component-overviewpage .page-middle-wrapper,
body:not(.heroic).app-component-specialistfolder .page-middle-wrapper,
body:not(.heroic).app-component-treatmentfolder .page-middle-wrapper,
body:not(.heroic).app-component-locationfolder .page-middle-wrapper,
body:not(.heroic).app-component-storyfolder .page-middle-wrapper,
body:not(.heroic).component-vacatureoverzicht .page-middle-wrapper,
body:not(.heroic).component-agendafolder .page-middle-wrapper,
body:not(.heroic).app-component-services .page-middle-wrapper {
padding: 0;
margin: 0 1.5rem;
}
.layout-overviewpage .page-middle-wrapper .page-middle,
.heroic.app-component-treatmentfolder .page-middle-wrapper .page-middle,
.heroic.app-component-services .page-middle-wrapper .page-middle,
body:not(.heroic).component-errorpage .page-middle-wrapper .page-middle,
body:not(.heroic).component-newsfolder .page-middle-wrapper .page-middle,
body:not(.heroic).app-component-overviewpage .page-middle-wrapper .page-middle,
body:not(.heroic).app-component-specialistfolder .page-middle-wrapper .page-middle,
body:not(.heroic).app-component-treatmentfolder .page-middle-wrapper .page-middle,
body:not(.heroic).app-component-locationfolder .page-middle-wrapper .page-middle,
body:not(.heroic).app-component-storyfolder .page-middle-wrapper .page-middle,
body:not(.heroic).component-vacatureoverzicht .page-middle-wrapper .page-middle,
body:not(.heroic).component-agendafolder .page-middle-wrapper .page-middle,
body:not(.heroic).app-component-services .page-middle-wrapper .page-middle {
padding: 0;
}
.layout-overviewpage-heroic .page-intro-container,
.heroic.app-component-treatmentfolder .page-intro-container,
.heroic.app-component-services .page-intro-container {
padding-left: 7.5rem;
padding-right: 7.5rem;
overflow: hidden;
}
@media (max-width: 64em) {
.layout-overviewpage-heroic .page-intro-container,
.heroic.app-component-treatmentfolder .page-intro-container,
.heroic.app-component-services .page-intro-container {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media (max-width: 48em) {
.layout-overviewpage-heroic .page-intro-container,
.heroic.app-component-treatmentfolder .page-intro-container,
.heroic.app-component-services .page-intro-container {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.layout-overviewpage-heroic .page-intro-container .page-intro,
.heroic.app-component-treatmentfolder .page-intro-container .page-intro,
.heroic.app-component-services .page-intro-container .page-intro {
padding: 3rem 1.5rem 0;
}
@media (max-width: 60em) {
.layout-contentpage-right .page-title-container:after,
.heroic.component-contactpagina .page-title-container:after,
.heroic.app-component-treatment .page-title-container:after,
.heroic.app-component-story .page-title-container:after,
.heroic.app-component-location .page-title-container:after,
.heroic.app-component-carepage .page-title-container:after,
.heroic.component-contentpage .page-title-container:after,
body:not(.heroic).component-contactpagina .page-title-container:after,
body:not(.heroic).component-searchengine .page-title-container:after,
body:not(.heroic).component-contentpage .page-title-container:after,
body:not(.heroic).app-component-story .page-title-container:after,
body:not(.heroic).component-agendaitem .page-title-container:after,
body:not(.heroic).component-newsitem .page-title-container:after {
display: none;
}
.layout-contentpage-right .page-intro-container .page-intro-right,
.heroic.component-contactpagina .page-intro-container .page-intro-right,
.heroic.app-component-treatment .page-intro-container .page-intro-right,
.heroic.app-component-story .page-intro-container .page-intro-right,
.heroic.app-component-location .page-intro-container .page-intro-right,
.heroic.app-component-carepage .page-intro-container .page-intro-right,
.heroic.component-contentpage .page-intro-container .page-intro-right,
body:not(.heroic).component-contactpagina .page-intro-container .page-intro-right,
body:not(.heroic).component-searchengine .page-intro-container .page-intro-right,
body:not(.heroic).component-contentpage .page-intro-container .page-intro-right,
body:not(.heroic).app-component-story .page-intro-container .page-intro-right,
body:not(.heroic).component-agendaitem .page-intro-container .page-intro-right,
body:not(.heroic).component-newsitem .page-intro-container .page-intro-right {
display: none;
}
}
.layout-contentpage-right .page-content,
.heroic.component-contactpagina .page-content,
.heroic.app-component-treatment .page-content,
.heroic.app-component-story .page-content,
.heroic.app-component-location .page-content,
.heroic.app-component-carepage .page-content,
.heroic.component-contentpage .page-content,
body:not(.heroic).component-contactpagina .page-content,
body:not(.heroic).component-searchengine .page-content,
body:not(.heroic).component-contentpage .page-content,
body:not(.heroic).app-component-story .page-content,
body:not(.heroic).component-agendaitem .page-content,
body:not(.heroic).component-newsitem .page-content {
padding: 0 3rem;
margin: 0 -3rem;
}
.layout-contentpage-right .page-middle,
.heroic.component-contactpagina .page-middle,
.heroic.app-component-treatment .page-middle,
.heroic.app-component-story .page-middle,
.heroic.app-component-location .page-middle,
.heroic.app-component-carepage .page-middle,
.heroic.component-contentpage .page-middle,
body:not(.heroic).component-contactpagina .page-middle,
body:not(.heroic).component-searchengine .page-middle,
body:not(.heroic).component-contentpage .page-middle,
body:not(.heroic).app-component-story .page-middle,
body:not(.heroic).component-agendaitem .page-middle,
body:not(.heroic).component-newsitem .page-middle {
background: #fff;
}
.layout-contentpage-right-custom .page-intro-container .page-intro,
body:not(.heroic).app-component-story .page-intro-container .page-intro,
body:not(.heroic).component-agendaitem .page-intro-container .page-intro,
body:not(.heroic).component-newsitem .page-intro-container .page-intro {
padding-left: 0;
padding-right: 0;
}
.layout-contentpage-right-custom .page-intro-container .page-intro-right,
body:not(.heroic).app-component-story .page-intro-container .page-intro-right,
body:not(.heroic).component-agendaitem .page-intro-container .page-intro-right,
body:not(.heroic).component-newsitem .page-intro-container .page-intro-right {
display: none;
}
.layout-contentpage-right-heroic .page-content-container,
.layout-contentpage-right-heroic .page-topcontent-container,
.heroic.component-contactpagina .page-content-container,
.heroic.component-contactpagina .page-topcontent-container,
.heroic.app-component-treatment .page-content-container,
.heroic.app-component-treatment .page-topcontent-container,
.heroic.app-component-story .page-content-container,
.heroic.app-component-story .page-topcontent-container,
.heroic.app-component-location .page-content-container,
.heroic.app-component-location .page-topcontent-container,
.heroic.app-component-carepage .page-content-container,
.heroic.app-component-carepage .page-topcontent-container,
.heroic.component-contentpage .page-content-container,
.heroic.component-contentpage .page-topcontent-container {
margin: 0;
padding: 0;
}
.layout-contentpage-right-heroic header.page-intro-container,
.heroic.component-contactpagina header.page-intro-container,
.heroic.app-component-treatment header.page-intro-container,
.heroic.app-component-story header.page-intro-container,
.heroic.app-component-location header.page-intro-container,
.heroic.app-component-carepage header.page-intro-container,
.heroic.component-contentpage header.page-intro-container {
margin: 0 -1.5rem;
}
.layout-contentpage-right-heroic header.page-intro-container .page-intro,
.heroic.component-contactpagina header.page-intro-container .page-intro,
.heroic.app-component-treatment header.page-intro-container .page-intro,
.heroic.app-component-story header.page-intro-container .page-intro,
.heroic.app-component-location header.page-intro-container .page-intro,
.heroic.app-component-carepage header.page-intro-container .page-intro,
.heroic.component-contentpage header.page-intro-container .page-intro {
padding: 3rem 1.5rem 0;
}
.layout-contentpage-right-heroic header.page-intro-container .page-intro-right,
.heroic.component-contactpagina header.page-intro-container .page-intro-right,
.heroic.app-component-treatment header.page-intro-container .page-intro-right,
.heroic.app-component-story header.page-intro-container .page-intro-right,
.heroic.app-component-location header.page-intro-container .page-intro-right,
.heroic.app-component-carepage header.page-intro-container .page-intro-right,
.heroic.component-contentpage header.page-intro-container .page-intro-right {
display: none;
}
.layout-contentpage-right-heroic .page-content-wrapper:before,
.heroic.component-contactpagina .page-content-wrapper:before,
.heroic.app-component-treatment .page-content-wrapper:before,
.heroic.app-component-story .page-content-wrapper:before,
.heroic.app-component-location .page-content-wrapper:before,
.heroic.app-component-carepage .page-content-wrapper:before,
.heroic.component-contentpage .page-content-wrapper:before {
left: -9rem;
}
.layout-contentpage-right-heroic .page-extracontent-wrapper .page-overview .compblock,
.heroic.component-contactpagina .page-extracontent-wrapper .page-overview .compblock,
.heroic.app-component-treatment .page-extracontent-wrapper .page-overview .compblock,
.heroic.app-component-story .page-extracontent-wrapper .page-overview .compblock,
.heroic.app-component-location .page-extracontent-wrapper .page-overview .compblock,
.heroic.app-component-carepage .page-extracontent-wrapper .page-overview .compblock,
.heroic.component-contentpage .page-extracontent-wrapper .page-overview .compblock {
width: 50%;
}
@media (max-width: 30em) {
.layout-contentpage-right-heroic .page-extracontent-wrapper .page-overview .compblock,
.heroic.component-contactpagina .page-extracontent-wrapper .page-overview .compblock,
.heroic.app-component-treatment .page-extracontent-wrapper .page-overview .compblock,
.heroic.app-component-story .page-extracontent-wrapper .page-overview .compblock,
.heroic.app-component-location .page-extracontent-wrapper .page-overview .compblock,
.heroic.app-component-carepage .page-extracontent-wrapper .page-overview .compblock,
.heroic.component-contentpage .page-extracontent-wrapper .page-overview .compblock {
width: 100%;
}
}
.jobpostbundle-tree-page-ubeeocandidateportalpage.heroic .page-intro,
.jobpostbundle-tree-page-jobpostfolder.heroic .page-intro {
padding: 3rem 3rem 0 0;
}
.jobpostbundle-tree-page-ubeeocandidateportalpage.heroic .page-intro::before,
.jobpostbundle-tree-page-jobpostfolder.heroic .page-intro::before {
right: -5px;
}
.jobpostbundle-tree-page-ubeeocandidateportalpage.heroic .page-content-wrapper:before,
.jobpostbundle-tree-page-jobpostfolder.heroic .page-content-wrapper:before {
left: -9rem;
}
.page-intro-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.page-intro-container .page-searchbox-wrapper,
.page-intro-container .page-intro {
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
border-radius: 0 2.4rem 0 0;
position: relative;
padding: 0 1.5rem 0;
}
.page-intro-container .page-intro-right {
-webkit-align-self: flex-start;
-ms-align-self: flex-start;
align-self: flex-start;
width: 33.33333333%;
position: relative;
display: block;
padding: 0 1.5rem;
margin-top: .1rem;
}
.page-title-container {
padding-left: 7.5rem;
padding-right: 7.5rem;
padding-top: 2rem;
}
@media (max-width: 64em) {
.page-title-container {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media (max-width: 48em) {
.page-title-container {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.page-title-container .page-searchbox-wrapper {
margin-bottom: 3rem;
}
.page-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.page-wrapper > .inner {
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.page-content {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
padding: 0 1.5rem;
}
.page-middle-wrapper {
padding-left: 7.5rem;
padding-right: 7.5rem;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #fff;
max-width: 100%;
overflow: hidden;
}
@media (max-width: 64em) {
.page-middle-wrapper {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media (max-width: 48em) {
.page-middle-wrapper {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.page-content-wrapper {
background: #fff;
padding-top: 4.5rem;
padding-bottom: 4.5rem;
}
.page-right {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.page-right h4,
.page-right .page-topcontent .tagline,
.page-right .page-right .component-crosslinkslist h2,
.page-right .page-right .component-crosslinkslist .webapp-table caption,
.page-right .page-right .component-crosslinkslist .component-alinea table caption {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.page-right h4:before,
.page-right .page-topcontent .tagline:before,
.page-right .page-right .component-crosslinkslist h2:before,
.page-right .page-right .component-crosslinkslist .webapp-table caption:before,
.page-right .page-right .component-crosslinkslist .component-alinea table caption:before {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
margin-right: 1rem;
}
.page-right .page-right-wrapper {
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
position: relative;
padding: 3rem 0 3rem 4.5rem;
}
@media (max-width: 30em) {
.page-right .page-right-wrapper {
padding-left: 1.5rem;
}
}
.page-right .page-right-wrapper > * {
position: relative;
}
.page-right .page-right-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100vw;
height: 100%;
background: #FAFAF7;
}
@media (max-width: 30em) {
.page-right .page-right-wrapper:before {
left: -3rem;
}
}
.page-topcontent {
background: #FAFAF7;
}
.page-topcontent .page-title {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 33.33333333%;
margin-bottom: 3rem;
padding: 0 1.5rem;
}
.page-topcontent .tagline {
font-family: 'Yummo W01 SemiBold1444429', 'Source Sans Pro', sans-serif;
font-size: 2.4rem;
color: #AFBD21;
margin-bottom: 0;
display: block;
}
@media (max-width: 63.9375em) {
.page-topcontent .page-title {
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
width: 100%;
}
.page-topcontent .page-filters {
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
width: 100%;
}
}
.heroic .page-topcontent-container {
overflow: hidden;
}
.heroic .page-intro-container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
background: #fff;
padding: 0;
margin: 0;
}
.heroic .page-intro {
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
position: relative;
color: #fff;
}
.heroic .page-intro h2,
.heroic .page-intro .webapp-table caption,
.heroic .page-intro .component-alinea table caption {
color: #fff;
}
.heroic .page-intro:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 100vw;
background: #741473;
border-radius: 0 0 2.4rem 0;
}
.heroic .page-intro > * {
position: relative;
z-index: 1;
}
.heroic .page-title {
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
border-radius: 0 2.4rem 0 0;
color: #fff;
position: relative;
padding: 0 1.5rem;
margin-bottom: 0;
}
.heroic .page-title h1 {
padding: 3rem 0 3rem;
color: #fff;
left: 0;
margin-bottom: 0;
line-height: 1.1;
}
.heroic .page-title h1:before {
border-radius: 0 2.4rem 0 0;
content: '';
position: absolute;
top: 0;
right: -1.5rem;
bottom: 0;
background: #741473;
display: block;
width: 100vw;
opacity: 0.8;
}
.heroic .page-title h1 > *:not(.blend) {
position: relative;
}
.heroic .page-title span {
display: block;
margin-bottom: 1rem;
-ms-word-break: break-word;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.heroic .page-title .blend {
right: 0;
left: auto;
}
.heroic .page-title svg {
display: none;
}
@supports (mix-blend-mode: multiply) {
.heroic .page-title .blend {
display: block;
opacity: 1;
}
.heroic .page-title h1:before {
display: none;
}
.heroic .page-title svg {
display: block;
border-radius: 0 2.4rem 0 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 100vw;
height: 100%;
}
}
.heroic .page-title.has-icon {
position: relative;
}
.heroic .page-title.has-icon .preview-icon {
position: absolute;
top: 2.25rem;
left: -5.25rem;
width: 55px;
height: 55px;
z-index: 10;
}
@media (max-width: 64em) {
.heroic .page-title.has-icon .preview-icon {
right: 3rem;
left: auto;
}
}
@media (max-width: 40em) {
.heroic .page-title.has-icon .preview-icon {
width: 36px;
height: 36px;
}
}
@media (max-width: 30em) {
.heroic .page-title.has-icon .preview-icon {
top: 3rem;
width: 32px;
height: 32px;
}
}
.heroic .page-content-wrapper {
position: relative;
}
.heroic .page-content-wrapper:before {
content: '';
background: url('/img/corner.svg');
position: absolute;
left: 0;
top: -1px;
height: 3rem;
width: 3rem;
z-index: 0;
}
.heroic .page-title-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.heroic .page-title-container:after {
width: 33.33333333%;
content: '';
padding: 0 1.5rem;
}
@media (max-width: 30em) {
.heroic .page-title-container {
position: relative;
margin-top: -4.5rem;
}
.heroic .page-title-container .page-title {
padding-top: 1.5rem;
}
.heroic .page-title-container h1 {
padding-bottom: 0;
}
}
.page-bottom-wrapper {
margin-bottom: 3rem;
}
/* =========================================================================
*
* Styling the website's breadcrumb
*
* - Depends on the variable @breadcrumb in variables.less
*
* ====================================================================== */
.component-breadcrumb,
.page-breadcrumb {
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
font-size: 1.4rem;
padding-top: 1.5rem;
color: #717915;
text-transform: uppercase;
z-index: 1;
margin: 0;
}
.component-breadcrumb ol,
.page-breadcrumb ol {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.component-breadcrumb li,
.page-breadcrumb li {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.component-breadcrumb a,
.page-breadcrumb a {
color: #717915;
display: inline-block;
text-transform: uppercase;
}
.component-breadcrumb a:hover,
.component-breadcrumb a:focus,
.page-breadcrumb a:hover,
.page-breadcrumb a:focus {
color: #AFBD21;
}
.page-breadcrumb {
padding-left: 7.5rem;
padding-right: 7.5rem;
font-size: 1.4rem;
letter-spacing: 2px;
}
@media (max-width: 64em) {
.page-breadcrumb {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media (max-width: 48em) {
.page-breadcrumb {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.page-breadcrumb ol {
padding: 0 1.5rem;
position: relative;
z-index: 1;
}
.component-agendaitem .page-breadcrumb,
.component-newsitem .page-breadcrumb {
padding-left: 0;
padding-right: 0;
}
.component-agendaitem .page-breadcrumb ol,
.component-newsitem .page-breadcrumb ol {
padding: 0;
}
.page-breadcrumb a {
color: #717915;
background: rgba(255, 255, 255, 0.9);
margin-right: .2rem;
padding: 0 0.75rem 0.2rem;
border-radius: .2rem;
}
.page-breadcrumb a:hover,
.page-breadcrumb a:focus {
color: #4A4F0D;
}
.heroic .page-breadcrumb {
position: absolute;
top: 0;
left: 0;
right: 0;
color: #fff;
margin: 0;
}
.heroic .page-breadcrumb:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
height: 200%;
opacity: 0.4;
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
/* =========================================================================
*
* Here we can style our responsive navigation
*
* - Depends on the variable @responsive in variables.less
*
* ====================================================================== */
.nav-toggle {
background: #fff;
}
.nav-toggle span,
.nav-toggle span:before,
.nav-toggle span:after {
border-radius: 0.1rem;
}
.nav-toggle:hover span,
.nav-toggle:hover span:before,
.nav-toggle:hover span:after {
background: #000;
}
.nav-wrapper {
padding: 3rem 0;
}
.nav-wrapper a {
color: #4A4F0D;
word-wrap: break-word;
padding: 0.75rem 3rem;
}
.nav-wrapper .home a:before {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
content: 'a';
line-height: inherit;
}
.nav-wrapper > ul:first-child {
padding-bottom: 1.5rem;
border-bottom: 1px solid #9ba71d;
margin-bottom: 1.5rem;
}
.nav-wrapper > ul:first-child > li > a {
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
}
.nav-wrapper ul ul a {
transition-duration: 0.2s;
-webkit-transform: translateZ(0);
transform: translateZ(0);
line-height: 0;
opacity: 0;
padding: 0;
padding-left: 4.5rem;
}
.nav-wrapper li.active,
.nav-wrapper li:hover {
background: #717915;
}
.nav-wrapper li.active > a,
.nav-wrapper li:hover > a {
color: #fff;
}
.nav-wrapper .open > li > a {
opacity: 1;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
line-height: 1.66666667;
}
.nav-wrapper .open + .open-subnav:before {
-webkit-transform: translate(-50%, -50%) rotate(180deg);
transform: translate(-50%, -50%) rotate(180deg);
}
.nav-wrapper .subnav > a {
padding-right: 4.5rem;
}
.nav-wrapper .open-subnav {
height: 4.5rem;
width: 4.5rem;
}
.nav-wrapper .open-subnav:before {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
content: 'f';
width: 3rem;
color: #333333;
font-size: 2.8rem;
}
@media (max-width: 63.9375em) {
.site-header-nav-main,
.page-mainmenu,
.page-topmenu {
display: none;
}
}
.nav-closer {
top: 6rem;
}
/* =========================================================================
*
* For icons we use fontastic.me
*
* Usage:
* - Make a new icon set on fontastic.me and give it the name of the project
* - Select the icons you need in your project
* - You can add custom icons by uploading an SVG
* - Download the icons and place the font files in the folder 'public/fonts'
* - Set a data-icon="x" on a html element
* - You can set all kinds of characters set in the data-attribute
* - You can see the mapping of the characters in your icon set on fontastic.me
*
* ====================================================================== */
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[data-icon]:before {
display: inline-block;
line-height: inherit;
font-size: inherit;
}
.icon-home:before {
content: "\61";
}
.icon-search:before {
content: "\62";
}
.icon-user:before {
content: "\63";
}
.icon-user-check:before {
content: "\64";
}
.icon-arrow-right-small:before {
content: "\65";
}
.icon-arrow-down-small:before {
content: "\66";
}
.icon-arrow-right:before {
content: "\67";
}
.icon-chevrons-right:before {
content: "\68";
}
.icon-check:before {
content: "\69";
}
.icon-check-circle:before {
content: "\6a";
}
.icon-calendar:before {
content: "\6b";
}
.icon-download-cloud:before {
content: "\6c";
}
.icon-heart:before {
content: "\6d";
}
.icon-phone:before {
content: "\6f";
}
.icon-map-pin:before {
content: "\70";
}
.icon-phone-1:before {
content: "\71";
}
.icon-envelope:before {
content: "\72";
}
.icon-car:before {
content: "\73";
}
.icon-mail:before {
content: "\6e";
}
.icon-treatments:before {
content: "\74";
}
.icon-clock-o:before {
content: "\75";
}
.icon-map-marker:before {
content: "\76";
}
.icon-facebook:before {
content: "\77";
}
.icon-twitter:before {
content: "\78";
}
.icon-linkedin:before {
content: "\79";
}
.icon-instagram:before {
content: "\7a";
}
/* =========================================================================
*
* Kirra's alinea component styling
*
* ====================================================================== */
.alinea.intro,
.component-alinea.intro,
.alinea.intro *:not(h2),
.component-alinea.intro *:not(h2) {
line-height: 1.59090909;
font-size: 2.2rem;
}
.alinea h2,
.component-alinea h2,
.alinea .webapp-table caption,
.component-alinea .webapp-table caption,
.webapp-table caption,
.alinea .component-alinea table caption,
.component-alinea .component-alinea table caption,
.component-alinea table caption {
font-size: 2.4rem;
margin-bottom: 1.5rem;
}
.alinea ol,
.component-alinea ol,
.alinea ul,
.component-alinea ul {
padding-left: 2rem;
}
.alinea li:before,
.component-alinea li:before {
left: -1.5rem;
}
.alinea ul li:before,
.component-alinea ul li:before {
border-radius: 50%;
content: '';
width: 0.5rem;
height: 0.5rem;
background: #AFBD21;
}
.alinea ol li:before,
.component-alinea ol li:before {
-webkit-transform: translate(-3rem, -50%);
transform: translate(-3rem, -50%);
width: 4.5rem;
color: #AFBD21;
left: -2rem;
}
.alinea [href^='mailto'],
.component-alinea [href^='mailto'] {
display: inline;
}
.job-content-injection .alinea > *:last-child,
.job-content-injection .component-alinea > *:last-child {
margin-bottom: 1.5rem;
}
/* =========================================================================
*
* Custom webapp and alinea table styling
*
* ====================================================================== */
.webapp-table caption,
.component-alinea table caption {
border-radius: 5px 5px 0 0;
text-align: left;
background: #AFBD21;
color: #4A4F0D;
margin: 0;
padding: 1rem 1.5rem 1.5rem;
}
.webapp-table th,
.component-alinea table th {
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
font-weight: normal;
}
.webapp-table td,
.component-alinea table td,
.webapp-table th,
.component-alinea table th {
padding: 0.75rem 1.5rem;
}
/* =========================================================================
*
* Custom image styling for the Kirra components 'image' and 'imageuitlijning'
*
* ====================================================================== */
.image-caption {
font-size: 1.3rem;
font-style: italic;
color: #999;
margin: 0.75rem 1.5rem;
}
.page-middle .component-image.align-links,
.page-middle .component-imageuitlijning.align-links,
.page-middle .component-image.align-rechts,
.page-middle .component-imageuitlijning.align-rechts {
width: 33.33333333%;
}
@media (max-width: 30em) {
.page-middle .component-image.align-links,
.page-middle .component-imageuitlijning.align-links,
.page-middle .component-image.align-rechts,
.page-middle .component-imageuitlijning.align-rechts {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
.component-imageuitlijning.align-gecentreerd {
width: calc(100% + 12rem);
left: -9rem;
position: relative;
}
@media (max-width: 60em) {
.component-imageuitlijning.align-gecentreerd {
width: calc(100% + 6rem);
left: -3rem;
}
}
/* =========================================================================
*
* Kirra's component 'quote' styling
*
* Do not remove the .component-quote styling because the quote in an alinea extends from this class name
*
* ====================================================================== */
.component-quote,
.alinea blockquote,
.component-alinea blockquote {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-bottom: 6rem;
margin-top: 9rem;
position: relative;
}
.component-quote blockquote,
.alinea blockquote blockquote,
.component-alinea blockquote blockquote {
position: relative;
}
.component-quote blockquote img,
.alinea blockquote blockquote img,
.component-alinea blockquote blockquote img {
position: absolute;
width: 5.5rem;
left: -4.2rem;
top: -2.7rem;
}
.component-quote .text,
.alinea blockquote .text,
.component-alinea blockquote .text {
padding: 6rem 0 4.5rem;
margin-left: -1.5rem;
}
.component-quote.no-image,
.alinea blockquote.no-image,
.component-alinea blockquote.no-image {
margin-top: 6rem;
}
.component-quote.no-image .text,
.alinea blockquote.no-image .text,
.component-alinea blockquote.no-image .text {
margin-left: 3.75rem;
}
.component-quote p,
.alinea blockquote p,
.component-alinea blockquote p {
color: #741473;
font-size: 2.4rem;
margin: 0;
line-height: 1.4;
margin-bottom: 1.5rem;
font-family: 'Yummo W01 SemiBold1444429', 'Source Sans Pro', sans-serif;
}
.component-quote::before,
.alinea blockquote::before,
.component-alinea blockquote::before {
content: '';
position: absolute;
background: #741473;
opacity: .1;
top: 0;
bottom: 0;
right: -9rem;
left: -9rem;
}
.component-quote .image,
.alinea blockquote .image,
.component-alinea blockquote .image {
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.component-quote .image img,
.alinea blockquote .image img,
.component-alinea blockquote .image img {
border-radius: 0 2.4rem 2.4rem 0;
position: relative;
top: -3rem;
left: -9rem;
overflow: hidden;
}
.component-quote figcaption,
.alinea blockquote figcaption,
.component-alinea blockquote figcaption {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
color: #741473;
opacity: .8;
}
.component-quote figcaption::before,
.alinea blockquote figcaption::before,
.component-alinea blockquote figcaption::before {
content: '';
width: .2rem;
height: 2rem;
background: #741473;
margin-right: 0.75rem;
}
@media (max-width: 30em) {
.component-quote,
.alinea blockquote,
.component-alinea blockquote {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.component-quote .image img,
.alinea blockquote .image img,
.component-alinea blockquote .image img {
left: -3.75rem;
}
.component-quote .text,
.alinea blockquote .text,
.component-alinea blockquote .text {
padding: 3rem 0;
margin-left: 3rem;
}
}
/* =========================================================================
*
* Custom form styling can be done here
*
* - Zorg er voor dat je foutmeldingen netjes zijn opgemaakt.
*
* ====================================================================== */
.style-select select {
color: #606060;
}
.style-select:before {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
font-size: 32px;
content: 'f';
border-left: 1px solid #EDEDEB;
color: #741473;
background: #fff;
line-height: 6.1875rem;
right: 3px;
top: 57%;
}
select[multiple] {
max-height: 15rem;
}
textarea {
height: 15rem;
}
.form-input-file .file-input-placeholder {
cursor: pointer;
background: none;
border: none;
padding: 0;
}
.form-input-file .file-input-btn {
margin: 0 1.5rem 0 0;
}
.form-tooltip[data-title] {
background: #999;
cursor: help;
font-size: 1rem;
color: #fff;
}
/* =========================================================================
*
* General form styling
*
* This styling applies to all forms that use .velden as a wrapper for the input elements
*
* ====================================================================== */
form ul,
form ol {
margin: 0;
}
.velden > li {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
margin-bottom: 1.5rem;
position: relative;
clear: both;
width: 100%;
}
.velden > li:after {
display: inline;
clear: none;
}
.velden label {
display: block;
width: 100%;
font-weight: 600;
margin-bottom: 0.75rem;
padding-right: 4.5rem;
}
.velden label em {
margin-left: 0.5rem;
color: #f00;
font-style: normal;
}
.velden .form-input-paragraph,
.velden .form-input-heading {
margin-bottom: 0;
}
.form-input-multipleselect-checkboxes label:not(.multiple-title):before,
.form-input-checkbox label:not(.multiple-title):before,
.form-input-multipleselect-checkboxes label:not(.multiple-title):after,
.form-input-checkbox label:not(.multiple-title):after {
border-radius: 5px;
width: 18px;
height: 18px;
}
.form-input-multipleselect-checkboxes label:not(.multiple-title):after,
.form-input-checkbox label:not(.multiple-title):after {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
content: 'i';
background: none;
color: #fff;
line-height: 1;
font-weight: bold;
}
.form-input-radio label:not(.multiple-title):before,
.form-input-radio label:not(.multiple-title):after {
border-radius: 16px;
width: 16px;
height: 16px;
}
.form-input-radio label:not(.multiple-title):after {
background: #fff;
}
[type=checkbox]:checked + label:before {
background: #AFBD21;
}
[type=checkbox]:checked + label:after {
-webkit-transform: translateY(-50%) scale(0.8) !important;
transform: translateY(-50%) scale(0.8) !important;
}
[type=radio]:checked + label:before {
background: #AFBD21;
}
[type=radio]:checked + label:after {
-webkit-transform: translateY(-50%) scale(0.4) !important;
transform: translateY(-50%) scale(0.4) !important;
}
.webbeheer-formulier h2,
.webbeheer-formulier legend,
.webbeheer-formulier .webapp-table caption,
.webbeheer-formulier .component-alinea table caption {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.webbeheer-formulier-thanks {
border-radius: 1.5rem;
padding: 3rem 3rem 1px;
background: #AFBD21;
}
.webbeheer-formulier-thanks,
.webbeheer-formulier-thanks h2,
.webbeheer-formulier-thanks .webapp-table caption,
.webbeheer-formulier-thanks .component-alinea table caption {
color: #fff;
}
div.input-error p {
position: relative;
left: -1rem;
}
.velden label em {
color: #AFBD21;
}
/* =========================================================================
*
* Custom Youtube styling for Kirra's 'youtube' component
*
* - This styling works with 'js/jquery.youtube.js'
*
* - Depends on the variable @moduleYoutube in variables.less
*
* ====================================================================== */
.component-youtube {
width: calc(100% + 12rem);
left: -9rem;
position: relative;
}
@media (max-width: 60em) {
.component-youtube {
width: calc(100% + 6rem);
left: -3rem;
}
}
.component-youtube iframe {
transition: 0.4s ease-in-out;
opacity: 0.00001;
}
.component-youtube .responsive-embed {
border-radius: 0.6rem;
position: relative;
width: 100%;
overflow: hidden;
padding-top: 56.25%;
}
.component-youtube .responsive-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.component-youtube .responsive-image > img {
top: 0;
left: 0;
transform: none;
}
.component-youtube .youtube-overlay {
background: rgba(0, 0, 0, 0.5);
color: #fff;
cursor: pointer;
}
.component-youtube button[data-play-video] {
display: none;
background: none;
padding: 0;
}
.component-youtube button[data-play-video]:hover {
box-shadow: none;
}
.component-youtube iframe,
.component-youtube object,
.component-youtube embed,
.component-youtube video {
border: 0;
z-index: 1;
}
.component-youtube.has-image button[data-play-video] {
transition: 0.2s ease-out;
background: rgba(0, 0, 0, 0.5);
border-radius: 0.6rem;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 5;
}
.component-youtube.has-image button[data-play-video]:hover {
background: rgba(0, 0, 0, 0);
}
.component-youtube.has-image iframe,
.component-youtube.has-image object,
.component-youtube.has-image embed,
.component-youtube.has-image video {
display: none;
}
.component-youtube.has-image .video-play-button {
background: #AFBD21;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 6rem;
height: 6rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
z-index: 5;
}
.component-youtube.has-image .video-play-button::before {
content: '';
background: url('/img/btn-yt-play.svg') center no-repeat;
display: block;
width: 1.5rem;
height: 1.9rem;
}
.component-youtube .video-placeholder {
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: none;
min-width: 100%;
min-height: 100%;
width: 100%;
z-index: 4;
}
.component-youtube.video-is-playing .video-placeholder {
visibility: hidden;
}
.component-youtube.video-is-playing iframe {
opacity: 1;
}
.component-youtube img {
width: 100% !important;
height: auto !important;
}
.component-youtube h3,
.component-youtube .webbeheer-formulier h2,
.component-youtube .webbeheer-formulier legend,
.component-youtube .component-crosslinkslist h2,
.component-youtube .webbeheer-formulier .webapp-table caption,
.component-youtube .component-crosslinkslist .webapp-table caption,
.component-youtube .webbeheer-formulier .component-alinea table caption,
.component-youtube .component-crosslinkslist .component-alinea table caption {
transition-duration: 0.2s;
color: #fff;
padding: 3rem;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
margin: 0;
}
.component-youtube img {
transition: 0.4s ease-in-out;
}
.component-youtube:hover .youtube-overlay {
background: transparent;
}
.component-youtube:hover .button-yt-play:before {
-webkit-transform: scale(1);
transform: scale(1);
}
.component-youtube:hover .button-yt-play:after {
background-color: #C7D624;
}
.component-youtube:hover h3,
.component-youtube:hover .webbeheer-formulier h2,
.component-youtube:hover .webbeheer-formulier legend,
.component-youtube:hover .component-crosslinkslist h2,
.component-youtube:hover .webbeheer-formulier .webapp-table caption,
.component-youtube:hover .component-crosslinkslist .webapp-table caption,
.component-youtube:hover .webbeheer-formulier .component-alinea table caption,
.component-youtube:hover .component-crosslinkslist .component-alinea table caption {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
.component-youtube.hide-overlay img {
-webkit-transform: translateY(-50%) scale(1.1);
transform: translateY(-50%) scale(1.1);
}
/* =========================================================================
*
* Default Kirra 'flex' module styling
*
* - Depends on the variable @moduleFlex in variables.less
*
* ====================================================================== */
@media (max-width: 40em) {
.flex-box.width-1-2 {
width: 100%;
}
}
@media (max-width: 60em) {
.flex-box.width-1-3,
.flex-box.width-2-3 {
width: 100%;
}
}
/* =========================================================================
*
* Kirra 'search' module styling
*
* - Styling for the search field in the header
* - Styling for the search field on the search results page
* - Styling for each search result
* - Styling fot the pager at the bottom of the search results
*
* - Depends on the variable @moduleSearch in variables.less
*
* ====================================================================== */
.component-searchengine .page-right .page-right-wrapper:before {
display: none;
}
.page-searchbox-wrapper {
-webkit-align-self: center;
-ms-align-self: center;
align-self: center;
padding: 0 1.5rem;
}
.page-searchbox {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
position: relative;
}
.page-searchbox input {
transition: 0.2s ease-out;
max-width: 100%;
}
.page-searchbox button {
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
position: absolute;
right: 0;
top: 0;
width: 4.5rem;
text-align: center;
background: none;
padding: 0;
}
.page-searchbox button:before {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
content: 'b';
margin: 0;
color: #741473;
}
.page-topcontent .page-searchbox {
max-width: inherit;
}
.page-topcontent .page-searchbox input {
background: #fff;
}
.search-trigger {
display: none;
color: #333333;
background: none;
cursor: pointer;
}
@media (max-width: 63.9375em) {
.search-trigger {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
}
.search-result a {
color: #606060;
}
.search-result a:hover h4,
.search-result a:hover .page-topcontent .tagline,
.search-result a:hover .page-right .component-crosslinkslist h2,
.search-result a:hover .page-right .component-crosslinkslist .webapp-table caption,
.search-result a:hover .page-right .component-crosslinkslist .component-alinea table caption {
color: #AFBD21;
}
.search-result .btn:before,
.search-result button:before,
.search-result [type=submit]:before,
.search-result html div#cookie-bar span.cookie-buttons .allow-cookies:before,
.search-result html .cookie-explanation button.request-cookies:before,
.search-result .form-input-file .file-input-btn:before {
margin-right: 0.75rem;
}
.search-result-url {
color: #999;
font-size: 1.3rem;
margin: -1.5rem 0 1.5rem;
}
.search-pager .pager-prev > *:before {
content: '‹';
}
.search-pager .pager-next > *:before {
content: '›';
}
.search-pager-complete {
text-align: center;
}
.search-pager-complete li:not(.pager-prev):not(.pager-next) a {
padding: 0 0.75rem;
}
.search-pager-complete .active {
font-weight: 600;
}
.highlighted {
background: rgba(255, 255, 0, 0.5);
}
.page-header .page-searchbox-wrapper ::-webkit-input-placeholder {
color: #fff;
}
.page-header .page-searchbox-wrapper ::-moz-placeholder {
color: #fff;
}
.page-header .page-searchbox-wrapper :-moz-placeholder {
color: #fff;
}
.page-header .page-searchbox-wrapper :-ms-input-placeholder {
color: #fff;
}
.page-header .page-searchbox-wrapper [type=search] {
transition: 0.2s ease-out;
background: #717915;
color: #fff;
border: none;
width: 200px;
margin-bottom: 0;
padding-left: 2rem;
}
.page-header .page-searchbox-wrapper [type=search]:focus {
width: 230px;
}
.page-header .page-searchbox-wrapper .btn-search:before {
color: #fff;
}
@media (max-width: 63.9375em) {
.page-header .page-searchbox-wrapper .page-searchbox {
transition: 0.2s ease-out;
overflow: hidden;
position: fixed;
left: calc(100% - 10.5rem);
top: 0.75rem;
right: 6.3rem;
visibility: hidden;
opacity: 0;
}
.page-header .page-searchbox-wrapper [type=search] {
max-width: inherit;
width: 100%;
}
.page-header .page-searchbox-wrapper [type=search]:focus {
width: 100%;
}
}
#search-toggler:checked ~ .page-header .page-searchbox-wrapper .page-searchbox {
left: 3rem;
visibility: visible;
opacity: 1;
}
@media (max-width: 768px) {
#search-toggler:checked ~ .page-header .page-searchbox-wrapper .page-searchbox {
left: 1.5rem;
}
}
#search-toggler:checked ~ .page-header .page-searchbox-wrapper label:before {
background: none;
}
#search-toggler:checked ~ .page-mobile-nav-container .nav-closer {
opacity: 1;
visibility: visible;
}
.page-searchresults-button {
display: none;
}
.page-searchresults-button .call-to-action,
.page-searchresults-button .btn-confirm {
border-radius: 100px;
width: 30rem;
justify-content: center;
padding: 1.5rem 0;
padding-top: 1rem;
}
@media (max-width: 768px) {
.page-searchresults-button .call-to-action,
.page-searchresults-button .btn-confirm {
padding: 1.5rem;
padding-top: 1rem;
}
}
/* =========================================================================
*
* Make Google Maps responsive
*
* ====================================================================== */
.page-googlemaps {
padding: 0 1.5rem;
}
.page-googlemaps .googlemaps-wrapper {
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
position: relative;
}
.google-maps {
position: relative;
padding-top: 56.25%;
}
.google-maps > * {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
}
.map-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid #EDEDEB;
border-bottom: 1px solid #EDEDEB;
background: #FAFAF7;
position: relative;
}
.map-wrapper .map-description {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 7.5rem;
padding-top: 3rem;
background: #FAFAF7;
position: relative;
}
@media (max-width: 768px) {
.map-wrapper .map-description {
padding-left: 0;
}
}
.map-wrapper .map-info {
padding: 0 1.5rem;
}
.map-wrapper .map-info .alinea {
margin-bottom: 3rem;
}
.map-wrapper .map-info:after {
content: '';
position: absolute;
top: 0;
left: 100%;
width: 150px;
height: 100%;
background-image: linear-gradient(90deg, #FAFAF7 0%, rgba(253, 253, 252, 0) 100%);
z-index: 1;
pointer-events: none;
}
.map-wrapper .map-legends {
position: absolute;
bottom: 3rem;
padding: 0 1.5rem;
}
.map-wrapper .map-legends li {
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
padding-left: 3rem;
position: relative;
color: #333333;
}
.map-wrapper .map-legends img {
position: absolute;
left: 0;
top: 4px;
width: 22px;
height: 26px;
}
@media (max-width: 48em) {
.map-wrapper {
display: block;
}
.map-wrapper .map-description {
padding-left: 7.5rem;
padding-right: 7.5rem;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.map-wrapper .map-description .map-info {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 300px;
}
.map-wrapper .map-description .map-legends {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 300px;
position: relative;
bottom: auto;
}
}
@media (max-width: 48em) and (max-width: 64em) {
.map-wrapper .map-description {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media (max-width: 48em) and (max-width: 48em) {
.map-wrapper .map-description {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.map-wrapper button {
min-height: inherit;
border-radius: inherit;
box-shadow: none;
}
.page-googlemaps {
overflow: hidden;
position: relative;
}
.component-homepage .page-googlemaps {
margin: 0 -1.5rem 9rem;
}
.google-maps {
height: 600px;
min-height: 600px;
padding-top: 0;
width: 100%;
}
.page-right .google-maps {
height: 228px;
min-height: inherit;
width: calc(100% + 9rem);
border-bottom: 1px solid #EDEDEB;
}
@media (max-width: 40em) {
.page-right .google-maps {
left: -6rem;
margin-bottom: 6rem;
}
}
.google-maps > * {
position: relative !important;
}
@media (max-width: 40em) {
.google-maps {
min-height: 360px;
}
}
#map-location-details {
position: absolute;
width: 316px;
height: 100%;
pointer-events: none;
right: 0;
top: 0;
}
@media (max-width: 30em) {
#map-location-details {
width: calc(100% - 6rem);
}
}
#map-location-details .app-component-location {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
transition: 0.2s ease-out;
-webkit-transform: translateX(100%);
transform: translateX(100%);
background: #fff;
height: 100%;
}
#map-location-details .figure-location {
position: relative;
}
#map-location-details .figure-location img {
top: 0;
}
#map-location-details .info-map {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
padding: 3rem;
border-top: none;
bottom: 0;
position: absolute;
background: #fff;
}
#map-location-details .info-map .comp-location-facilities li {
padding: 0;
display: inline-block;
}
#map-location-details .comp-map-location {
height: 100%;
}
#map-location-details.open {
pointer-events: auto;
}
#map-location-details.open .close {
display: block;
}
#map-location-details.open .app-component-location {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.page-hero-image {
padding-top: 33.33333333%;
position: relative;
}
.page-hero-image img {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
position: absolute;
left: 50%;
top: 0;
max-width: none;
height: 100%;
}
@media (orientation: portrait) and (max-width: 48em) {
.page-hero-image {
padding-top: 66.66666667%;
}
}
.page-topcontent-container {
position: relative;
}
.page-topcontent-container .blend {
display: none;
mix-blend-mode: multiply;
opacity: 0.8;
}
i[class^="ext-"] {
background: none;
font-style: normal;
color: #AFBD21;
}
i[class^="ext-"]:before {
font-family: 'bundle-core-assets-filetypes';
font-size: 2.2rem;
line-height: 1.4;
position: relative;
top: 4px;
}
.ext-file:before {
content: "a";
}
.ext-txt:before {
content: "b";
}
.ext-pdf:before {
content: "c";
}
.ext-doc:before,
.ext-docx:before {
content: "d";
}
.ext-xls:before {
content: "e";
}
.ext-ppt:before {
content: "f";
}
.ext-jpg:before {
content: "g";
}
.ext-rar:before,
.ext-zip:before {
content: "h";
}
.ext-mp3:before {
content: "i";
}
.ext-mp4:before,
.ext-avi:before {
content: "j";
}
.ext-js:before,
.ext-php:before,
.ext-html:before {
content: "k";
}
/* Pagination */
.page-pagination {
text-align: center;
}
.pagination {
border-radius: 76px;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
padding: 1rem;
margin: 0;
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
position: relative;
border: 1px solid #EDEDEB;
}
.pagination a {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
border-radius: 2.4rem;
width: 45px;
height: 45px;
line-height: 40px;
display: block;
color: #606060;
}
.pagination a:hover {
background: #EDEDEB;
}
.pagination li {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
border-radius: 2.4rem;
width: 45px;
height: 45px;
margin: 0 0.2rem;
}
.pagination li.disabled a {
pointer-events: none;
}
.pagination li.active a {
background: #AFBD21;
}
.pagination li.prev > *,
.pagination li.next > * {
border-radius: 2.4rem;
width: 45px;
height: 45px;
display: block;
color: #606060;
}
.pagination li.prev > *:before,
.pagination li.next > *:before {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
border-radius: 2.4rem;
width: 45px;
height: 45px;
font-size: 32px;
}
.pagination li.prev > *.reversed:before,
.pagination li.next > *.reversed:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.pagination li.prev > *:hover,
.pagination li.next > *:hover {
background: #EDEDEB;
}
.pagination li.prev.disabled > *,
.pagination li.next.disabled > * {
color: #EDEDEB;
background: none;
}
.page-filters {
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
-webkit-flex-basis: 360px;
-ms-flex-basis: 360px;
flex-basis: 360px;
min-width: 360px;
padding: 2rem 1.5rem;
}
.page-filters form {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.page-filters form h5 {
font-size: 1.8rem;
margin-bottom: 0;
margin-right: 1.5rem;
}
.page-filters .velden {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
margin: 0 -1.5rem;
}
.page-filters .velden li {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 200px;
padding: 0 1.5rem;
margin: 0;
margin-bottom: 3rem;
}
@media (max-width: 60em) {
.page-filters .velden li {
max-width: inherit;
}
}
.page-filters input {
background: #fff;
}
.page-filters .style-select {
background: #fff;
border-radius: 100px;
height: 100%;
}
.page-filters .style-select select {
padding: 1.5rem;
padding-right: 6rem;
padding-left: 2rem;
height: 100%;
}
.page-filters .form-input-searchfield {
position: relative;
}
.page-filters .form-input-searchfield:after {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
content: 'b';
position: absolute;
top: 12px;
right: 3rem;
line-height: 1.5;
color: #741473;
pointer-events: none;
}
.page-filters .form-input-searchfield input {
border-radius: 100px;
padding: 1.5rem;
padding-right: 4.5rem;
}
@media (max-width: 48em) {
.page-filters {
width: 100%;
}
}
.component-homepage .page-middle-wrapper {
overflow: visible;
}
.component-homepage .page-bottom-container .flex-wrapper {
padding: 0 1.5rem;
}
.component-homepage .page-featured-container {
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
padding: 0 1.5rem;
}
.component-homepage .page-featured-container .page-featured {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin: 0 -1.5rem;
}
.component-homepage .page-featured-container .page-featured > * {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 1.5rem;
}
.component-homepage .page-content-wrapper .page-services-container,
.component-homepage .page-content-wrapper .page-bottom-container {
padding-left: 7.5rem;
padding-right: 7.5rem;
}
@media (max-width: 64em) {
.component-homepage .page-content-wrapper .page-services-container,
.component-homepage .page-content-wrapper .page-bottom-container {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media (max-width: 48em) {
.component-homepage .page-content-wrapper .page-services-container,
.component-homepage .page-content-wrapper .page-bottom-container {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.component-homepage .page-middle {
padding: 0;
}
.page-overview {
margin: 0 -1.5rem;
}
.page-overview .compblock {
position: relative;
}
.page-overview .compblock .component-info .title {
position: relative;
}
.page-overview .compblock .component-info .title.has-icon {
padding-left: 7.5rem;
}
.page-overview .compblock .component-info .title .preview-icon {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
position: absolute;
top: 50%;
left: 3rem;
max-height: 36px;
max-width: 36px;
}
.green-bg {
display: none;
}
.app-component-workwithuspage .page-hero-container {
position: relative;
}
.app-component-workwithuspage .page-hero-container::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
z-index: 20;
}
.app-component-workwithuspage .green-bg {
display: block;
position: absolute;
top: 0;
left: 0;
width: 70%;
}
.app-component-workwithuspage .page-intro-container {
background: none;
}
.app-component-workwithuspage .page-hero-image {
z-index: 10;
padding-top: 0;
height: 45rem;
}
.app-component-workwithuspage .page-breadcrumb {
z-index: 30;
}
.app-component-workwithuspage .hero-quote {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
position: absolute;
top: 50%;
left: 8.25rem;
max-width: 52rem;
z-index: 30;
}
.app-component-workwithuspage .hero-quote.has-quote::before {
content: '“';
position: absolute;
top: -1.5rem;
left: -3rem;
color: #AFBD21;
font-size: 5.8rem;
font-weight: 600;
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
}
@media (max-width: 64em) {
.app-component-workwithuspage .hero-quote {
left: 3.75rem;
}
}
@media (max-width: 48em) {
.app-component-workwithuspage .hero-quote {
left: 2.25rem;
right: 2.25rem;
}
.app-component-workwithuspage .hero-quote::before {
left: -2.25rem;
}
}
.app-component-workwithuspage blockquote {
font-size: 5.8rem;
font-weight: 600;
line-height: 1.08333333;
color: #fff;
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
}
@media (max-width: 48em) {
.app-component-workwithuspage blockquote {
font-size: 4.8rem;
}
}
.app-component-workwithuspage .author-container {
font-size: 2.4rem;
font-weight: 600;
color: #fff;
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
margin-bottom: 3rem;
}
.app-component-workwithuspage .page-intro {
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
padding: 0;
}
.app-component-workwithuspage .page-intro::before {
content: none;
}
.app-component-workwithuspage .page-intro .intro {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
padding: 6rem 0 0;
}
.app-component-workwithuspage .page-intro .intro h2,
.app-component-workwithuspage .page-intro .intro .webapp-table caption,
.app-component-workwithuspage .page-intro .intro .component-alinea table caption {
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
width: 34rem;
color: #AFBD21;
font-size: 5.8rem;
line-height: 1.08333333;
}
.app-component-workwithuspage .page-intro .intro p {
color: #4A4F0D;
padding-left: 6rem;
padding-top: 1.5rem;
}
@media (max-width: 48em) {
.app-component-workwithuspage .page-intro .intro {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.app-component-workwithuspage .page-intro .intro h2,
.app-component-workwithuspage .page-intro .intro .webapp-table caption,
.app-component-workwithuspage .page-intro .intro .component-alinea table caption {
width: 100%;
}
.app-component-workwithuspage .page-intro .intro p {
padding: 0;
}
}
.app-component-workwithuspage .page-content-wrapper::before {
content: none;
}
.app-component-workwithuspage .page-middle {
position: relative;
z-index: 2;
}
.app-component-workwithuspage .page-middle-wrapper {
position: relative;
}
.app-component-workwithuspage .page-content-wrapper {
background: none;
}
.component-newsitem .page-content-wrapper {
padding-top: 0;
}
.compblock.component-newsitem a:before {
transition: 0.2s ease-out;
border-radius: 4px;
content: '';
position: absolute;
top: -1.5rem;
left: -1.5rem;
bottom: -1.5rem;
right: -1.5rem;
background: #FAFAF7;
opacity: 0;
}
.compblock.component-newsitem .component-info h2.title,
.compblock.component-newsitem .component-info .webapp-table caption.title,
.compblock.component-newsitem .component-info .component-alinea table caption.title {
font-size: 2.4rem;
padding: 0;
color: #741473;
}
.compblock.component-newsitem a:hover:before {
opacity: 1;
}
.component-contactpagina .page-googlemaps {
padding: 0;
}
.page-intro-right .blend {
left: -4.5rem;
}
.page-intro-right .component-contact {
position: relative;
left: 0;
margin-bottom: 0;
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
padding: 0 1.5rem 6rem;
color: #4A4F0D;
}
.page-intro-right .component-contact:after {
border-radius: 0 0 0 2.4rem;
content: '';
position: absolute;
left: -4.5rem;
height: 100%;
top: 0;
background: #AFBD21;
display: block;
width: 100vw;
opacity: 0.8;
}
.page-intro-right .component-contact > *:not(.blend) {
position: relative;
z-index: 1;
}
.page-intro-right .component-contact .pay-off {
display: block;
margin-top: -1.5rem;
}
.page-intro-right .component-contact .phone {
position: relative;
color: #fff;
font-size: 2.4rem;
background: #717915;
border-radius: 3.6rem;
padding: 0.45rem 1.5rem 1.05rem;
display: inline-flex;
align-items: center;
transform: translateY(-50%);
}
.page-intro-right .component-contact .phone:before {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
content: 'o';
margin-right: 1rem;
position: relative;
top: 4px;
}
.component-contactinfo h4:before,
.component-contactinfo .page-topcontent .tagline:before,
.component-contactinfo .page-right .component-crosslinkslist h2:before,
.component-contactinfo .page-right .component-crosslinkslist .webapp-table caption:before,
.component-contactinfo .page-right .component-crosslinkslist .component-alinea table caption:before {
content: 'n';
}
.component-contactinfo a:not([href^='tel:']) {
text-decoration: underline;
}
.component-contactinfo .fa-icon {
position: relative;
padding-left: 3rem;
}
.component-contactinfo .fa-icon:before {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
color: #AFBD21;
font-size: 1.4rem;
position: absolute;
left: 2px;
top: 6px;
}
.component-contactinfo .icon-phone:before {
content: 'q';
}
.component-contactinfo .icon-envelope:before {
content: 'r';
}
.component-contactinfo .icon-car:before {
content: 's';
}
.page-services-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 3rem 0 0;
}
.page-services-container li a {
color: #606060;
}
.page-services-container li a:hover,
.page-services-container li a:focus {
color: #717915;
}
.component-carepages h4:before,
.component-carepages .page-topcontent .tagline:before,
.component-carepages .page-right .component-crosslinkslist h2:before,
.component-carepages .page-right .component-crosslinkslist .webapp-table caption:before,
.component-carepages .page-right .component-crosslinkslist .component-alinea table caption:before {
content: 't';
/* Todo Phung: Zet jij hier nog zo'n mooi koffer icoontje neer? */
}
.list-overview.carepages li {
position: relative;
margin-bottom: 1rem;
}
.list-overview.carepages li a {
display: block;
width: 100%;
position: relative;
color: #606060;
padding-left: 3rem;
}
.list-overview.carepages li a:before {
transition: 0.2s ease-out;
border-radius: 50%;
color: #717915;
content: '';
position: absolute;
left: 0;
top: 4px;
width: 2rem;
height: 2rem;
border: 2px solid #717915;
}
.list-overview.carepages li a:after {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
color: #717915;
content: 'e';
position: absolute;
left: 0;
top: 5px;
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
}
.list-overview.carepages li a:hover:before,
.list-overview.carepages li a:focus:before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.list-overview.carepages li a:hover:after,
.list-overview.carepages li a:focus:after {
animation-name: buttonFade;
animation-duration: 0.5s;
}
.list-overview.carepages li a:before {
display: none;
}
.list-overview.carepages li a:after {
right: auto;
left: 0;
}
.list-overview.carepages li a:hover {
color: #AFBD21;
}
.app-component-locationfolder .page-title-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.app-component-locationfolder .page-googlemaps {
padding: 0;
}
.app-component-locationfolder .app-component-location .component-info:before {
display: none;
}
.component-locations h4:before,
.component-locations .page-topcontent .tagline:before,
.component-locations .page-right .component-crosslinkslist h2:before,
.component-locations .page-right .component-crosslinkslist .webapp-table caption:before,
.component-locations .page-right .component-crosslinkslist .component-alinea table caption:before {
content: 'p';
}
.mini-preview.location {
margin-bottom: 1.5rem;
}
.mini-preview.location a {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 0 -1.5rem;
color: #606060;
}
.mini-preview.location a:hover h5 {
color: #717915;
}
.mini-preview.location figure {
-webkit-align-self: flex-start;
-ms-align-self: flex-start;
align-self: flex-start;
padding: 0 1.5rem;
width: 80px;
min-width: 80px;
}
.mini-preview.location img {
border-radius: 4px;
}
.mini-preview.location h5 {
margin: 0;
}
.component-info.location > * {
margin: 0;
}
.component-info.location p {
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
font-size: 1.4rem;
color: #A6A69B;
text-transform: uppercase;
color: #777770;
}
#map-location-details .app-component-location {
height: 100%;
}
#map-location-details .app-component-location.location {
width: 100%;
padding: 0;
}
#map-location-details .app-component-location.location .wrapper {
border-radius: 0;
background: #fff;
}
#map-location-details .app-component-location .component-info:before {
display: none;
}
.page-legend {
width: 50%;
padding: 0 1.5rem;
margin-bottom: 3rem;
}
@media (max-width: 60em) {
.page-legend {
width: 100%;
}
}
.page-legend ul {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
color: #333333;
margin: 0 -1.5rem;
}
.page-legend li {
width: 50%;
position: relative;
padding-left: 6rem;
padding-right: 1.5rem;
margin-bottom: 1.5rem;
font-size: 1.6rem;
}
@media (max-width: 40em) {
.page-legend li {
width: 100%;
}
}
.page-legend img {
width: 36px;
height: 36px;
position: absolute;
left: 1.5rem;
top: -2px;
}
.app-component-specialistfolder .page-title-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.app-component-specialistfolder .page-filters .velden {
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 100%;
}
.results-app-component-specialistfolder {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -1.5rem;
}
@media (min-width: 60.0625em) {
.results-app-component-specialistfolder {
padding-left: 6rem;
}
}
.component-specialists h4::before,
.component-specialists .page-topcontent .tagline::before,
.component-specialists .page-right .component-crosslinkslist h2::before,
.component-specialists .page-right .component-crosslinkslist .webapp-table caption::before,
.component-specialists .page-right .component-crosslinkslist .component-alinea table caption::before {
content: 'c';
}
.component-specialists .show-more {
padding-right: 3rem;
}
.component-specialists .show-more:before {
transition: 0.2s ease-out;
border-radius: 50%;
color: #717915;
content: '';
position: absolute;
left: 0;
top: 4px;
width: 2rem;
height: 2rem;
border: 2px solid #717915;
}
.component-specialists .show-more:after {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
color: #717915;
content: 'e';
position: absolute;
left: 0;
top: 5px;
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
}
.component-specialists .show-more:hover:before,
.component-specialists .show-more:focus:before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.component-specialists .show-more:hover:after,
.component-specialists .show-more:focus:after {
animation-name: buttonFade;
animation-duration: 0.5s;
}
.component-specialists .show-more::before,
.component-specialists .show-more::after {
right: 0;
left: auto;
}
.mini-preview.specialist {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 0 -1.5rem 1.5rem;
color: #606060;
}
.mini-preview.specialist .photo {
width: 60px;
min-width: 60px;
height: 60px;
margin: 0 1.5rem;
background: #AFBD21;
border-radius: 50%;
overflow: hidden;
}
.mini-preview.specialist .photo-placeholder {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
font-size: 2rem;
font-weight: 600;
}
.mini-preview.specialist img {
border-radius: 50%;
}
.mini-preview.specialist h5 {
margin: 0;
}
.component-info.specialist > * {
margin: 0;
}
.component-info.specialist p {
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
font-size: 1.4rem;
color: #A6A69B;
text-transform: uppercase;
color: #777770;
}
.component-info.specialist .list-locations {
line-height: 1.4;
}
.component-info.specialist .list-locations li {
font-size: 1.6rem;
padding-bottom: 0.75rem;
}
.compblock.app-component-specialist {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
width: 50%;
padding: 0 1.5rem;
}
.compblock.app-component-specialist .flexwrapper {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 60em) {
.compblock.app-component-specialist .flexwrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.compblock.app-component-specialist figure {
padding: 0 0.75rem;
min-width: 40%;
width: 40%;
}
@media (max-width: 60em) {
.compblock.app-component-specialist figure {
width: 70%;
}
}
.compblock.app-component-specialist figure img {
border-radius: 5px;
overflow: hidden;
width: 100%;
}
.compblock.app-component-specialist .component-info {
padding: 0.75rem 1.5rem;
}
@media (max-width: 60em) {
.compblock.app-component-specialist .component-info {
padding: 0.75rem;
}
}
.compblock.app-component-specialist .component-info h2,
.compblock.app-component-specialist .component-info .webapp-table caption,
.compblock.app-component-specialist .component-info .component-alinea table caption {
color: #741473;
}
@media (min-width: 60.0625em) {
.compblock.app-component-specialist .component-info h2,
.compblock.app-component-specialist .component-info .webapp-table caption,
.compblock.app-component-specialist .component-info .component-alinea table caption {
margin-top: -1rem;
}
}
.compblock.app-component-specialist .component-info .bic-number {
color: #741473;
font-size: 1.6rem;
}
.compblock.app-component-specialist .component-info .small {
margin: 1rem 0;
}
@media (max-width: 40em) {
.compblock.app-component-specialist {
width: 100%;
}
}
@media (max-width: 20em) {
.compblock.app-component-specialist .flex-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.component-agendafolder .page-title-container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.component-agendaitems h4:before,
.component-agendaitems .page-topcontent .tagline:before,
.component-agendaitems .page-right .component-crosslinkslist h2:before,
.component-agendaitems .page-right .component-crosslinkslist .webapp-table caption:before,
.component-agendaitems .page-right .component-crosslinkslist .component-alinea table caption:before {
content: 'k';
}
.list-overview.agendaitems li {
position: relative;
margin-bottom: 3rem;
}
.list-overview.agendaitems a {
color: #606060;
}
.list-overview.agendaitems a > * {
margin: 0;
}
.list-overview.agendaitems a p {
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
font-size: 1.4rem;
color: #A6A69B;
text-transform: uppercase;
}
.list-overview.agendaitems a:hover h5 {
color: #AFBD21;
}
.event-wrapper {
margin: 0 -1.5rem;
}
.event-wrapper .date-container {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 1.5rem;
}
.event-wrapper .component-info {
-webkit-flex: 3;
-ms-flex: 3;
flex: 3;
padding: 0 1.5rem;
}
.event-wrapper h3,
.event-wrapper .webbeheer-formulier h2,
.event-wrapper .webbeheer-formulier legend,
.event-wrapper .component-crosslinkslist h2,
.event-wrapper .webbeheer-formulier .webapp-table caption,
.event-wrapper .component-crosslinkslist .webapp-table caption,
.event-wrapper .webbeheer-formulier .component-alinea table caption,
.event-wrapper .component-crosslinkslist .component-alinea table caption {
margin-bottom: 0;
}
.date-container {
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
}
.date-container .event-date {
font-size: 2rem;
color: #333333;
}
.date-container .event-time {
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
font-size: 1.4rem;
color: #A6A69B;
text-transform: uppercase;
}
.event-locations {
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
color: #A6A69B;
}
.event-locations li {
display: inline-block;
margin-right: 1rem;
text-transform: uppercase;
}
.component-agendaitem .page-title {
margin-bottom: 3rem;
}
.component-agendaitem .event-date {
color: #AFBD21;
font-size: 2.4rem;
margin-bottom: 1.5rem;
}
.component-agendaitem .event-time {
position: relative;
padding-left: 3rem;
}
.component-agendaitem .event-time:before {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
content: 'u';
position: absolute;
left: 0;
top: -2px;
}
.component-agendaitem .event-locations {
position: relative;
padding-left: 3rem;
}
.component-agendaitem .event-locations:before {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
content: 'v';
position: absolute;
left: 0;
top: -2px;
}
.component-agendaitem .page-content-wrapper {
padding-top: 0;
}
.component-downloadlist h3,
.component-downloadlist .webbeheer-formulier h2,
.component-downloadlist .webbeheer-formulier legend,
.component-downloadlist .component-crosslinkslist h2,
.component-downloadlist .webbeheer-formulier .webapp-table caption,
.component-downloadlist .component-crosslinkslist .webapp-table caption,
.component-downloadlist .webbeheer-formulier .component-alinea table caption,
.component-downloadlist .component-crosslinkslist .component-alinea table caption {
position: relative;
}
.component-downloadlist h3:before,
.component-downloadlist .webbeheer-formulier h2:before,
.component-downloadlist .webbeheer-formulier legend:before,
.component-downloadlist .component-crosslinkslist h2:before,
.component-downloadlist .webbeheer-formulier .webapp-table caption:before,
.component-downloadlist .component-crosslinkslist .webapp-table caption:before,
.component-downloadlist .webbeheer-formulier .component-alinea table caption:before,
.component-downloadlist .component-crosslinkslist .component-alinea table caption:before {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
content: 'l';
color: #741473;
margin-right: 1rem;
}
.component-downloadlist ol {
padding: 0 1.5rem;
}
.component-downloadlist li {
border-bottom: 1px solid #EDEDEB;
}
.component-downloadlist li:first-child {
border-top: 1px solid #EDEDEB;
}
.component-downloaditem {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -1.5rem;
padding: 1.5rem 0;
}
.component-downloaditem > * {
padding: 0 1.5rem;
}
.component-downloaditem .component-downloaditem-left {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.component-downloaditem .component-downloaditem-left a {
color: #606060;
font-weight: 600;
}
.component-downloaditem .component-downloaditem-left a:hover {
color: #741473;
}
.component-downloaditem .component-downloaditem-right {
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
font-size: 1.4rem;
color: #A6A69B;
text-transform: uppercase;
margin: 0 -1rem;
}
.component-downloaditem .component-downloaditem-right a {
color: #AFBD21;
}
.component-downloaditem .component-downloaditem-right a:hover {
color: #741473;
}
.component-downloaditem .component-downloaditem-right > * {
padding: 0 1rem;
}
.component-treatments h4:before,
.component-treatments .page-topcontent .tagline:before,
.component-treatments .page-right .component-crosslinkslist h2:before,
.component-treatments .page-right .component-crosslinkslist .webapp-table caption:before,
.component-treatments .page-right .component-crosslinkslist .component-alinea table caption:before {
content: 't';
}
.list-overview.treatments li {
position: relative;
margin-bottom: 1rem;
}
.list-overview.treatments li a {
display: block;
width: 100%;
position: relative;
color: #606060;
padding-left: 3rem;
}
.list-overview.treatments li a:before {
transition: 0.2s ease-out;
border-radius: 50%;
color: #717915;
content: '';
position: absolute;
left: 0;
top: 4px;
width: 2rem;
height: 2rem;
border: 2px solid #717915;
}
.list-overview.treatments li a:after {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
color: #717915;
content: 'e';
position: absolute;
left: 0;
top: 5px;
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
}
.list-overview.treatments li a:hover:before,
.list-overview.treatments li a:focus:before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.list-overview.treatments li a:hover:after,
.list-overview.treatments li a:focus:after {
animation-name: buttonFade;
animation-duration: 0.5s;
}
.list-overview.treatments li a:before {
display: none;
}
.list-overview.treatments li a:after {
right: auto;
left: 0;
}
.list-overview.treatments li a:hover {
color: #717915;
}
.job-post-overview {
margin: 0;
}
.job-post-overview .page-overview-block {
padding: 0 1.5rem;
margin-bottom: 3rem;
}
@media (max-width: 40em) {
.job-post-overview .page-overview-block {
width: 100%;
}
}
.component-job-post-preview {
display: block;
height: 100%;
}
.component-job-post-preview .wrapper {
border-radius: 1.2rem;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
width: 100%;
height: 100%;
padding: 3rem;
display: block;
}
.component-job-post-preview .title .tagline {
margin-top: -0.75rem;
color: #AFBD21;
line-height: 1.3;
}
.component-job-post-preview .btn,
.component-job-post-preview button,
.component-job-post-preview [type=submit],
.component-job-post-preview html div#cookie-bar span.cookie-buttons .allow-cookies,
.component-job-post-preview html .cookie-explanation button.request-cookies,
.component-job-post-preview .form-input-file .file-input-btn {
position: relative;
pointer-events: none;
}
.job-post-details {
color: #606060;
}
@media screen and (min-width: 1025px) {
.job-post-details {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
.job-post-details .row > * {
display: inline;
}
.job-post-details td {
margin-right: 0.75rem;
}
.jobpostbundle-tree-page-jobpostdetail h2,
.jobpostbundle-tree-page-jobpostdetail .webapp-table caption,
.jobpostbundle-tree-page-jobpostdetail .component-alinea table caption {
font-size: 3.2rem;
}
.jobpostbundle-tree-page-jobpostdetail .btn-apply {
font-size: 2rem;
margin-top: 3rem;
}
.jobpostbundle-tree-page-jobpostdetail .page-intro-container {
margin: 0 -1.5rem;
}
.jobpostbundle-tree-page-jobpostdetail .page-details {
padding: 0 1.5rem;
}
.jobpostbundle-tree-page-jobpostdetail .page-content-wrapper .component-block {
max-width: 850px;
}
.jobpostbundle-tree-page-jobpostdetail .page-topcontent-container {
padding-bottom: 3rem;
}
.jobpostbundle-tree-page-jobpostdetail .page-hero-image {
margin-top: 1.5rem;
}
.jobpostbundle-tree-page-jobpostdetail .button-group {
margin-top: 1.5rem;
}
.jobpostbundle-tree-page-jobpostdetail .button-group a {
margin-right: 1.5rem;
}
.jobpostbundle-tree-page-jobpostdetail .button-group .btn-hollow {
position: relative;
padding-right: 5.25rem;
}
.jobpostbundle-tree-page-jobpostdetail .button-group .btn-hollow::after {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
content: 'f';
font-size: 34px;
position: absolute;
top: .4rem;
right: 1.5rem;
}
.jobpostbundle-tree-page-jobpostfolder .row-overview {
display: flex;
flex-wrap: wrap;
margin-left: -1.5rem;
margin-right: -1.5rem;
}
.jobpostbundle-tree-page-jobpostfolder .row-overview .column-overview {
width: 50%;
padding: 0 1.5rem;
margin-bottom: 3rem;
}
@media (max-width: 40em) {
.jobpostbundle-tree-page-jobpostfolder .row-overview .column-overview {
width: 100%;
}
}
.jobpostbundle-tree-page-jobpostfolder .component-job-post-preview .btn,
.jobpostbundle-tree-page-jobpostfolder .component-job-post-preview button,
.jobpostbundle-tree-page-jobpostfolder .component-job-post-preview [type=submit],
.jobpostbundle-tree-page-jobpostfolder .component-job-post-preview html div#cookie-bar span.cookie-buttons .allow-cookies,
.jobpostbundle-tree-page-jobpostfolder .component-job-post-preview html .cookie-explanation button.request-cookies,
.jobpostbundle-tree-page-jobpostfolder .component-job-post-preview .form-input-file .file-input-btn {
margin-bottom: 0;
}
:root {
--ubPrimaryColor: #741473;
--ubLightGray: #999;
--ubBorderRadius: 2.4rem;
--ubFontFamily: 'Source Sans Pro', sans-serif;
--ubMainFontSize: 1.8rem;
--ubLinkTextDecoration: none;
--ubLinkTextDecorationHover: underline;
--ubButtonBorderRadius: 6rem;
--ubButtonPadding: 0.5rem 2rem 1rem;
--ubButtonFontFamily: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
--ubButtonFontSize: 1em;
--ubButtonFontWeight: normal;
--ubButtonBorder: none;
--ubButtonTextTransform: none;
--ubPrimaryButtonColor: #AFBD21;
--ubPrimaryButtonHoverColor: #C7D624;
--ubPrimaryButtonTextColor: #4A4F0D;
--ubPrimaryButtonTextHoverColor: var(--ubPrimaryButtonTextColor);
/*
--ubSecondaryButtonColor: #39870c;
--ubSecondaryButtonHoverColor: #275937;
--ubSecondaryButtonTextColor: #fff;
--ubSecondaryButtonTextHoverColor: var(--ubPrimaryButtonTextColor);
*/
--ubFormOnPagePadding: 0px;
--ubFormFullWidth: 0;
--ubPortalPadding: 0px;
--ubTooltipBorderRadius: 3px;
--ubInfoColorLight: #eef9ff;
--ubInfoColorDark: #23c0f5;
--ubWarnColorLight: #fff7ed;
--ubWarnColorDark: #f6a724;
--ubConfirmColorLight: #eef2da;
--ubConfirmColorDark: #afbd20;
--ubErrorColorLight: #f9dfdd;
--ubErrorColorDark: #d52b1e;
--ubHeaderFontFamily: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
--ubHeaderFontWeight: normal;
--ubH1FontSize: 5.8rem;
--ubH1FontFamily: var(--ubHeaderFontFamily);
--ubH1FontWeight: var(--ubHeaderFontWeight);
--ubH2FontSize: 2.4rem;
--ubH2FontFamily: var(--ubHeaderFontFamily);
--ubH2FontWeight: var(--ubHeaderFontWeight);
--ubH3FontSize: 2rem;
--ubH3FontFamily: var(--ubHeaderFontFamily);
--ubH3FontWeight: var(--ubHeaderFontWeight);
--ubH4FontSize: 2.4rem;
--ubH4FontFamily: var(--ubHeaderFontFamily);
--ubH4FontWeight: var(--ubHeaderFontWeight);
}
.ub-button:hover {
transform: translateY(-2px);
}
.hs_form_on_page .hs_style_container,
.hs_applybutton .hs_style_container {
margin: 0 !important;
max-width: 100% !important;
}
.hs_platform_form input.textfield,
.SumoSelect > .CaptionCont {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.hs_platform_form .form-group.telephone input.textfield {
padding-left: 5.5rem !important;
}
.hs_platform_form .ub-checkbox .checkbox-wrap input[type='checkbox'] {
height: auto;
opacity: 1;
}
.hs_platform_form .ub-checkbox .checkbox-wrap input[type='checkbox'] + label::after {
--webkit-transform: none !important;
transform: none !important;
}
.hs_platform_form .form-group-select .SumoSelect.open .optWrapper {
position: relative !important;
top: 100% !important;
}
.iti__selected-flag {
padding: 0 0.5rem 0 1rem !important;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.SumoSelect > .CaptionCont > span.ub-sumo-dropdown > span.ub-sumo-dropdown-icon {
right: 1.5rem !important;
}
.app-component-homepagecrosslinklist {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-basis: 240px;
-ms-flex-basis: 240px;
flex-basis: 240px;
min-width: 240px;
padding: 0 1.5rem;
}
.app-component-homepagecrosslinklist ul li a {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
padding-left: 3rem;
position: relative;
}
.app-component-homepagecrosslinklist ul li a:before {
transition: 0.2s ease-out;
border-radius: 50%;
color: #717915;
content: '';
position: absolute;
left: 0;
top: 4px;
width: 2rem;
height: 2rem;
border: 2px solid #717915;
}
.app-component-homepagecrosslinklist ul li a:after {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
color: #717915;
content: 'e';
position: absolute;
left: 0;
top: 5px;
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
}
.app-component-homepagecrosslinklist ul li a:hover:before,
.app-component-homepagecrosslinklist ul li a:focus:before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.app-component-homepagecrosslinklist ul li a:hover:after,
.app-component-homepagecrosslinklist ul li a:focus:after {
animation-name: buttonFade;
animation-duration: 0.5s;
}
.app-component-homepagecrosslinklist ul li a .arrow {
left: 0;
top: 4px;
}
.component-zkn-widget {
position: relative;
padding: 0 1.5rem;
}
.component-zkn-widget.zkn-widget-type-3,
.component-zkn-widget .zkn-widget-type-2,
.component-zkn-widget .zkn-widget-type-4 {
width: 100%;
}
.component-zkn-widget.zkn-widget-type-3 .zkn-widget-body,
.component-zkn-widget .zkn-widget-type-2 .zkn-widget-body,
.component-zkn-widget .zkn-widget-type-4 .zkn-widget-body {
height: inherit;
}
.component-zkn-widget .zkn-widget-body {
max-width: inherit;
}
.component-zkn-widget .zkn-widget-body .fractional_number sup {
top: 0 !important;
}
.component-homepage .component-zkn-widget {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media (max-width: 60em) {
.component-homepage .component-zkn-widget {
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
width: 50%;
}
}
@media (max-width: 30em) {
.component-homepage .component-zkn-widget {
width: 100%;
}
}
.page-right .component-zkn-widget {
padding: 0;
}
.component-highlight {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 1.5rem;
position: relative;
margin-bottom: 3rem;
}
@media (max-width: 60em) {
.component-highlight {
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
width: 50%;
}
}
@media (max-width: 30em) {
.component-highlight {
width: 100%;
}
}
.component-highlight figure {
border-radius: 5px;
margin-bottom: 1rem;
overflow: hidden;
background: #FAFAF7;
padding-top: 66.66666667%;
position: relative;
}
.component-highlight figure .responsive-image {
padding-top: 0 !important;
position: static;
}
.component-highlight figure img {
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
max-width: none;
}
.component-highlight a {
display: block;
margin-bottom: 1.5rem;
}
.component-highlight .label {
border-radius: 2.4rem;
position: absolute;
padding: 0.5rem 1rem;
top: 1.5rem;
left: 3rem;
overflow: hidden;
font-size: 1.4rem;
background: #741473;
opacity: 0.8;
}
.component-highlight .label span {
font-family: 'Yummo W01 Bold1444433', 'Source Sans Pro', sans-serif;
color: #fff;
text-transform: uppercase;
position: relative;
z-index: 1;
}
.component-highlight .blend {
width: 100%;
left: 0;
display: none;
}
.component-highlight .blend svg {
border-radius: 3rem;
width: 100%;
}
.component-highlight h3,
.component-highlight .small,
.component-highlight .webbeheer-formulier h2,
.component-highlight .webbeheer-formulier legend,
.component-highlight .component-crosslinkslist h2,
.component-highlight .webbeheer-formulier .webapp-table caption,
.component-highlight .component-crosslinkslist .webapp-table caption,
.component-highlight .webbeheer-formulier .component-alinea table caption,
.component-highlight .component-crosslinkslist .component-alinea table caption {
margin: 0;
}
@supports (mix-blend-mode: multiply) {
.component-highlight .label {
background: none;
opacity: 1;
}
.component-highlight .blend {
display: block;
}
}
.component-upslist h4:before,
.component-upslist .page-topcontent .tagline:before,
.component-upslist .page-right .component-crosslinkslist h2:before,
.component-upslist .page-right .component-crosslinkslist .webapp-table caption:before,
.component-upslist .page-right .component-crosslinkslist .component-alinea table caption:before {
content: 'j';
}
.list-overview.usps li {
font-weight: 600;
position: relative;
padding-left: 3rem;
margin-bottom: 1rem;
}
.list-overview.usps li:before {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
content: 'i';
color: #717915;
margin-right: 1rem;
position: absolute;
left: 0;
top: 0;
}
.component-residentialforms h4:before,
.component-residentialforms .page-topcontent .tagline:before,
.component-residentialforms .page-right .component-crosslinkslist h2:before,
.component-residentialforms .page-right .component-crosslinkslist .webapp-table caption:before,
.component-residentialforms .page-right .component-crosslinkslist .component-alinea table caption:before {
content: 'a';
}
.list-overview.residentialforms li {
position: relative;
padding-left: 3rem;
}
.list-overview.residentialforms li:before {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
content: 'e';
color: #AFBD21;
margin-right: 1rem;
position: absolute;
left: 0;
top: 0;
}
.component-crosslinkslist h2,
.component-crosslinkslist .webapp-table caption,
.component-crosslinkslist .component-alinea table caption {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.component-crosslinkslist h2:before,
.component-crosslinkslist .webapp-table caption:before,
.component-crosslinkslist .component-alinea table caption:before {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
position: relative;
top: 4px;
content: 'h';
margin-right: 1rem;
}
.component-crosslinkslist li {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
border-bottom: 1px solid #EDEDEB;
padding: 1rem 0;
position: relative;
}
.component-crosslinkslist li:first-child {
border-top: 1px solid #EDEDEB;
}
.component-crosslinkslist li a {
display: block;
width: 100%;
position: relative;
color: #606060;
}
.component-crosslinkslist li a:before {
transition: 0.2s ease-out;
border-radius: 50%;
color: #717915;
content: '';
position: absolute;
left: 0;
top: 4px;
width: 2rem;
height: 2rem;
border: 2px solid #717915;
}
.component-crosslinkslist li a:after {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
color: #717915;
content: 'e';
position: absolute;
left: 0;
top: 5px;
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
}
.component-crosslinkslist li a:hover:before,
.component-crosslinkslist li a:focus:before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.component-crosslinkslist li a:hover:after,
.component-crosslinkslist li a:focus:after {
animation-name: buttonFade;
animation-duration: 0.5s;
}
.component-crosslinkslist li a:before,
.component-crosslinkslist li a:after {
left: auto;
right: 0;
}
.component-crosslinkslist li a:hover {
color: #AFBD21;
}
.page-footer-navigation-wrapper .component-crosslinkslist li {
border: none;
padding: 0;
}
.page-footer-navigation-wrapper .component-crosslinkslist li a {
color: #fff;
}
.page-right .component-crosslinkslist h2,
.page-right .component-crosslinkslist .webapp-table caption,
.page-right .component-crosslinkslist .component-alinea table caption {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.page-right .component-crosslinkslist h2:before,
.page-right .component-crosslinkslist .webapp-table caption:before,
.page-right .component-crosslinkslist .component-alinea table caption:before {
font-family: 'zorggroep-meander';
font-size: 24px;
font-weight: normal;
line-height: 1.4;
text-transform: none;
content: 'h';
margin-right: 1rem;
}
.page-right .component-crosslinkslist a {
padding-left: 3rem;
}
.page-right .component-crosslinkslist a:before {
display: none;
}
.page-right .component-crosslinkslist a:after {
right: auto;
left: 0;
}
.component-calltoaction a {
margin-bottom: 0;
}
/* =========================================================================
*
* Styling the Kirra 'iframe' component and making it responsive
*
* ====================================================================== */
.component-iframe {
position: relative;
padding-top: 56.25%;
}
.component-iframe > * {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
}
.page-search-results {
position: relative;
}
.preloader {
transition: 0.2s ease-out;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
opacity: 0;
pointer-events: none;
background: rgba(255, 255, 255, 0.5);
z-index: 1000;
}
.loading {
pointer-events: none;
}
.loading ~ .preloader {
opacity: 1;
}
.loading ~ .page-pagination {
pointer-events: none;
}
.circle {
width: 6rem;
height: 6rem;
border-radius: 100%;
border: 5px solid #741473;
border-top-color: #AFBD21;
animation: spin 0.75s infinite linear;
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
/* =========================================================================
*
* Image Gallery
*
* ====================================================================== */
.image-gallery-images {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.image-gallery-images .component-image figure {
background: none;
overflow: hidden;
padding-top: 0;
}
.image-gallery-images .component-image figure .responsive-image {
position: relative;
padding-top: 66.66666667% !important;
}
.image-gallery-images .component-image figure img {
height: 100%;
width: auto;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* =========================================================================
*
* Image Slider
*
* ====================================================================== */
.image-slider .slick-arrow {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
position: absolute;
top: 50%;
padding: 0;
margin: 0;
z-index: 1;
}
.image-slider .slick-arrow::before {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
color: #fff;
font-family: 'zorggroep-meander';
font-size: 36px;
float: none !important;
margin: 0 !important;
width: 48px;
height: 48px;
}
.image-slider .slick-prev {
left: 1.5rem;
}
.image-slider .slick-prev::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
content: 'e';
}
.image-slider .slick-next {
right: 1.5rem;
}
.image-slider .slick-next::before {
content: 'e';
}
.image-slider .component-image {
margin-bottom: 0;
}
.image-slider-slider {
position: relative;
}
.component-child-page-list .page-overview-block article,
.rich-link-list .component-rich-link,
.slider-storypreview {
border-radius: 1.2rem;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
border: 1px solid #EDEDEB;
background: #fff;
overflow: hidden;
height: 100%;
}
.component-child-page-list .page-overview-block article > a,
.rich-link-list .component-rich-link > a,
.slider-storypreview > a {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.component-child-page-list .page-overview-block article > a:hover .arrow:before,
.rich-link-list .component-rich-link > a:hover .arrow:before,
.slider-storypreview > a:hover .arrow:before,
.component-child-page-list .page-overview-block article > a:focus .arrow:before,
.rich-link-list .component-rich-link > a:focus .arrow:before,
.slider-storypreview > a:focus .arrow:before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.component-child-page-list .page-overview-block article > a:hover .arrow:after,
.rich-link-list .component-rich-link > a:hover .arrow:after,
.slider-storypreview > a:hover .arrow:after,
.component-child-page-list .page-overview-block article > a:focus .arrow:after,
.rich-link-list .component-rich-link > a:focus .arrow:after,
.slider-storypreview > a:focus .arrow:after {
animation-name: buttonFade;
animation-duration: 0.5s;
}
.component-child-page-list .page-overview-block article .image,
.rich-link-list .component-rich-link .image,
.slider-storypreview .image,
.component-child-page-list .page-overview-block article .rich-link-image,
.rich-link-list .component-rich-link .rich-link-image,
.slider-storypreview .rich-link-image {
position: relative;
margin-bottom: 0;
}
.component-child-page-list .page-overview-block article .image .responsive-image,
.rich-link-list .component-rich-link .image .responsive-image,
.slider-storypreview .image .responsive-image,
.component-child-page-list .page-overview-block article .rich-link-image .responsive-image,
.rich-link-list .component-rich-link .rich-link-image .responsive-image,
.slider-storypreview .rich-link-image .responsive-image {
position: absolute;
top: 0;
left: 0;
padding-top: 0 !important;
width: 100%;
}
.component-child-page-list .page-overview-block article .image img,
.rich-link-list .component-rich-link .image img,
.slider-storypreview .image img,
.component-child-page-list .page-overview-block article .rich-link-image img,
.rich-link-list .component-rich-link .rich-link-image img,
.slider-storypreview .rich-link-image img {
-webkit-border-top-left-radius: 1.2rem;
-webkit-border-top-right-radius: 1.2rem;
-moz-border-radius-topleft: 1.2rem;
-moz-border-radius-topright: 1.2rem;
border-top-left-radius: 1.2rem;
border-top-right-radius: 1.2rem;
position: relative;
transform: translate3d(0, 0, 0) !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
}
.component-child-page-list .page-overview-block article .text,
.rich-link-list .component-rich-link .text,
.slider-storypreview .text {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
padding: 3rem;
}
.component-child-page-list .page-overview-block article h2,
.rich-link-list .component-rich-link h2,
.slider-storypreview h2,
.component-child-page-list .page-overview-block article .webapp-table caption,
.rich-link-list .component-rich-link .webapp-table caption,
.slider-storypreview .webapp-table caption,
.component-child-page-list .page-overview-block article .component-alinea table caption,
.rich-link-list .component-rich-link .component-alinea table caption,
.slider-storypreview .component-alinea table caption {
margin-bottom: 2.25rem;
}
.component-child-page-list .page-overview-block article .component-alinea,
.rich-link-list .component-rich-link .component-alinea,
.slider-storypreview .component-alinea {
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
width: 100%;
padding: 0;
margin-bottom: 0.75rem;
}
.component-child-page-list .page-overview-block article .component-alinea p,
.rich-link-list .component-rich-link .component-alinea p,
.slider-storypreview .component-alinea p {
font-size: 1.6rem;
color: #606060;
}
.component-child-page-list .page-overview-block article .component-alinea h2,
.rich-link-list .component-rich-link .component-alinea h2,
.slider-storypreview .component-alinea h2,
.component-child-page-list .page-overview-block article .component-alinea .webapp-table caption,
.rich-link-list .component-rich-link .component-alinea .webapp-table caption,
.slider-storypreview .component-alinea .webapp-table caption,
.component-child-page-list .page-overview-block article .webapp-table caption,
.rich-link-list .component-rich-link .webapp-table caption,
.slider-storypreview .webapp-table caption,
.component-child-page-list .page-overview-block article .component-alinea .component-alinea table caption,
.rich-link-list .component-rich-link .component-alinea .component-alinea table caption,
.slider-storypreview .component-alinea .component-alinea table caption,
.component-child-page-list .page-overview-block article .component-alinea table caption,
.rich-link-list .component-rich-link .component-alinea table caption,
.slider-storypreview .component-alinea table caption {
display: none;
}
.component-child-page-list .page-overview-block article .image {
padding-top: 42.10526316% !important;
}
.rich-link-list .component-rich-link .image,
.slider-storypreview .image,
.rich-link-list .component-rich-link .rich-link-image,
.slider-storypreview .rich-link-image {
padding-top: 52.43243243% !important;
}
/* =========================================================================
*
* YouTube with Rich Link
*
* ====================================================================== */
.component-youtube-rich-link {
display: flex;
margin-top: 9rem;
margin-bottom: 12rem;
position: relative;
}
@media (max-width: 60em) {
.component-youtube-rich-link {
flex-wrap: wrap;
}
}
@media (max-width: 40em) {
.component-youtube-rich-link {
margin-bottom: 0;
}
}
.component-youtube-rich-link::before {
@include transition;
content: '';
background: #f1e7f1;
border-radius: 2.4rem 0 0 2.4rem;
width: 77.16666667%;
height: 117.25%;
position: absolute;
top: -4.5rem;
right: -10.5rem;
}
@media (max-width: 60em) {
.component-youtube-rich-link::before {
height: 66.66666667%;
}
}
@media (max-width: 40em) {
.component-youtube-rich-link::before {
height: 50%;
}
}
@media (max-width: 30em) {
.component-youtube-rich-link::before {
height: 35%;
}
}
.component-youtube-rich-link .component-youtube {
-webkit-border-radius: 0.6rem;
-moz-border-radius: 0.6rem;
border-radius: 0.6rem;
left: auto;
width: 66.66666667%;
margin-right: 3rem;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
@media (max-width: 60em) {
.component-youtube-rich-link .component-youtube {
width: 100%;
margin: 0;
}
}
@media (max-width: 40em) {
.component-youtube-rich-link .component-youtube .btn-yt-play {
margin: auto;
}
}
.component-youtube-rich-link.only-video .component-youtube {
width: 100%;
margin-right: 0;
}
.component-youtube-rich-link .youtube-rich-link-container {
width: 33.33333333%;
margin-left: 3rem;
z-index: 10;
}
@media (max-width: 60em) {
.component-youtube-rich-link .youtube-rich-link-container {
width: 100%;
margin-left: 0;
}
}
.component-youtube-rich-link .component-title {
font-size: 5.8rem;
margin: 2.25rem 0;
}
.component-youtube-rich-link .alinea {
color: #741473;
font-size: 2.2rem;
margin-bottom: 3rem;
}
.component-youtube-rich-link .read-more-alt {
color: #741473;
}
.component-youtube-rich-link .read-more-alt .arrow::before {
color: #741473;
border: 2px solid #741473;
}
.component-youtube-rich-link .read-more-alt .arrow::after {
color: #741473;
}
.flex-row .component-youtube-rich-link {
margin-top: 0;
margin-bottom: 4.5rem;
}
.flex-row .component-youtube-rich-link::before {
content: none;
}
.component-hero-banner {
margin-left: -9rem;
margin-right: -9rem;
position: relative;
}
@media (min-width: 64em) {
.component-hero-banner {
margin-bottom: 6rem;
}
}
.component-hero-banner::after {
content: '';
background: url('/img/corner.svg');
height: 3rem;
width: 3rem;
display: block;
}
.component-hero-banner .page-hero-image {
z-index: auto;
}
.component-hero-banner .page-topcontent-container {
overflow: visible;
}
@media (max-width: 30em) {
.component-hero-banner .page-title-container {
position: absolute;
margin-top: 0;
}
.component-hero-banner .page-title-container .page-title {
padding-top: 0;
}
}
.component-hero-banner .page-intro-container {
width: 66.66666667%;
padding-left: 9rem;
padding-right: 2.5rem;
}
.component-hero-banner .page-intro-container .page-intro {
color: #fff;
padding-top: 3rem;
padding-bottom: 3rem;
font-size: 2.2rem;
}
.component-hero-banner .page-intro-container .page-intro:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 100vw;
background: #741473;
border-radius: 0 0 2.4rem 0;
}
@media (max-width: 48em) {
.component-hero-banner .page-intro-container .page-intro:before {
width: auto;
right: 5rem;
}
}
.component-hero-banner .page-intro-container .page-intro h2,
.component-hero-banner .page-intro-container .page-intro .webapp-table caption,
.component-hero-banner .page-intro-container .page-intro .component-alinea table caption {
color: #fff;
}
.component-hero-banner .page-intro-container .page-intro > * {
position: relative;
z-index: 1;
}
.component-hero-banner .page-intro-container .page-intro p {
padding-right: 3rem;
}
@media (max-width: 64em) {
.component-hero-banner {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.component-hero-banner::after {
margin-left: 4.5rem;
}
.component-hero-banner .page-topcontent {
-ms-flex-order: 1;
-webkit-order: 1;
-ms-order: 1;
order: 1;
}
.component-hero-banner .page-intro-container {
-ms-flex-order: 2;
-webkit-order: 2;
-ms-order: 2;
order: 2;
}
.component-hero-banner::after {
-ms-flex-order: 3;
-webkit-order: 3;
-ms-order: 3;
order: 3;
}
.component-hero-banner .component-zkn-widget {
-ms-flex-order: 4;
-webkit-order: 4;
-ms-order: 4;
order: 4;
}
.component-hero-banner .page-title-container {
display: block;
padding-left: 7.5rem;
padding-right: 7.5rem;
bottom: -3rem;
}
.component-hero-banner .page-intro-container {
width: auto;
padding-left: 0;
}
.component-hero-banner .page-intro {
padding-left: 9rem;
padding-right: 9rem;
}
.component-hero-banner .page-intro::before {
left: 0;
}
}
@media (max-width: 48em) {
.component-hero-banner::after {
margin-left: 6rem;
}
}
.component-hero-banner .component-zkn-widget {
margin: 3rem 7.5rem 0;
width: auto;
}
@media (min-width: 64em) {
.component-hero-banner .component-zkn-widget {
display: block;
position: absolute;
width: 30%;
right: 6rem;
min-height: 0;
margin: 0;
padding: 3rem;
top: 45rem;
}
.component-contentpage .component-hero-banner .component-zkn-widget {
top: 31.6rem;
}
}
.component-upslist-extended {
position: relative;
z-index: 1;
text-align: center;
margin-bottom: 0;
padding: 6rem 0 3rem;
}
.component-upslist-extended:after {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
position: absolute;
left: 50%;
top: 0;
bottom: 0;
z-index: -1;
content: '';
background: #FAFAF7;
width: 400vw;
}
.component-upslist-extended h2,
.component-upslist-extended .webapp-table caption,
.component-upslist-extended .component-alinea table caption {
color: #717915;
margin-bottom: 3rem;
font-size: 4.4rem;
}
.component-upslist-extended .page-overview[data-gutter='1'] > .page-overview-block {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-bottom: 0;
}
@media (max-width: 79.9375em) {
.component-upslist-extended .page-overview[data-gutter='1'] > .page-overview-block {
width: 33.33333333%;
}
}
@media (max-width: 875px) {
.component-upslist-extended .page-overview[data-gutter='1'] > .page-overview-block {
width: 50%;
}
}
@media (max-width: 550px) {
.component-upslist-extended .page-overview[data-gutter='1'] > .page-overview-block {
width: 100%;
}
}
.component-upslist-extended .usp-extended {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
transition: 0.4s ease-out;
height: 30rem;
padding: 3rem;
overflow: hidden;
}
@media (max-width: 550px) {
.component-upslist-extended .usp-extended {
height: 25rem;
}
}
@media (max-width: 400px) {
.component-upslist-extended .usp-extended {
height: 30rem;
}
}
.component-upslist-extended .usp-extended .icon {
border-radius: 50%;
transition: 0.4s ease-out;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
width: 10.5rem;
height: 10.5rem;
background: #ebeecc;
padding: 2.25rem;
margin-bottom: 1.5rem;
}
.component-upslist-extended .usp-extended h3,
.component-upslist-extended .usp-extended .webbeheer-formulier h2,
.component-upslist-extended .usp-extended .webbeheer-formulier legend,
.component-upslist-extended .usp-extended .component-crosslinkslist h2,
.component-upslist-extended .usp-extended .webbeheer-formulier .webapp-table caption,
.component-upslist-extended .usp-extended .component-crosslinkslist .webapp-table caption,
.component-upslist-extended .usp-extended .webbeheer-formulier .component-alinea table caption,
.component-upslist-extended .usp-extended .component-crosslinkslist .component-alinea table caption {
color: #4A4F0D;
font-size: 2.4rem;
}
.component-upslist-extended .usp-extended p {
transition: 0.4s ease-out;
color: #4A4F0D;
font-size: 1.6rem;
opacity: 0;
visibility: hidden;
height: 0;
margin-bottom: 0;
position: relative;
bottom: -3rem;
}
.component-upslist-extended .usp-extended:hover {
border-radius: 1.2rem;
box-shadow: 0 3px 15px 0 rgba(74, 79, 13, 0.05);
background: #fff;
cursor: pointer;
}
.component-upslist-extended .usp-extended:hover .icon {
width: 4.1rem;
height: 4.1rem;
padding: 0.75rem;
}
.component-upslist-extended .usp-extended:hover p {
margin-top: 0;
opacity: 1;
visibility: visible;
height: 12.5rem;
bottom: 0;
}
/* =========================================================================
*
* Rich link list
*
* ====================================================================== */
.rich-link-list > h2,
.rich-link-list > .webapp-table caption,
.rich-link-list > .component-alinea table caption {
margin-bottom: 3rem;
font-size: 4.4rem;
}
.rich-link-list .component-rich-link .component-title a {
color: #741473;
}
.rich-link-list .component-rich-link .component-title a:hover,
.rich-link-list .component-rich-link .component-title a:focus {
color: #AFBD21;
}
.story-slider-container {
margin-bottom: 9rem;
}
.story-slider-container > h2,
.story-slider-container > .webapp-table caption,
.story-slider-container > .component-alinea table caption {
font-size: 4.4rem;
margin-bottom: 3rem;
}
.component-story-slider .slick-track {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.component-story-slider .slick-list {
margin: 0 -1.5rem;
}
.component-story-slider .slick-slide {
padding: 0 1.5rem;
height: auto;
}
.component-story-slider .slick-slide > div,
.component-story-slider .slick-slide article {
height: 100%;
margin-bottom: 0;
}
.component-story-slider .slick-arrow {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
position: absolute;
top: 50%;
border-radius: 50%;
font-size: 0;
width: 4.8rem;
height: 4.8rem;
z-index: 10;
padding: 0;
}
.component-story-slider .slick-arrow::before {
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
position: absolute;
top: 50%;
left: 50%;
font-family: 'zorggroep-meander';
font-size: 1.8rem;
margin-left: 0;
color: #fff;
}
.component-story-slider .slick-arrow.slick-prev {
left: -6.75rem;
}
.component-story-slider .slick-arrow.slick-prev::before {
content: 'B';
}
.component-story-slider .slick-arrow.slick-next {
right: -6.75rem;
}
.component-story-slider .slick-arrow.slick-next::before {
content: 'C';
}
@media (max-width: 64em) {
.component-story-slider .slick-arrow.slick-prev {
left: -3.75rem;
}
.component-story-slider .slick-arrow.slick-next {
right: -3.75rem;
}
}
@media (max-width: 48em) {
.component-story-slider .slick-arrow.slick-prev {
left: -2.25rem;
}
.component-story-slider .slick-arrow.slick-next {
right: -2.25rem;
}
}
/* =========================================================================
*
* Person block
*
* ====================================================================== */
.component-person-block {
padding: 1.5rem 0 0 2.25rem;
position: relative;
}
.component-person-block .image {
position: absolute;
top: 0;
left: 0;
width: 12rem;
border-radius: 0 3rem 3rem 0;
overflow: hidden;
}
.component-person-block .text {
background: #f1e7f1;
padding: 12rem 3rem 3rem;
}
.component-person-block h2,
.component-person-block .webapp-table caption,
.component-person-block .component-alinea table caption {
margin-bottom: 0;
}
.component-person-block h3,
.component-person-block .webbeheer-formulier h2,
.component-person-block .webbeheer-formulier legend,
.component-person-block .component-crosslinkslist h2,
.component-person-block .webbeheer-formulier .webapp-table caption,
.component-person-block .component-crosslinkslist .webapp-table caption,
.component-person-block .webbeheer-formulier .component-alinea table caption,
.component-person-block .component-crosslinkslist .component-alinea table caption {
color: #606060;
}
.component-person-block a {
display: block;
line-height: 1.3;
}
.component-person-block a::before {
position: relative;
margin-right: 1rem;
color: #741473;
top: .4rem;
}
.component-person-block a:hover,
.component-person-block a:focus {
color: #741473;
text-decoration: underline;
}
.component-person-block a:hover::before,
.component-person-block a:focus::before {
text-decoration: none;
}
@media (min-width: 30em) {
.component-person-block {
padding: 3rem 0 0 4.5rem;
}
.component-person-block .image {
width: 12rem;
}
.component-person-block .text {
padding: 3.75rem 3rem 3rem 10.5rem;
}
}
@media (min-width: 48em) {
.component-person-block {
padding: 4.5rem 0 0 9rem;
}
.component-person-block .image {
width: 27rem;
}
.component-person-block .text {
padding: 7.5rem 6rem 6rem 22.5rem;
}
}
.component-rich-link-layout {
border-radius: 1.2rem;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 4.5rem;
}
.component-rich-link-layout .image,
.component-rich-link-layout .text {
width: 50%;
}
@media (max-width: 64em) {
.component-rich-link-layout .image,
.component-rich-link-layout .text {
width: 100%;
}
}
.component-rich-link-layout .image img {
border-radius: 2.4rem;
}
@media (max-width: 64em) {
.component-rich-link-layout .image img {
border-radius: 2.4rem 2.4rem 0 0;
margin-top: 0;
}
}
.component-rich-link-layout .text {
border: 1px solid #EDEDEB;
border-radius: 2.4rem;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
background: #fff;
display: flex;
flex-direction: column;
padding: 3rem;
margin-top: 3rem;
}
@media (max-width: 64em) {
.component-rich-link-layout .text {
border-radius: 0 0 2.4rem 2.4rem;
margin-top: 0;
}
}
.component-rich-link-layout.card-layout-horizontal .image {
margin-right: -3rem;
}
@media (max-width: 64em) {
.component-rich-link-layout.card-layout-horizontal .image {
margin-right: 0;
}
}
.component-rich-link-layout.card-layout-horizontal .text {
padding-left: 6rem;
}
@media (max-width: 64em) {
.component-rich-link-layout.card-layout-horizontal .text {
padding-left: 3rem;
}
}
.component-rich-link-layout.card-layout-horizontal-alt .image {
margin-left: -3rem;
order: 1;
}
@media (max-width: 64em) {
.component-rich-link-layout.card-layout-horizontal-alt .image {
margin-left: 0;
order: 0;
}
}
.component-rich-link-layout.card-layout-horizontal-alt .text {
padding-right: 6rem;
}
@media (max-width: 64em) {
.component-rich-link-layout.card-layout-horizontal-alt .text {
padding-right: 3rem;
}
}
html div#cookie-bar {
top: auto !important;
}
html div#cookie-bar span.cookie-buttons .disallow-cookies {
display: inline-block;
padding: 0.75rem 3rem 1.2rem;
}
.component-flex-grid {
width: 100%;
}
.component-flex-grid .flex-row {
display: flex;
margin-left: -1.5rem;
margin-right: -1.5rem;
}
.component-flex-grid .flex-row > * {
padding: 1.5rem;
overflow: hidden;
}
.component-flex-grid .flex-row .flex-box-1-2 {
width: 50%;
}
.component-flex-grid .flex-row .flex-box-1-3 {
width: 33.333%;
}
.component-flex-grid .flex-row .flex-box-2-3 {
width: 66.667%;
}
@media (max-width: 48em) {
.component-flex-grid .flex-row {
display: block;
}
.component-flex-grid .flex-row .flex-box-1-2,
.component-flex-grid .flex-row .flex-box-1-3,
.component-flex-grid .flex-row .flex-box-2-3 {
width: 100%;
}
}
/* =========================================================================
*
* Hs apply (register popup)
*
* ====================================================================== */
.hs_popup {
left: 50% !important;
transform: translate3d(-50%, 0, 0) !important;
}
.hs_popup .hs_popup_header {
border-bottom: 0 !important;
}
.hs_popup .hs_platform_form input.textfield {
border-color: #EDEDEB;
}
.hs_popup .hs_style_container button.ub-password-eye {
display: flex;
}
.hs_popup .hs_bottom_line {
display: none;
}
/* =========================================================================
*
* Hs form (subscribe alert)
*
* ====================================================================== */
.hs_form_on_page .hs_platform_form input.textfield,
.hs_form_on_page .SelectBox {
border-color: #EDEDEB !important;
}
.hs_form_on_page .hs_style_container button.ub-password-eye {
display: flex;
}
.hs_form_on_page .formbuttons input {
min-width: 0 !important;
}
/* =========================================================================
*
* Paragraph
*
* ====================================================================== */
.component-paragraph ul,
.component-paragraph ol {
list-style: inside;
}
.modal-wrapper {
transition: 0.4s ease-in-out;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
cursor: url('/img/cursor-close.png'), auto;
padding: 3rem 0;
overflow: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
z-index: 1000;
}
.modal-wrapper .page-middle {
width: 100%;
}
.modal-wrapper:before,
.modal-wrapper:after {
margin: -30px 0 0 -30px;
width: 60px;
position: absolute;
top: 50%;
left: 50%;
visibility: hidden;
opacity: 0;
}
.modal-wrapper:before {
-webkit-transform-origin: 23.5px 23.5px;
transform-origin: 23.5px 23.5px;
font-size: 21px;
text-align: center;
color: #999;
line-height: 60px;
z-index: 1;
}
.modal-wrapper:after {
border-radius: 2.4rem;
content: '';
background: #fff;
height: 60px;
}
.modal-inner {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 0.4rem 0 0.4rem 0.4rem;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
cursor: url('/img/cursor-close.png'), auto;
max-width: calc(105.75rem - 24rem);
width: calc(100% - 24rem);
margin: auto;
min-height: 100%;
}
.modal-content-wrapper {
width: 100%;
}
.modal-content {
-webkit-transform: scale(0.95);
transform: scale(0.95);
border-radius: 2.4rem;
transition: 0.4s ease-out;
cursor: default;
opacity: 0;
background: #fff;
position: relative;
z-index: 1;
overflow: hidden;
padding: 0 6rem;
width: 100%;
}
.modal-content > *:last-child {
margin-bottom: 0;
}
.modal-nav {
border-radius: 50%;
transition-delay: 0.4s;
opacity: 0;
visibility: hidden;
position: fixed;
top: 50vh;
margin-top: -3rem;
cursor: pointer;
width: 6rem;
height: 6rem;
}
.modal-nav:before {
display: block;
margin: auto;
font-size: 42px;
color: #fff;
z-index: 1;
}
.modal-nav.ready_to_slide span:before {
-webkit-animation: modal-pulse 0.4s ease-out;
animation: modal-pulse 0.4s ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.modal-nav span {
border-radius: 50%;
-webkit-transform: scale(0);
transform: scale(0);
content: '';
background: #000;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.modal-nav span:before {
border-radius: 50%;
box-shadow: inset 0 0 0 2px #741473;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.modal-nav:hover span,
.modal-nav:focus span {
-webkit-transform: scale(1);
transform: scale(1);
opacity: .5;
}
.modal-nav.modal-nav-prev {
left: 3rem;
}
.modal-nav.modal-nav-next {
right: 3rem;
}
.modal-close {
transition: 0.2s ease-out;
border-radius: 2.4rem;
background: #741473;
text-align: center;
position: fixed;
top: 3rem;
right: 3rem;
color: #fff;
cursor: pointer;
width: 4.5rem;
line-height: 4.5rem;
opacity: 0;
visibility: hidden;
z-index: 1001;
}
.modal-close:before {
transition: 0.2s ease-out;
display: block;
width: 100%;
font-size: 14px;
}
.modal-close:hover,
.modal-close:focus {
background: #5e105d;
}
.modal-close:hover:before,
.modal-close:focus:before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/*
Is set on the tag when the Modal is opened.
*/
.show-modal,
.show-modal body {
overflow: hidden;
}
.show-modal .modal-wrapper {
opacity: 1;
visibility: visible;
}
.show-modal .modal-wrapper:before,
.show-modal .modal-wrapper:after {
opacity: 1;
visibility: visible;
}
.show-modal .modal-wrapper:before {
-webkit-animation: modal-rotation 1s infinite linear;
animation: modal-rotation 1s infinite linear;
}
.show-modal .show-modal-content {
opacity: 1;
visibility: visible;
z-index: 1000;
}
.show-modal .show-modal-content:before,
.show-modal .show-modal-content:after {
opacity: 0;
visibility: hidden;
}
.show-modal .modal-content {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.show-modal .modal-nav {
opacity: 1;
visibility: visible;
z-index: 1001;
}
.show-modal .modal-close {
visibility: visible;
opacity: 1;
}
@keyframes modal-rotation {
100% {
transform: rotate(359deg);
}
}
@-moz-keyframes modal-rotation {
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes modal-rotation {
100% {
-webkit-transform: rotate(359deg);
}
}
@-webkit-keyframes modal-pulse {
0% {
-webkit-box-shadow: inset 0 0 0 2px #741473;
}
50% {
-webkit-box-shadow: inset 0 0 1.5rem 0 #741473;
}
100% {
-webkit-box-shadow: inset 0 0 3rem 0 transparent;
-webkit-transform: scale(1.375);
}
}
@-moz-keyframes modal-pulse {
0% {
-moz-box-shadow: inset 0 0 0 2px #741473;
}
50% {
-moz-box-shadow: inset 0 0 1.5rem 0 #741473;
}
100% {
-moz-box-shadow: inset 0 0 3rem 0 transparent;
-moz-transform: scale(1.375);
}
}
@keyframes modal-pulse {
0% {
box-shadow: inset 0 0 0 2px #741473;
}
50% {
box-shadow: inset 0 0 1.5rem 0 #741473;
}
100% {
box-shadow: inset 0 0 3rem 0 transparent;
transform: scale(1.375);
}
}
/**
* Make the modal full-screen on smaller screens
*/
@media (max-width: 40em) {
.modal-close {
top: 0;
right: 0;
}
.modal-wrapper {
padding: 0;
}
.modal-content {
min-height: 100vh;
}
.modal-inner {
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
width: 100%;
max-width: none;
}
}
/**
* YouTube component on the homepage. Available in App\Container\Right
*/
.component-youtube-rich-link.modal {
display: none;
}
.modal-content {
border-radius: 0.6rem;
padding: 0;
}
.modal-content .component-youtube {
width: 100%;
left: auto;
}
.modal-content .responsive-embed {
border-radius: 0.6rem 0.6rem 0 0;
}
.modal-content .video-placeholder {
display: none;
}
.modal-content iframe {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
.modal-content .youtube-title {
margin: 0.75rem 1.5rem;
}
.component-youtube-modal {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
text-align: center;
}
.youtube-modal-title {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 50%;
}
@media (max-width: 75em) {
.youtube-modal-title {
width: 33.33333333%;
}
}
.youtube-modal-title h3,
.youtube-modal-title .webbeheer-formulier h2,
.youtube-modal-title .webbeheer-formulier legend,
.youtube-modal-title .component-crosslinkslist h2,
.youtube-modal-title .webbeheer-formulier .webapp-table caption,
.youtube-modal-title .component-crosslinkslist .webapp-table caption,
.youtube-modal-title .webbeheer-formulier .component-alinea table caption,
.youtube-modal-title .component-crosslinkslist .component-alinea table caption {
color: #717915;
font-size: 1.8rem;
margin: 1.5rem 0 0.75rem;
}
.youtube-modal-title img {
-webkit-align-self: flex-end;
-ms-align-self: flex-end;
align-self: flex-end;
max-width: 37px;
}
.modal-image-wrapper {
box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.125);
border-radius: 0.6rem;
display: block;
position: relative;
width: 50%;
height: 100%;
overflow: hidden;
margin-top: -1.5rem;
margin-left: 1.5rem;
}
@media (max-width: 75em) {
.modal-image-wrapper {
width: 66.66666667%;
}
}
.modal-image-wrapper:before {
content: '';
display: block;
padding-top: 62.5%;
position: relative;
}
.modal-image-wrapper img {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
width: 100%;
height: auto;
}
@charset "UTF-8";
@font-face {
font-family: 'starterkit-icons';
src: url("/static/fonts/starterkit-icons/starterkit-icons.woff2") format("woff2");
font-weight: normal;
font-style: normal;
font-display: swap; }
[class*='icon-']::before {
font-family: 'starterkit-icons', sans-serif !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@font-face {
font-family: 'starterkit-icons';
src: url("/static/fonts/starterkit-icons/starterkit-icons.woff2") format("woff2");
font-weight: normal;
font-style: normal;
font-display: swap; }
[class*='icon-']::before {
font-family: 'starterkit-icons', sans-serif !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/**
* Foundation for Sites
* Version 6.7.5
* https://get.foundation
* Licensed under MIT Open Source
*/
/**
* Foundation for Sites
* Version 6.7.5
* https://get.foundation
* Licensed under MIT Open Source
*/
.slide-in-down.mui-enter {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: translateY(-100%);
transition-property: transform, opacity;
opacity: 0;
backface-visibility: hidden; }
.slide-in-down.mui-enter.mui-enter-active {
transform: translateY(0);
opacity: 1; }
.slide-in-left.mui-enter {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: translateX(-100%);
transition-property: transform, opacity;
opacity: 0;
backface-visibility: hidden; }
.slide-in-left.mui-enter.mui-enter-active {
transform: translateX(0);
opacity: 1; }
.slide-in-up.mui-enter {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: translateY(100%);
transition-property: transform, opacity;
opacity: 0;
backface-visibility: hidden; }
.slide-in-up.mui-enter.mui-enter-active {
transform: translateY(0);
opacity: 1; }
.slide-in-right.mui-enter {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: translateX(100%);
transition-property: transform, opacity;
opacity: 0;
backface-visibility: hidden; }
.slide-in-right.mui-enter.mui-enter-active {
transform: translateX(0);
opacity: 1; }
.slide-out-down.mui-leave {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: translateY(0);
transition-property: transform, opacity;
opacity: 1;
backface-visibility: hidden; }
.slide-out-down.mui-leave.mui-leave-active {
transform: translateY(100%);
opacity: 0; }
.slide-out-right.mui-leave {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: translateX(0);
transition-property: transform, opacity;
opacity: 1;
backface-visibility: hidden; }
.slide-out-right.mui-leave.mui-leave-active {
transform: translateX(100%);
opacity: 0; }
.slide-out-up.mui-leave {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: translateY(0);
transition-property: transform, opacity;
opacity: 1;
backface-visibility: hidden; }
.slide-out-up.mui-leave.mui-leave-active {
transform: translateY(-100%);
opacity: 0; }
.slide-out-left.mui-leave {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: translateX(0);
transition-property: transform, opacity;
opacity: 1;
backface-visibility: hidden; }
.slide-out-left.mui-leave.mui-leave-active {
transform: translateX(-100%);
opacity: 0; }
.fade-in.mui-enter {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
opacity: 0;
transition-property: opacity; }
.fade-in.mui-enter.mui-enter-active {
opacity: 1; }
.fade-out.mui-leave {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
opacity: 1;
transition-property: opacity; }
.fade-out.mui-leave.mui-leave-active {
opacity: 0; }
.hinge-in-from-top.mui-enter {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: perspective(2000px) rotateX(-90deg);
transform-origin: top;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-top.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-right.mui-enter {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: perspective(2000px) rotateY(-90deg);
transform-origin: right;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-right.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-bottom.mui-enter {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: perspective(2000px) rotateX(90deg);
transform-origin: bottom;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-bottom.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-left.mui-enter {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: perspective(2000px) rotateY(90deg);
transform-origin: left;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-left.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-x.mui-enter {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: perspective(2000px) rotateX(-90deg);
transform-origin: center;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-y.mui-enter {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: perspective(2000px) rotateY(-90deg);
transform-origin: center;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-out-from-top.mui-leave {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: perspective(2000px) rotate(0deg);
transform-origin: top;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-top.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateX(90deg);
opacity: 0; }
.hinge-out-from-right.mui-leave {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: perspective(2000px) rotate(0deg);
transform-origin: right;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-right.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateY(90deg);
opacity: 0; }
.hinge-out-from-bottom.mui-leave {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: perspective(2000px) rotate(0deg);
transform-origin: bottom;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-bottom.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateX(-90deg);
opacity: 0; }
.hinge-out-from-left.mui-leave {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: perspective(2000px) rotate(0deg);
transform-origin: left;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-left.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateY(-90deg);
opacity: 0; }
.hinge-out-from-middle-x.mui-leave {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: perspective(2000px) rotate(0deg);
transform-origin: center;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateX(90deg);
opacity: 0; }
.hinge-out-from-middle-y.mui-leave {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: perspective(2000px) rotate(0deg);
transform-origin: center;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateY(90deg);
opacity: 0; }
.scale-in-up.mui-enter {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: scale(0.5);
transition-property: transform, opacity;
opacity: 0; }
.scale-in-up.mui-enter.mui-enter-active {
transform: scale(1);
opacity: 1; }
.scale-in-down.mui-enter {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: scale(1.5);
transition-property: transform, opacity;
opacity: 0; }
.scale-in-down.mui-enter.mui-enter-active {
transform: scale(1);
opacity: 1; }
.scale-out-up.mui-leave {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: scale(1);
transition-property: transform, opacity;
opacity: 1; }
.scale-out-up.mui-leave.mui-leave-active {
transform: scale(1.5);
opacity: 0; }
.scale-out-down.mui-leave {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: scale(1);
transition-property: transform, opacity;
opacity: 1; }
.scale-out-down.mui-leave.mui-leave-active {
transform: scale(0.5);
opacity: 0; }
.spin-in.mui-enter {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: rotate(-0.75turn);
transition-property: transform, opacity;
opacity: 0; }
.spin-in.mui-enter.mui-enter-active {
transform: rotate(0);
opacity: 1; }
.spin-out.mui-leave {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: rotate(0);
transition-property: transform, opacity;
opacity: 1; }
.spin-out.mui-leave.mui-leave-active {
transform: rotate(0.75turn);
opacity: 0; }
.spin-in-ccw.mui-enter {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: rotate(0.75turn);
transition-property: transform, opacity;
opacity: 0; }
.spin-in-ccw.mui-enter.mui-enter-active {
transform: rotate(0);
opacity: 1; }
.spin-out-ccw.mui-leave {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: rotate(0);
transition-property: transform, opacity;
opacity: 1; }
.spin-out-ccw.mui-leave.mui-leave-active {
transform: rotate(-0.75turn);
opacity: 0; }
.fast {
transition-duration: 0.25s !important; }
.slow {
transition-duration: 0.75s !important; }
.linear {
transition-timing-function: linear !important; }
.ease {
transition-timing-function: ease !important; }
.ease-in {
transition-timing-function: ease-in !important; }
.ease-out {
transition-timing-function: ease-out !important; }
.ease-in-out {
transition-timing-function: ease-in-out !important; }
.bounce-in {
transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.bounce-out {
transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.bounce-in-out {
transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.short-delay {
transition-delay: 0.25s !important; }
.long-delay {
transition-delay: 0.5s !important; }
.shake {
animation-name: shake-7; }
@keyframes shake-7 {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
transform: translateX(7%); }
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
transform: translateX(-7%); } }
.spin-cw {
animation-name: spin-cw-1turn; }
@keyframes spin-cw-1turn {
0% {
transform: rotate(-1turn); }
100% {
transform: rotate(0); } }
.spin-ccw {
animation-name: spin-ccw-1turn; }
@keyframes spin-ccw-1turn {
0% {
transform: rotate(0); }
100% {
transform: rotate(-1turn); } }
.wiggle {
animation-name: wiggle-7deg; }
@keyframes wiggle-7deg {
40%, 50%, 60% {
transform: rotate(7deg); }
35%, 45%, 55%, 65% {
transform: rotate(-7deg); }
0%, 30%, 70%, 100% {
transform: rotate(0); } }
.shake,
.spin-cw,
.spin-ccw,
.wiggle {
animation-duration: 0.5s; }
.infinite {
animation-iteration-count: infinite; }
.fast {
animation-duration: 0.25s !important; }
.slow {
animation-duration: 0.75s !important; }
.linear {
animation-timing-function: linear !important; }
.ease {
animation-timing-function: ease !important; }
.ease-in {
animation-timing-function: ease-in !important; }
.ease-out {
animation-timing-function: ease-out !important; }
.ease-in-out {
animation-timing-function: ease-in-out !important; }
.bounce-in {
animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.bounce-out {
animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.bounce-in-out {
animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.short-delay {
animation-delay: 0.25s !important; }
.long-delay {
animation-delay: 0.5s !important; }
/* stylelint-disable selector-id-pattern */
/* stylelint-disable selector-class-pattern */
.dropdown-pane {
position: absolute;
z-index: 10;
display: none;
width: 19.56522rem;
padding: 0.86957rem;
visibility: hidden;
border: 1px solid #e2e8f0;
border-radius: var(--border-radius-md);
background-color: #fff;
font-size: 100%; }
.dropdown-pane.is-opening {
display: block; }
.dropdown-pane.is-open {
display: block;
visibility: visible; }
.dropdown-pane.tiny {
width: 6.52174rem; }
.dropdown-pane.small {
width: 9.78261rem; }
.dropdown-pane.large {
width: 17.3913rem; }
.dropdown-pane.xlarge {
width: 26.08696rem; }
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
display: block;
box-sizing: border-box;
width: 100%;
height: 5.47935rem;
margin: 0 0 1.30435rem;
padding: 1.30435rem;
border: 1px solid #999;
border-radius: 24px;
background-color: #fafaf7;
box-shadow: none;
font-family: inherit;
font-size: 1.8rem;
font-weight: 400;
line-height: 1.625;
color: #606060;
transition: 0.25s cubic-bezier(0, 0, 0.58, 1);
appearance: none; }
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
outline: none;
border: 1px solid #741473;
background-color: #fafaf7;
box-shadow: none;
transition: 0.25s cubic-bezier(0, 0, 0.58, 1); }
textarea {
max-width: 100%; }
textarea[rows] {
height: auto; }
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #f1f5f9;
cursor: not-allowed; }
[type='submit'],
[type='button'] {
appearance: none;
border-radius: 60px; }
input[type='search'] {
box-sizing: border-box; }
::placeholder {
color: #606060; }
[type='file'],
[type='checkbox'],
[type='radio'] {
margin: 0 0 1.30435rem; }
[type='checkbox'] + label, [type='checkbox'] + legend.form-control-label,
[type='radio'] + label,
[type='radio'] + legend.form-control-label {
display: inline-block;
vertical-align: baseline;
margin-left: 0.65217rem;
margin-right: 1.30435rem;
margin-bottom: 0; }
[type='checkbox'] + label[for], [type='checkbox'] + legend.form-control-label[for],
[type='radio'] + label[for],
[type='radio'] + legend.form-control-label[for] {
cursor: pointer; }
label > [type='checkbox'], legend.form-control-label > [type='checkbox'],
label > [type='radio'],
legend.form-control-label > [type='radio'] {
margin-right: 0.65217rem; }
[type='file'] {
width: 100%; }
label, legend.form-control-label {
display: block;
margin: 0;
font-size: 100%;
font-weight: 400;
line-height: 1.625;
color: #4b5768; }
label.middle, legend.middle.form-control-label {
margin: 0 0 1.30435rem;
line-height: 1.625;
padding: 0.70652rem 0; }
.help-text {
margin-top: -0.65217rem;
font-size: 100%;
font-style: italic;
color: #606060; }
.input-group {
display: flex;
width: 100%;
margin-bottom: 1.30435rem;
align-items: stretch; }
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
border-radius: 24px 0 0 24px; }
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
border-radius: 0 24px 24px 0; }
.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button legend.form-control-label {
margin: 0;
white-space: nowrap; }
.input-group-label {
padding: 0 1rem;
border: 1px solid #606060;
background: #f1f5f9;
color: #020617;
text-align: center;
white-space: nowrap;
display: flex;
flex: 0 0 auto;
align-items: center; }
.input-group-label:first-child {
border-right: 0; }
.input-group-label:last-child {
border-left: 0; }
.input-group-field {
border-radius: 0;
flex: 1 1 0px;
min-width: 0; }
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
display: flex;
flex: 0 0 auto; }
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label,
.input-group-button legend.form-control-label {
align-self: stretch;
height: auto;
padding-top: 0;
padding-bottom: 0;
font-size: 1.8rem; }
fieldset {
margin: 0;
padding: 0;
border: 0; }
legend {
max-width: 100%;
margin-bottom: 0.65217rem; }
.fieldset {
margin: 0;
padding: 0;
border: 0; }
.fieldset legend {
margin: 0;
margin-left: -0.16304rem;
padding: 0; }
select {
height: 5.47935rem;
margin: 0 0 1.30435rem;
padding: 1.30435rem;
appearance: none;
border: 1px solid #999;
border-radius: 24px;
background-color: #fafaf7;
font-family: inherit;
font-size: 1.8rem;
font-weight: 400;
line-height: 1.625;
color: #606060;
background-image: url('data:image/svg+xml;utf8,');
background-origin: content-box;
background-position: right -1.30435rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 1.95652rem;
transition: 0.25s cubic-bezier(0, 0, 0.58, 1); }
@media screen and (min-width: 0\0) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
select:focus {
outline: none;
border: 1px solid #741473;
background-color: #fafaf7;
box-shadow: none;
transition: 0.25s cubic-bezier(0, 0, 0.58, 1); }
select:disabled {
background-color: #f1f5f9;
cursor: not-allowed; }
select::-ms-expand {
display: none; }
select[multiple] {
height: auto;
background-image: none; }
select:not([multiple]) {
padding-top: 0;
padding-bottom: 0; }
.form-error {
display: none;
margin-top: -0.65217rem;
margin-bottom: 1.30435rem;
font-size: var(--paragraph-font-size-sm);
font-weight: 600;
color: #d22323; }
.form-error.is-visible {
display: block; }
.callout {
position: relative;
margin: 0 0 0.86957rem;
border: 1px solid #fff;
border-radius: var(--border-radius-lg);
background-color: rgba(255, 255, 255, 0);
color: #fff; }
.callout > :first-child {
margin-top: 0; }
.callout > :last-child {
margin-bottom: 0; }
.callout.primary {
background-color: white;
color: #fff; }
.callout.secondary {
background-color: white;
color: #fff; }
.callout.default {
background-color: white;
color: #fff; }
.callout.alert {
background-color: white;
color: #fff; }
.callout.warning {
background-color: white;
color: #fff; }
.callout.information {
background-color: white;
color: #fff; }
.callout.success {
background-color: white;
color: #fff; }
.callout.dark-gray {
background-color: white;
color: #fff; }
.callout.lighter-gray {
background-color: white;
color: #fff; }
.callout.small {
padding-top: 0.86957rem;
padding-right: 0.86957rem;
padding-bottom: 0.86957rem;
padding-left: 0.86957rem; }
.callout li label, .callout li legend.form-control-label {
display: inline;
font-weight: 400;
text-decoration: underline;
cursor: pointer; }
@media (hover: hover) and (pointer: fine) {
.callout li label:hover, .callout li legend.form-control-label:hover {
text-decoration: none; } }
.callout.primary li label, .callout.primary li legend.form-control-label {
color: #fff; }
.callout.secondary li label, .callout.secondary li legend.form-control-label {
color: #fff; }
.callout.default li label, .callout.default li legend.form-control-label {
color: #fff; }
.callout.alert li label, .callout.alert li legend.form-control-label {
color: #fff; }
.callout.warning li label, .callout.warning li legend.form-control-label {
color: #fff; }
.callout.information li label, .callout.information li legend.form-control-label {
color: #fff; }
.callout.success li label, .callout.success li legend.form-control-label {
color: #fff; }
.callout.dark-gray li label, .callout.dark-gray li legend.form-control-label {
color: #fff; }
.callout.lighter-gray li label, .callout.lighter-gray li legend.form-control-label {
color: #fff; }
.form {
display: flex;
flex-flow: column wrap;
margin: 0 0 1.30435rem; }
.form .form-controls {
min-width: 100%;
display: flex;
flex-direction: column; }
.form .form-control, .form .recaptcha-holder {
margin-bottom: 1.30435rem;
width: 100%; }
.form .form-control .form-control, .form .recaptcha-holder .form-control, .form .form-control .recaptcha-holder, .form .recaptcha-holder .recaptcha-holder {
margin-bottom: 0.65217rem; }
.form .form-control-whitespace {
height: 0.86957rem; }
.form [type='text'], .form [type='password'], .form [type='date'], .form [type='datetime'], .form [type='datetime-local'], .form [type='month'], .form [type='week'], .form [type='email'], .form [type='number'], .form [type='search'], .form [type='tel'], .form [type='time'], .form [type='url'], .form [type='color'],
.form select,
.form textarea {
margin: 0;
-webkit-appearance: none; }
.form .form-control-buttons {
display: flex;
align-items: center; }
.form .form-control-buttons > button {
margin: 0 0 0.86957rem; }
.form .form-control-buttons > button:not(:last-child) {
margin-right: 1.30435rem; }
.component-form-verwijzing .component-block:not(:last-child) {
margin-bottom: 2.6087rem; }
@media print, screen and (min-width: 48em) {
.component-form-verwijzing .component-block:not(:last-child) {
margin-bottom: 3.47826rem; } }
@media print, screen and (min-width: 64em) {
.component-form-verwijzing .component-block:not(:last-child) {
margin-bottom: calc(3.47826rem + 4vh); } }
.form-control-label {
margin: 0 0 0.21739rem; }
.form-control-label .form-control-optional {
margin: 0 0 0 0.21739rem;
color: #606060;
font-style: normal;
font-weight: normal; }
.form-control-field-wrapper-checkbox-radio .form-control-label,
.form-control-wrapper .form-control-label {
font-weight: 400; }
legend.form-control-label {
margin: 0 0 0.21739rem;
float: left; }
legend.form-control-label + * {
clear: both; }
.form-control-field-wrapper-checkbox-radio {
position: relative; }
.form-control-field-wrapper-checkbox-radio .form-control-label {
padding-left: 2.7rem;
position: relative;
margin-left: 0;
margin-right: 0; }
.form-control-field-wrapper-checkbox-radio .form-control-label::before {
transition: 0.25s cubic-bezier(0, 0, 0.58, 1);
content: '';
background: #fafaf7;
width: 1.8rem;
height: 1.8rem;
display: block;
position: absolute;
top: 0.8125rem;
transform: translateY(-50%);
left: 0;
border: 1px solid #999;
border-radius: 4px;
padding: 0;
background-clip: content-box; }
@media (hover: hover) and (pointer: fine) {
.form-control-field-wrapper-checkbox-radio .form-control-label:hover::before, .form-control-field-wrapper-checkbox-radio [type='checkbox']:focus + .form-control-label::before,
.form-control-field-wrapper-checkbox-radio [type='radio']:focus + .form-control-label::before {
border: 1px solid #741473;
background-color: rgba(116, 20, 115, 0.5); }
.form-control-field-wrapper-checkbox-radio .form-control-label:hover::after {
color: #606060;
opacity: 1 !important; } }
.form-control-field-wrapper-checkbox-radio [type='radio'] + .form-control-label::before {
border-radius: 50%; }
.form-control-field-wrapper-checkbox-radio [type='checkbox'] + .form-control-label:hover + .form-control-label::after, .form-control-field-wrapper-checkbox-radio [type='checkbox'] + .form-control-label:checked + .form-control-label::after {
opacity: 1;
border-color: #fff; }
.form-control-field-wrapper-checkbox-radio [type='checkbox'] + .form-control-label::after {
content: '';
width: 1.08rem;
height: 0.54rem;
display: block;
position: absolute;
top: 0.8125rem;
left: 0.9rem;
transform: translate(-50%, -50%) rotate(-45deg);
border: 0.225rem solid rgba(96, 96, 96, 0.25);
border-top: 0;
border-right: 0;
opacity: 0; }
.form-control-field-wrapper-checkbox-radio [type='checkbox'],
.form-control-field-wrapper-checkbox-radio [type='radio'] {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important; }
.form-control-field-wrapper-checkbox-radio [type='checkbox']:checked + .form-control-label::before,
.form-control-field-wrapper-checkbox-radio [type='radio']:checked + .form-control-label::before {
background: #741473;
background-clip: content-box; }
.form-control-field-wrapper-checkbox-radio [type='checkbox']:focus + .form-control-label::before,
.form-control-field-wrapper-checkbox-radio [type='radio']:focus + .form-control-label::before {
box-shadow: none; }
.form-control-field-wrapper-checkbox-radio + .form-control-field-wrapper input[type='text'] {
margin-top: 0.21739rem; }
.form-control-radio-text .form-control-field-wrapper-checkbox-radio:has([type='radio']:not(:checked)) ~ .form-control-field-wrapper [type='text'] {
display: none; }
.form .form-control-select-date {
margin-bottom: 0.65217rem; }
.form .form-control-select-date .form-control-field-wrapper {
margin-bottom: 0.65217rem; }
.form .form-control-select-date .form-control-field-wrapper .form-label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important; }
@media print, screen and (min-width: 40em) {
.form .form-control-select-date .form-control-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: row; }
.form .form-control-select-date .form-control-field-wrapper {
position: relative;
width: calc(33.3333% - 0.86961rem); }
.form .form-control-select-date .form-control-field-wrapper:not(:last-of-type) {
margin-right: 1.30435rem; } }
textarea {
min-height: 6.52174rem; }
.form-control-file .file-upload-button {
display: inline-block;
vertical-align: middle;
margin: 0 0 0.86957rem;
padding: 0.85em 1em;
border: 1px solid transparent;
border-radius: var(--border-radius-md);
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-family: inherit;
font-size: 0.9rem;
-webkit-appearance: none;
line-height: 1;
text-align: center;
cursor: pointer;
display: inline-flex;
text-decoration: none;
align-items: center;
margin-bottom: 0;
cursor: pointer;
display: inline-flex; }
[data-whatinput='mouse'] .form-control-file .file-upload-button {
outline: 0; }
.form-control-file .file-upload-button dfn {
color: inherit !important; }
.form-control-file .file-upload-button dfn:before, .form-control-file .file-upload-button dfn::after {
content: ' ';
white-space: pre; }
.form-control-file [type='file'] {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important; }
.form-control-file [type='file']:focus + .file-upload-button {
outline: 1px dotted #212121;
outline: auto 5px -webkit-focus-ring-color; }
.form .form-control, .form .recaptcha-holder {
position: relative; }
.form .form-control-wrapper .form-control-label {
padding-right: 0; }
.form .tooltip-trigger {
position: absolute;
top: 0; }
.tooltip.dropdown-pane {
border: 0; }
.tooltip.dropdown-pane::before {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.43478rem;
content: '';
border-bottom-width: 0;
border-color: #fff transparent transparent;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 100%; }
.form-control-error-message {
margin: 0.32609rem 0 0;
color: #d22323;
font-weight: 400;
font-size: var(--paragraph-font-size-sm); }
.form-required-description {
display: none;
display: block; }
.form-control-optional {
display: none; }
.form-control-label .icon-error {
display: inline;
color: #d22323; }
.form-control-label .icon-error::after {
content: '*'; }
.form-control-select:not(.form-control-select-multiple) select {
background-image: none;
padding-right: calc(14px + 0.43478rem); }
.form-control-select:not(.form-control-select-multiple) .form-control-field-wrapper {
position: relative; }
.form-control-select:not(.form-control-select-multiple) .form-control-field-wrapper .icon {
pointer-events: none; }
.form-control-select:not(.form-control-select-multiple) .form-control-field-wrapper .icon::after {
content: "";
font-family: "starterkit-icons";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #606060;
font-size: 14px;
right: 0.43478rem; }
@media reader, speech, aural {
.form-control-select:not(.form-control-select-multiple) .form-control-field-wrapper .icon::after {
display: none;
visibility: hidden; } }
.form-control-color [type='color'] {
padding: 2px; }
.recaptcha-holder .grecaptcha-badge {
position: static !important; }
.has-tip {
position: relative;
display: inline-block;
border-bottom: 1px dotted #1e293b;
font-weight: 600;
cursor: help; }
.tooltip {
position: absolute;
top: calc(100% + 0.43478rem);
z-index: 1200;
max-width: 21.73913rem;
padding: 5px;
border-radius: var(--border-radius-md);
background-color: #fff;
font-size: var(--paragraph-font-size-sm);
color: #606060; }
.tooltip::before {
position: absolute; }
.tooltip.bottom::before {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.43478rem;
content: '';
border-top-width: 0;
border-color: transparent transparent #fff;
bottom: 100%; }
.tooltip.bottom.align-center::before {
left: 50%;
transform: translateX(-50%); }
.tooltip.top::before {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.43478rem;
content: '';
border-bottom-width: 0;
border-color: #fff transparent transparent;
top: 100%;
bottom: auto; }
.tooltip.top.align-center::before {
left: 50%;
transform: translateX(-50%); }
.tooltip.left::before {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.43478rem;
content: '';
border-right-width: 0;
border-color: transparent transparent transparent #fff;
left: 100%; }
.tooltip.left.align-center::before {
bottom: auto;
top: 50%;
transform: translateY(-50%); }
.tooltip.right::before {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.43478rem;
content: '';
border-left-width: 0;
border-color: transparent #fff transparent transparent;
right: 100%;
left: auto; }
.tooltip.right.align-center::before {
bottom: auto;
top: 50%;
transform: translateY(-50%); }
.tooltip.align-top::before {
bottom: auto;
top: 10%; }
.tooltip.align-bottom::before {
bottom: 10%;
top: auto; }
.tooltip.align-left::before {
left: 10%;
right: auto; }
.tooltip.align-right::before {
left: auto;
right: 10%; }
.tooltip-trigger {
min-width: 12px;
width: 12px;
height: 12px;
background: #741473;
border: 1px solid #606060;
border-radius: 50%;
color: #fff;
cursor: help;
position: relative;
font-size: 12px; }
.tooltip-trigger .icon::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: "Inter", sans-serif;
content: "?"; }
.site-main .form {
margin: 0; }
.site-main .form .form-controls,
.site-main .form .form-control,
.site-main .form .recaptcha-holder,
.site-main .form .form-control-wrapper {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0; }
.site-main .form .form-controls {
width: 100%; }
.site-main .form .form-controls .form-control-buttons:last-child,
.site-main .form .form-controls .form-control-buttons:last-child .button {
margin-bottom: 0; }
.site-main .form .form-control-wrapper > :last-child,
.site-main .form .form-control-hidden {
margin-bottom: 0; }
.site-main .form .asterix {
color: #d22323; }
.site-main .form .tooltip-trigger {
right: 0; }
.site-main .form.loading, .site-main .form.is-loading {
position: relative; }
.site-main .form.loading::before, .site-main .form.is-loading::before {
content: '';
position: absolute;
inset: 0;
z-index: 1;
background: rgba(255, 255, 255, 0.5); }
.site-main .form.loading::after, .site-main .form.is-loading::after {
position: absolute;
top: 50%;
left: 50%;
margin: -0.97826rem 0 0 -0.97826rem;
width: 1.95652rem;
height: 1.95652rem;
display: inline-block;
border: 0.32609rem solid rgba(96, 96, 96, 0.2);
border-left-color: rgba(96, 96, 96, 0.6);
border-radius: 50%;
animation: animation-full-rotate 1s linear infinite;
content: '';
z-index: 2; }
@keyframes animation-full-rotate {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }
.form-control-heading {
margin-top: 1.30435rem; }
.form-control-heading + .form-control-paragraph {
margin-top: -1.30435rem; }
.form-control-field-wrapper {
position: relative; }
.form-control-optional {
display: inline; }
.form-control-buttons {
flex-wrap: wrap; }
.form-control-buttons > a {
margin: var(--button-margin, 0 0 0.86957rem); }
.form-control-buttons > a:not(:last-child) {
margin-right: 1.30435rem; }
.form-control-buttons .button-submit .icon {
display: none; }
.webbeheer-formulier-thanks .component-block,
.intro-container .component-block {
margin-bottom: 2.6087rem; }
@media print, screen and (min-width: 48em) {
.webbeheer-formulier-thanks .component-block,
.intro-container .component-block {
margin-bottom: 3.47826rem; } }
@media print, screen and (min-width: 64em) {
.webbeheer-formulier-thanks .component-block,
.intro-container .component-block {
margin-bottom: calc(3.47826rem + 4vh); } }
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
select:not([multiple]) {
height: 45px;
padding-top: 0;
padding-bottom: 0; }
select[multiple] {
padding: 1.30435rem; }
select[multiple] option:checked {
background: #ededeb; }
.form-control-select:not(.form-control-select-multiple) .form-control-field-wrapper .icon::after {
top: 0;
transform: none;
line-height: 2.6087rem; }
.form-control-select .icon {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important; }
.form-control-select select:focus {
border: none;
background: none; }
.form-control-file .file-upload-button .icon {
display: none; }
.terms-anchor {
display: inherit;
color: #004ea2;
text-decoration: none; }
.terms-anchor .button-title {
transition: 0.25s cubic-bezier(0, 0, 0.58, 1);
box-shadow: inset 0 -1px 0 0 currentcolor; }
@media (hover: hover) and (pointer: fine) {
.terms-anchor:hover:not([disabled]):not(.disabled) .button-title, .terms-anchor:focus:not([disabled]):not(.disabled) .button-title,
.is-clickable:hover .terms-anchor:not([disabled]):not(.disabled) .button-title,
.is-clickable:focus .terms-anchor:not([disabled]):not(.disabled) .button-title,
.card-clickable:hover .terms-anchor:not([disabled]):not(.disabled) .button-title,
.card-clickable:focus .terms-anchor:not([disabled]):not(.disabled) .button-title {
box-shadow: inset 0 0 0 0 currentcolor; } }
.terms-anchor .icon {
display: none; }
@media (hover: hover) and (pointer: fine) {
.terms-anchor:hover {
color: #00356f;
text-decoration: none; } }
@media (hover: hover) and (pointer: fine) {
.form-control-field-wrapper-checkbox-radio .form-control-label:hover::before, .form-control-field-wrapper-checkbox-radio [type='checkbox']:focus + .form-control-label::before,
.form-control-field-wrapper-checkbox-radio [type='radio']:focus + .form-control-label::before {
background-color: transparent; }
.form-control-field-wrapper-checkbox-radio .form-control-label:hover::after {
opacity: 0 !important; }
.form-control-field-wrapper-checkbox-radio .form-control-label:focus::before {
background-color: transparent; }
.form-control-field-wrapper-checkbox-radio .form-control-label:focus::after {
opacity: 0 !important; } }
.form-control-field-wrapper-checkbox-radio .form-control-label::before {
top: 1.5rem; }
.form-control-field-wrapper-checkbox-radio .form-control-label::after {
display: none !important; }
.form-control-field-wrapper-checkbox-radio [type='checkbox']:checked + .form-control-label::before,
.form-control-field-wrapper-checkbox-radio [type='radio']:checked + .form-control-label::before {
background-color: #741473;
border-color: #741473; }
.form-control-field-wrapper-checkbox-radio [type='checkbox']:checked + .form-control-label::after,
.form-control-field-wrapper-checkbox-radio [type='radio']:checked + .form-control-label::after {
opacity: 1 !important;
border-color: #fff; }
.form-control-field-wrapper-checkbox-radio [type='checkbox']:focus + .form-control-label::before,
.form-control-field-wrapper-checkbox-radio [type='radio']:focus + .form-control-label::before {
outline: 2px solid #1e293b;
outline-offset: 2px; }
.form-control-field-wrapper-checkbox-radio [type='radio']:checked + .form-control-label::before {
background: #741473;
border: 0.38043rem solid #741473; }
div.form-control.form-control-checkbox:not(:last-child), div.form-control-checkbox.recaptcha-holder:not(:last-child),
div.form-control.form-control-radio:not(:last-child),
div.form-control-radio.recaptcha-holder:not(:last-child) {
margin-bottom: 0.32609rem; }
.callout.alert.form-errors {
display: flex;
gap: 0.43478rem;
padding-top: 0.43478rem;
padding-bottom: 0.43478rem; }
.callout.alert.form-errors::before {
content: "";
font-family: "starterkit-icons";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
flex-shrink: 0; }
@media reader, speech, aural {
.callout.alert.form-errors::before {
display: none;
visibility: hidden; } }
.form-control-error-message::before {
content: "";
font-family: "starterkit-icons";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
margin-right: 0.21739rem; }
@media reader, speech, aural {
.form-control-error-message::before {
display: none;
visibility: hidden; } }
.form .form-control-recaptcha {
overflow: auto hidden; }
.tooltip.dropdown-pane {
transform: translate3d(10%, -110%, 0);
right: 0;
top: 0;
max-width: 200px;
padding: 10px;
box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
line-height: 1.2em; }
.tooltip.dropdown-pane::before {
display: none; }
.tooltip.show {
display: block;
visibility: visible; }
.tooltip-trigger {
font-weight: 600;
min-height: auto;
right: 0;
min-width: 12px;
padding: 8px; }
.tooltip-trigger:focus {
outline: 2px solid #1e293b;
outline-offset: 2px; }
.form-success {
color: #606060 !important; }
.form-success .component-block:not(:last-of-type) {
margin-bottom: 0.86957rem !important; }
.form-success .component-block:last-of-type {
margin-bottom: 0 !important; }
.component-form-verwijzing .component-notification.success > .component-paragraph {
padding-left: 1.73913rem;
margin-bottom: 0.43478rem !important; }
.component-form-verwijzing .component-notification.success .printable-form {
margin: 0;
color: #fff; }
.component-form-verwijzing .component-notification.success .printable-form th {
color: #fff; }
.component-form-verwijzing .component-notification.success .printable-form th,
.component-form-verwijzing .component-notification.success .printable-form td {
border: 1px solid rgba(255, 255, 255, 0.5); }
.component-form-verwijzing .component-notification.success .printable-form tbody tr:nth-child(even) {
border-bottom: 0;
background-color: rgba(255, 255, 255, 0.15); }