@import url(https://fonts.googleapis.com/css?family=Open+Sans|PT+Serif);
:root{--font-header: "PT Serif", serif;--font-main: "Open Sans", sans-serif;--red: #ea1a35;--light-red: #f48a97;--light-orange: #f7ab6d;--light-yellow: #ffde58;--light-green: #9ad9b9;--lighter-red: #f9a4ac;--lighter-orange: #fcbd8c;--lighter-yellow: #ffe683;--lighter-green: #b0e1c8;--lightest-red: #fcb8bd;--lightest-orange: #ffcba4;--lightest-yellow: #ffeda8;--lightest-green: #c1e8d4;--wrong-red: #db002d;--dark-red: #b2071b;--blue: #dff0f7;--white: #fff;--black: #000;--light: #f1f1f1;--color-text-dark: #444;--color-header: var(--color-text-dark);--color-text: #aaa;--overlay: rgba(40, 40, 40, 0.3);--overlay-boeken: rgba(40, 40, 40, 0.1);--shadow-text: 0 0 10px rgba(0, 0, 0, 0.5);--shadow-color: #ddd;--shadow: 0 0 10px 0 var(--shadow-color);--shadow-hover: 0 0 7.5px 0 #999;--container: 1600px;--row-height: 360px;--card-height: var(--row-height);--card-padding: 24px 30px;--card-small-padding: 12px 15px;--card-font-size: 14px;--card-border-radius: 20px;--button-padding: 8px 20px;--button-padding-big: 10px 40px}@media all and (max-width: 650px){:root{--card-padding: 16px 20px;--card-small-padding: 8px 10px}}*{font-family:var(--font-main);color:inherit}body{background-color:var(--white);margin:0;padding:0;touch-action:manipulation}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);color:var(--color-header)}b,i,u{color:inherit}#content-value,#flash-value{display:none}#content #content-value,#flash #flash-value{display:block}.animate-full-spin{transform-box:fill-box;transform-origin:50% 50%;animation:animate-full-spin 12s cubic-bezier(0.8, 0, 0.2, 1) infinite}@keyframes animate-full-spin{50%{transform:rotate(360deg)}100%{transform:rotate(0deg)}}.animate-spin{transform-box:fill-box;transform-origin:50% 50%;animation:animate-spin 12s cubic-bezier(0.8, 0, 0.2, 1) infinite}@keyframes animate-spin{50%{transform:rotate(45deg)}100%{transform:rotate(0deg)}}.animate-wave>use{animation:move-wave 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite}.animate-wave>use:nth-child(1){animation-delay:-2s;animation-duration:7s;fill:var(--red);opacity:.4}.animate-wave>use:nth-child(2){animation-delay:-3s;animation-duration:10s;fill:var(--red);opacity:.6}.animate-wave>use:nth-child(3){animation-delay:-4s;animation-duration:13s;fill:var(--red);opacity:.8}.animate-wave>use:nth-child(4){animation-delay:-5s;animation-duration:20s;fill:var(--red)}@keyframes move-wave{0%{transform:translate3d(-90px, 0, 0)}100%{transform:translate3d(85px, 0, 0)}}.l-animate__opacity-scale-enter{opacity:0;transform:scale(0.25)}.l-animate__opacity-scale-enter-active{opacity:1;transform:scale(1);transition:opacity .6s,transform .9s}.l-animate__opacity-scale-exit{opacity:1}.l-animate__opacity-scale-exit-active{opacity:0;transform:scale(0.25);transition:opacity .6s,transform .9s}.l-container{position:relative;margin:0 auto;width:calc(100% - var(--container-padding));max-width:var(--container);--container-padding: 0px}@media all and (min-width: 650px){.l-container{--container-padding: 40px}}@media all and (min-width: 1300px){.l-container{--container-padding: 100px}}.l-grid{--columns-number: 1;--span-item-wide: var(--columns-number);--span-item-ultra-wide: var(--columns-number);--span-item-full-width: var(--columns-number);--span-item-tall: 1}@media all and (min-width: 650px){.l-grid{--columns-number: 2}}@media all and (min-width: 960px){.l-grid{--columns-number: 3;--span-item-tall: 2}}@media all and (min-width: 1300px){.l-grid{--columns-number: 4;--span-item-wide: 2;--span-item-ultra-wide: 3}}.l-grid{display:grid;grid-gap:5px;grid-auto-flow:row dense;grid-template-columns:repeat(var(--columns-number), 1fr);grid-auto-rows:minmax(var(--row-height), auto)}.l-grid__item--wide{grid-column:span var(--span-item-wide)}.l-grid__item--ultra-wide{grid-column:span var(--span-item-ultra-wide)}.l-grid__item--full-width{grid-column:span var(--span-item-full-width)}.l-grid__item--full-large-width{grid-column:span var(--columns-large-number)}.l-grid__item--tall{grid-row:span var(--span-item-tall)}.l-page{--l-page-padding: 10px 20px 60px;--l-page-title-size: 24px;--l-page-intro-size: 1.1em;--l-page-grid: 1fr}@media all and (min-width: 650px){.l-page{--l-page-padding: 20px 10% 60px;--l-page-grid: 1fr}}@media all and (min-width: 960px){.l-page{--l-page-padding: 20px 12% 60px;--l-page-grid: 1fr}}@media all and (min-width: 1300px){.l-page{--l-page-padding: 20px 15% 60px;--l-page-title-size: 40px;--l-page-intro-size: 1.3em;--l-page-grid: 1fr 1fr}}.ui-animate--grow{transition:all .2s ease-in-out}.ui-animate--grow:hover{transform:scale(1.01)}.ui-badge-container{position:absolute;top:15px;right:15px;display:grid;grid-gap:5px}.ui-badge{padding:2px 10px;font-size:12px;line-height:1.6em;border-radius:20px;background:var(--red);color:#fff}.ui-btn{text-align:center;padding:var(--button-padding);color:var(--color-text-dark);border:2px solid var(--white);background:var(--white);text-decoration:none;transition-duration:300ms;background:var(--light);cursor:pointer}.ui-btn:hover{color:var(--color-text)}.ui-btn--big{padding:var(--button-padding-big)}.ui-btn--rounded{border-radius:var(--card-border-radius)}.ui-btn--invert{color:var(--white);background:rgba(0,0,0,0);border:2px solid var(--white)}.ui-btn--invert:focus,.ui-btn--invert:hover{background:var(--white);color:var(--color-text-dark)}.ui-btn--block{display:block}.ui-card{position:relative;display:flex;box-shadow:var(--shadow);border-radius:var(--card-border-radius);background-color:var(--white);background-size:cover;background-position:center;margin:10px;font-weight:bold;color:var(--color-text);overflow:hidden;transition:all .2s ease-in-out}.ui-card:hover{box-shadow:var(--shadow-hover);--overlay: rgba(0, 0, 0, 0.1)}.ui-card--no-shadow{box-shadow:none}.ui-card--no-shadow:hover{box-shadow:none}.ui-card__content{width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;padding:var(--card-padding);flex:1 0;font-size:14px;min-height:fit-content}.ui-card__intro{margin-top:0;font-weight:normal;line-height:1.5em;max-height:7.5em;overflow:hidden;font-size:14px;color:var(--color-text)}.ui-card__intro--dark{color:var(--color-text-dark)}.ui-card__intro--red{color:var(--red)}.ui-card__footer{display:flex;justify-content:space-between;margin-top:auto;margin-bottom:0;padding:10px 0 0}.ui-card__footer-item{margin-right:20px;display:flex;align-items:center;color:var(--color-text-dark)}.ui-card__footer-item:last-child{margin-left:auto;margin-right:0}.ui-card__footer-item:first-child{margin-left:0;margin-right:auto}.ui-card__footer-item a{text-decoration:none;color:var(--color-text-dark)}.ui-card__footer-item span{color:var(--color-text-dark)}.ui-card__footer-item i{margin-right:6px;font-size:16px;color:var(--color-text-dark)}.ui-title{font-size:20px;line-height:1.2em;margin:0;color:var(--color-header);cursor:pointer}.ui-title:after{content:"";display:block;height:5px;width:60px;background:var(--color-header);margin:14px 0}.ui-title--white{color:var(--white)}.ui-title--white:after{background-color:var(--white)}.ui-title--red:after{background-color:var(--red)}.ui-subtitle{font-weight:normal;font-size:12px;line-height:1.5em;margin:3px 0;text-transform:uppercase;color:var(--color-text)}.ui-subtitle--white{color:var(--white)}.ui-subtitle--dark{color:var(--color-text-dark)}.no-click{cursor:auto !important}.p-post-detail__artikel{font-size:24px}.p-post-detail__subtitle{font-family:var(--font-main);color:var(--color-text);font-weight:normal;margin-top:2.2em}.p-post-detail__paragraph{color:var(--color-text-dark);line-height:1.7em}.p-post-detail__paragraph:first-of-type{margin:40px 0;font-size:var(--l-page-intro-size);line-height:1.5em;color:var(--color-text)}.p-post-detail__paragraph a{color:var(--red)}.p-post-detail img{max-width:100%;max-height:100%}
.c-placeholder{display:block;background:var(--light);margin:10px;padding:30px 20px;box-shadow:none;overflow:hidden;opacity:.5;min-height:260px;border-radius:var(--card-border-radius)}.c-placeholder:hover{box-shadow:none}.c-placeholder__line{animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:loading-post-pulse;animation-timing-function:linear;background:#f6f7f8;background:linear-gradient(to right, #ddd 8%, #ccc 18%, #ddd 33%);background-size:800px 104px;height:24px;position:relative;margin:20px 10px}.c-placeholder__line:nth-child(1){width:70%}.c-placeholder__line:nth-child(2){width:90%}.c-placeholder__line:nth-child(3){width:40%}@keyframes loading-post-pulse{0%{background-position:-468px 0}100%{background-position:468px 0}}
.c-scrollTop{opacity:0;position:fixed;background:var(--red);border:1px solid var(--white);color:var(--white);font-size:20px;bottom:20px;left:20px;width:40px;height:40px;border-radius:5px;text-align:center;animation-duration:300ms;transition-duration:300ms;z-index:2}.c-scrollTop:before{line-height:40px}.c-scrollTop--visible{opacity:.8}.c-scrollTop--visible:hover{cursor:pointer;opacity:1;transform:scale(1.05)}@media(max-width: 650px){.c-scrollTop{bottom:10px;left:10px}}
.c-router-back{font-size:initial}
.c-router-link__container{color:inherit;text-decoration:inherit;max-height:inherit;max-width:inherit}.c-router-link__underline{text-decoration:underline}.c-router-link__disabled{pointer-events:none;cursor:inherit}
.c-banner{--banner-height: 480px;--banner-padding: 60px 80px 80px;--banner-subtitle-size: 18px;--banner-title-size: 34px;--banner-intro-size: 20px;--banner-nav-size: 16px;--banner-overlay: rgba(0, 0, 0, 0.2);--banner-text-align: left}@media all and (max-width: 650px){.c-banner{--banner-height: 360px;--banner-padding: 30px 20px 80px;--banner-subtitle-size: 12px;--banner-title-size: 18px;--banner-intro-size: 14px;--banner-nav-size: 10px;--banner-overlay: rgba(0, 0, 0, 0.5);--banner-text-align: center}}.c-banner{height:var(--banner-height);box-sizing:border-box;box-shadow:var(--shadow);overflow:hidden;margin:0 10px 20px;border-radius:var(--card-border-radius);width:calc(100% - 20px);transition:all 800ms}@media all and (max-width: 1600px){.c-banner{margin:0 10px 30px;box-shadow:none}}.c-banner .swiper-pagination-bullets{bottom:20px}.c-banner .swiper-pagination-bullet{height:var(--banner-nav-size);width:var(--banner-nav-size);margin:var(--banner-nav-size) !important;background:hsla(0,0%,100%,.8);border-radius:50%;opacity:1;transition:background-color 300ms;cursor:pointer}.c-banner .swiper-pagination-bullet-active,.c-banner .swiper-pagination-bullet:hover{background:var(--white)}.c-banner__slide{position:absolute;align-items:center;background:no-repeat center center var(--light);background-size:cover;height:var(--banner-height);width:100%;transition:opacity 800ms;z-index:1;overflow:hidden;border-radius:10px;display:flex}.c-banner__slide:before{content:"";background:var(--banner-overlay);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}@media all and (max-width: 1300px){.c-banner--image-only__slide{min-height:350px}}@media all and (max-width: 960px){.c-banner--image-only__slide{min-height:250px}}.c-banner--image-only__slide:before{background:rgba(0,0,0,0)}.c-banner__content{padding:var(--banner-padding);max-width:600px}@media all and (max-width: 650px){.c-banner__content{width:100%;text-align:var(--banner-text-align)}}.c-banner__subtitle{color:var(--white);margin-bottom:0;text-transform:uppercase;margin-top:0;font-size:var(--banner-subtitle-size)}.c-banner__title{margin:0;color:var(--white);font-size:var(--banner-title-size);text-shadow:var(--shadow-text)}.c-banner__title:after{content:"";display:block;height:4px;width:60px;background:var(--white);margin-top:15px;margin-bottom:30px}@media all and (max-width: 650px){.c-banner__title:after{margin-left:calc(50% - 30px)}}.c-banner__intro{color:var(--white);font-size:var(--banner-intro-size);text-shadow:var(--shadow-text);font-weight:normal;margin-bottom:50px;max-height:4em;overflow:hidden}
.c-standard-page__router-back{display:flex;justify-content:flex-end}.c-standard-page__header-content{display:flex;align-items:center}.c-standard-page__content{padding:var(--l-page-padding)}.c-standard-page__title{margin-top:8px !important;font-size:var(--l-page-title-size) !important}.c-standard-page__picture{position:relative;max-height:calc(var(--l-page-title-size)*4);max-width:calc(var(--l-page-title-size)*4);margin-right:calc(var(--l-page-title-size)/2);text-align:center}.c-standard-page__picture img{max-height:inherit;max-width:inherit}.c-standard-page__date{text-align:right}