/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--white:#fff;--krijt:#f0f1fa;--gras:#7fca56;--water:#1564cb;--bes:#f3613e;--lucht:#c3edfd;--inkt:#130d3a;--color-grey:var(--krijt);--color-grey-50:oklch(from var(--krijt) l c h / 50%);--color-grey-20:oklch(from var(--krijt) l c h / 20%);--color-primary:var(--bes);--color-secondary:var(--water);--color-tertiary:var(--gras);--color-default:var(--inkt);--color-light:var(--krijt);--color-dark:var(--inkt);--color-dark-50:oklch(from var(--color-dark) l c h / 50%);--color-dark-25:oklch(from var(--color-dark) l c h / 25%);--color-dark-4:oklch(from var(--color-dark) l c h / 4%);--color-white-60:oklch(from var(--white) l c h / 60%);--color-white-40:oklch(from var(--white) l c h / 40%);}:root{--font-base-family:"filson-pro","Helvetica","Arial",sans-serif;--font-sec-family:"filson-soft","Helvetica","Arial",sans-serif;--font-size:1.6rem;--font-size-big:1.8rem;--font-line-height:2.2rem;--font-line-height-big:2.5rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;}:root{--flex-gap:80px;--flex-total-columns:24;}:root{--grid-gap:80px;--row-gap:4rem;}.p-intro{overflow:hidden;}.c-intro{position:relative;--icon-color:var(--color-white-60);--icon-size:100%;}.c-intro__content{padding-top:4rem;}@media screen and (min-width:768px){.c-intro__content{padding-top:8rem;}}@media screen and (min-width:1150px){.c-intro__content{padding-top:12rem;}}.c-intro__content{padding-bottom:4rem;}@media screen and (min-width:768px){.c-intro__content{padding-bottom:8rem;}}@media screen and (min-width:1150px){.c-intro__content{padding-bottom:12rem;}}.h-padding-bottom-0 .c-intro__content{padding-bottom:0;}.c-intro__text{margin-top:2rem;}.c-intro__title,.c-intro__text{position:relative;z-index:1;}.c-intro .h1{margin-bottom:0;}.c-intro__bg-icon{position:absolute;z-index:0;top:0rem;inline-size:var(--icon-size);block-size:var(--icon-size);scale:1.2;translate:25%;opacity:0.2;}@media screen and (min-width:768px){.c-intro__bg-icon{scale:1.5;}}.c-intro__bg-icon svg{width:100%;height:100%;}.c-intro--icon-style-flower .flowerleafs{fill:var(--color-white-60);}.c-intro--icon-style-flower .flowercenter{fill:var(--color-primary);}.c-intro--icon-style-pencil .pencil1{fill:var(--color-white-60);}.c-intro--icon-style-pencil .flowercenter{fill:var(--color-primary);}
:root{--white:#fff;--krijt:#f0f1fa;--gras:#7fca56;--water:#1564cb;--bes:#f3613e;--lucht:#c3edfd;--inkt:#130d3a;--color-grey:var(--krijt);--color-grey-50:oklch(from var(--krijt) l c h / 50%);--color-grey-20:oklch(from var(--krijt) l c h / 20%);--color-primary:var(--bes);--color-secondary:var(--water);--color-tertiary:var(--gras);--color-default:var(--inkt);--color-light:var(--krijt);--color-dark:var(--inkt);--color-dark-50:oklch(from var(--color-dark) l c h / 50%);--color-dark-25:oklch(from var(--color-dark) l c h / 25%);--color-dark-4:oklch(from var(--color-dark) l c h / 4%);--color-white-60:oklch(from var(--white) l c h / 60%);--color-white-40:oklch(from var(--white) l c h / 40%);}:root{--font-base-family:"filson-pro","Helvetica","Arial",sans-serif;--font-sec-family:"filson-soft","Helvetica","Arial",sans-serif;--font-size:1.6rem;--font-size-big:1.8rem;--font-line-height:2.2rem;--font-line-height-big:2.5rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;}:root{--flex-gap:80px;--flex-total-columns:24;}:root{--grid-gap:80px;--row-gap:4rem;}:root{--m-icon-color:var(--color-secondary);--m-icon-size:17rem;}.c-media{--icon-color:var(--m-icon-color);position:relative;}.c-media img{width:100%;height:auto;}.c-media .c-speech-bubble{--speech-bubble-rotation:-6deg;visibility:hidden;position:absolute;top:1rem;}@media screen and (min-width:768px){.c-media .c-speech-bubble{visibility:visible;translate:55% 100%;top:-2rem;}}@media screen and (min-width:1150px){.c-media .c-speech-bubble{top:1rem;}}.c-media__media-content{position:absolute;left:0;right:0;bottom:4rem;display:flex;padding-left:4rem;visibility:hidden;}@media screen and (min-width:768px){.c-media__media-content{--m-icon-size:8rem;visibility:visible;margin:auto;bottom:4rem;justify-content:center;padding-left:0;}}.c-media__media-icon{inline-size:var(--m-icon-size);block-size:var(--m-icon-size);--m-icon-size:5rem;}@media screen and (min-width:768px){.c-media__media-icon{--m-icon-size:12rem;}}@media screen and (min-width:1150px){.c-media__media-icon{--m-icon-size:17rem;}}.c-media__media-icon svg{width:100%;height:100%;}
:root{--white:#fff;--krijt:#f0f1fa;--gras:#7fca56;--water:#1564cb;--bes:#f3613e;--lucht:#c3edfd;--inkt:#130d3a;--color-grey:var(--krijt);--color-grey-50:oklch(from var(--krijt) l c h / 50%);--color-grey-20:oklch(from var(--krijt) l c h / 20%);--color-primary:var(--bes);--color-secondary:var(--water);--color-tertiary:var(--gras);--color-default:var(--inkt);--color-light:var(--krijt);--color-dark:var(--inkt);--color-dark-50:oklch(from var(--color-dark) l c h / 50%);--color-dark-25:oklch(from var(--color-dark) l c h / 25%);--color-dark-4:oklch(from var(--color-dark) l c h / 4%);--color-white-60:oklch(from var(--white) l c h / 60%);--color-white-40:oklch(from var(--white) l c h / 40%);}:root{--font-base-family:"filson-pro","Helvetica","Arial",sans-serif;--font-sec-family:"filson-soft","Helvetica","Arial",sans-serif;--font-size:1.6rem;--font-size-big:1.8rem;--font-line-height:2.2rem;--font-line-height-big:2.5rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;}:root{--flex-gap:80px;--flex-total-columns:24;}:root{--grid-gap:80px;--row-gap:4rem;}:root{--speech-bubble-text-color:var(--color-dark);--speech-bubble-bg-color:var(--color-primary);--speech-bubble-rotation:-2deg;}.c-speech-bubble{background-color:var(--speech-bubble-bg-color);border-radius:5rem;padding:0.8rem 4rem;text-align:center;rotate:var(--speech-bubble-rotation);font-weight:var(--font-weight-medium);width:-moz-fit-content;width:fit-content;}.c-speech-bubble::before{content:"";position:absolute;z-index:0;bottom:0;left:-0.2rem;border-width:1.5rem;border-style:solid;border-color:transparent var(--speech-bubble-bg-color) var(--speech-bubble-bg-color) transparent;}.c-speech-bubble__text{color:var(--speech-bubble-text-color);position:relative;z-index:1;}.c-speechbubble-bg-image .c-speech-bubble{font-size:2.4rem;padding:1.2rem 3rem;}@media screen and (min-width:2111px){.c-speechbubble-bg-image .c-speech-bubble{font-size:3.5rem;padding:2rem 4.5rem;}}