@charset "UTF-8";
@font-face { font-family: ArnhemProBold; src: url(../fonts/arnhempro-bold.woff2) format("woff2"), url(../fonts/arnhempro-bold.woff) format("woff"); font-style: normal; font-weight: normal; }
@font-face { font-family: ArnhemProBlond; src: url(../fonts/arnhempro-blond.woff2) format("woff2"), url(../fonts/arnhempro-blond.woff) format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: ConsortWebRegular; src: url(../fonts/consort-web-regular.woff2) format("woff2"), url(../fonts/consort-web-regular.woff) format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: ConsortWebThin; src: url(../fonts/consort-thin.woff2) format("woff2"), url(../fonts/consort-thin.woff) format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: ConsortWebBold; src: url(../fonts/consort-bold.woff2) format("woff2"), url(../fonts/consort-bold.woff) format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: ProximaNovaRegular; src: url(../fonts/proxima-nova-regular.woff2) format("woff2"), url(../fonts/proxima-nova-regular.woff) format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: ProximaNovaThin; src: url(../fonts/proxima-nova-thin.woff2) format("woff2"), url(../fonts/proxima-nova-thin.woff) format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: ProximaNovaBold; src: url(../fonts/proxima-nova-bold.woff2) format("woff2"), url(../fonts/proxima-nova-bold.woff) format("woff"); font-weight: normal; font-style: normal; }
.proxima-nova-bold, strong, b, .faq-question h3 a, .faq-question h3, fieldset legend, .block-products .product-conditions-toggle a, .product-form .account-selector .input-selector strong, .counter-deadline dd span, .block-links h1, .block-links h2 { font-family: 'ProximaNovaBold', sans-serif; font-weight: normal; }

.proxima-nova-blond { font-family: 'ProximaNovaBlond', sans-serif; font-weight: normal; }

.proxima-nova, body, textarea, input, legend, option, select, button, .faq-question, .faq-question .faq-answer p, label.input strong, .input label, .block-products .product-buttons .button em, .block-products .product-buttons .block-inlineform [type="submit"] em, .block-inlineform .block-products .product-buttons [type="submit"] em { font-family: 'ProximaNovaRegular', sans-serif; }

.arnhem-pro { font-family: 'ArnhemPro', serif; font-weight: normal; }

.arnhem-pro-blond { font-family: 'ArnhemProBlond', serif; font-weight: normal; }

.arnhem-pro-bold, h1, .heading-1, h2, .heading-2, .article-title, .block-quote blockquote { font-family: 'ArnhemProBold', serif; font-weight: normal; }

html, body { padding: 0; margin: 0; }

html { font-size: 16px; }
@media screen and (min-width: 600px) { html { font-size: 16px; } }

body, textarea, input, legend, option, select, button { font-size: 1rem; line-height: 1.5; color: var(--content-copy); }

a { color: var(--link); text-decoration: var(--link-decoration, "none"); }
a:hover { text-decoration: underline; }

h1, .heading-1 { font-size: 2rem; line-height: 1.2; margin: .25rem 0 .25em 0; }
@media screen and (min-width: 600px) { h1, .heading-1 { font-size: 2.5rem; } }

h2, .heading-2 { font-size: 1.5rem; line-height: 1.2; margin: .25em 0 .5em 0; }
@media screen and (min-width: 600px) { h2, .heading-2 { font-size: 1.75rem; } }

h1 + h2 { margin-top: -.25em; }

h1 strong, h2 strong { color: var(--primary); }

h3 { margin: 0; }

p { margin: 0 0 1.5rem 0; }

a[href^="tel:"] { white-space: nowrap; }

figure, p, ul, ol { margin: 0 0 1.5rem 0; }

li + li { margin-top: .25em; }

img { display: block; max-width: 100%; }

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

figcaption { display: block; font-size: .875rem; padding: .5em 0 0 0; opacity: .5; }

.text-center { text-align: center; }

.hidden { display: none; }

.icon-audio, .video-button-sound:before { display: inline-block; width: 1.5rem; height: 1.5rem; background-color: var(--content-copy); mask-image: url("../img/ico_audio.svg"); mask-repeat: no-repeat; mask-size: 1.5rem auto; -webkit-mask-image: url("../img/ico_audio.svg"); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 1.5rem auto; }

:root { --logo: url("https://fdmg-forms-assets.s3.amazonaws.com/smc/assets/img/logo_fd.svg"); --product-background: #f1ded2; --product-background-2: #ffeadb; --content-background: #ffeadb; --navigation-background: #e5d1c6; --sub-navigation-background: #f1ded2; --navigation-item: #4c4642; --navigation-item-hover: #379596; --navigation-item-active: #e5d1c6; --navigation-item-active-2: #cdbeb4; --opaque-label-background: #379596; --opaque-label-longread-background: #d6472c; --opaque-label-persoonlijk-background: #e57e30; --dividers: #cdbeb4; --content-copy: #191919; --opaque-label-copy: #ffffff; --title-copy: #191919; --meta-copy: #4c4642; --quote: #4c4642; --numberframe: #4c4642; --textframe: #4c4642; --wordframe: #4c4642; --functional-copy: #4c4642; --captions: #4c4642; --credits: #73655f; --writer: #4c4642; --time: #4c4642; --primary: #379596; --primary-active: #0b646b; --card: #ffeadb; --card-active: #f1ded2; --card-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); --card-hover: #ffeadb; --input-background: #ffffff; --input-date-picker-calendar-fill: invert(41%) sepia(19%) saturate(293%) hue-rotate(333deg) brightness(93%) contrast(87%); --input-caret: #379596; --input-placeholder: #cdbeb4; --input-label: #73655f; --input-label-focus: #379596; --input-color: #191919; --input-underline: #a6988f; --input-underline-disabled: #a6988f; --input-underline-hover: #379596; --input-underline-focus: #379596; --input-valid: #379596; --input-error: #c60f0f; --input-fill: #ffffff; --input-fill-disabled: #ffeadb; --input-helper-text: #73655f; --input-helper-text-disabled: #a6988f; --input-disabled: #a6988f; --select-placeholder: #cdbeb4; --select-label: #73655f; --select-label-focus: #379596; --select-color: #191919; --select-underline: #a6988f; --select-underline-disabled: #a6988f; --select-underline-hover: #379596; --select-underline-focus: #379596; --select-valid: #379596; --select-error: #c60f0f; --select-fill: #ffffff; --select-fill-disabled: #ffeadb; --select-helper-text: #73655f; --select-helper-text-disabled: #a6988f; --select-disabled: #a6988f; --checkbox-fill: #ffffff; --checkbox-fill-checked: #379596; --checkbox-check: #ffffff; --checkbox-border: #379596; --checkbox-label-hover: #379596; --checkbox-hover: #b0c6c1; --radio-check: #ffffff; --radio-border: #379596; --radio-label-hover: #379596; --radio-fill: #ffffff; --radio-fill-checked: #379596; --radio-hover: #b0c6c1; --switch-knob: #cdbeb4; --switch-fill: #e5d1c6; --switch-check-fill: #b0c6c1; --switch-active: #379596; --switch-label-hover: #379596; --switch-hover: #b0c6c1; --link: #379596; --link-hover: #41afb0; --link-active: #379596; --button-text: #ffffff; --button: #191919; --button-outline: #f27211; --button-hover: #4c4642; --button-focus: #000000; --button-active: #000000; --button-disabled: #cdbeb4; --button-cta-text: #ffffff; --button-cta: #f27211; --button-cta-outline: #379596; --button-cta-hover: #ff7812; --button-cta-focus: #e66c10; --button-cta-active: #e66c10; --button-cta-disabled: #ff9a4e; --button-ghost-text: #191919; --button-ghost: transparent; --button-ghost-outline: #0b646b; --button-ghost-hover-outline: #379596; --button-ghost-hover: #379596; --button-ghost-focus: transparent; --button-ghost-active-text: #379596; --button-ghost-active: transparent; --button-ghost-disabled: #cdbeb4; }

html, body { background-color: var(--product-background); }

html body { display: block; }

html { scroll-behavior: smooth; }

.container { max-width: 1200px; margin-left: auto; margin-right: auto; padding: 0 1rem; box-sizing: border-box; }

body { min-height: 100vh; }

.layout { position: relative; z-index: 2; justify-items: stretch; align-items: start; grid-template-columns: repeat(12, 1fr); max-width: 1200px; margin: 0 auto; }
@media screen and (min-width: 600px) { .layout { display: grid; } }

body > p, body > ul, body > ol, body > figure, body > table, body > form, #scroller #content > p, #scroller #content > ul, #scroller #content > ol, #scroller #content > figure, #scroller #content > table, #scroller #content > form { display: none; }

.layout-bg { margin: 1rem auto; }
.layout-bg .layout { justify-items: stretch; align-items: center; }

.layout-with-visual .column { position: relative; }
@media screen and (min-width: 600px) { .layout-with-visual .column { min-height: calc(100% - 2rem); } }
.layout-with-visual .block-image { overflow: hidden; left: 1rem; top: 1rem; right: 1rem; bottom: 1rem; min-height: 20vh; }
@media screen and (min-width: 600px) { .layout-with-visual .block-image { position: absolute; min-height: auto; } }
.layout-with-visual .block-image img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-width: none; width: 100% !important; height: 100% !important; object-fit: cover; object-position: 50% 50%; }

.main > .layout-bg:first-child { margin-top: 0; }

.layout-full { max-width: none; }

.layout-bg { background-position: 50% 50%; background-size: cover; }

.layout-bgcolor { position: relative; z-index: 1; }

.layout-bg:first-child .layout, .layout-bgcolor:first-child .layout { margin-top: 0; }

.layout-bg + .layout-bg, .layout-bg + .layout-bgcolor, .layout-bgcolor + .layout-bg, .layout-bgcolor + .layout-bgcolor { margin-top: -1rem; }

.layout-bgcolor:after { content: ''; position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; }

.layout-bgcolor[style*="background-image"]:after { opacity: .75; }

.layout-bgcolor[style*="fd-visual-3b"] { background-position: 43% 50%; }

.layout-bgcolor-brand:after, .layout-bgcolor-primary:after { background-color: var(--primary); }

.layout-bgcolor-bg:after { background-color: var(--product-background); }

.layout-bgcolor-bg[style*="background-image"]:after { opacity: .8; }

.layout-bgcolor-bg-dark:after { background-color: var(--dividers); }

.layout-bgcolor-bg-light:after { background-color: var(--content-background); }

.layout-bgcolor-bg-light[style*="background-image"]:after { opacity: .8; }

.layout-bgcolor-black:after { background-color: var(--content-copy); }

.layout-bgcolor-cta:after { background-color: var(--button-cta); }

.layout-bgcolor-white:after { background-color: var(--input-background); }

.layout-bgcolor-white[style*="background-image"]:after { opacity: .8; }

.column { grid-column-start: calc(var(--offset) + 1); grid-column-end: span var(--span); padding: 1rem; }
.column:empty { padding: 0 1rem; }

.column[style*="offset:0"] { grid-column-start: auto; }

.header { position: sticky; z-index: 100; top: 0; background-color: var(--navigation-background); border-bottom: 2px solid var(--dividers); grid-column-end: span 12; }
.header .logo { display: block; font-size: 0; width: 3rem; height: 3.75rem; background-image: var(--logo); background-repeat: no-repeat; background-position: 50% 50%; margin-right: auto; flex-shrink: 0; flex-grow: 0; }
.header .logo:last-child { margin-left: auto; }

.header-inner { display: flex; align-items: center; justify-content: flex-end; }

.header-copy { margin-left: 1rem; text-align: right; line-height: 1.3; color: var(--navigation); }
.header-copy p { margin: 0; }
.header-copy a { display: inline-block; }

.header-cta { margin-left: 1rem; }

.footer { background-color: var(--navigation-background); margin: 2rem 0 0 0; padding: 2rem 0; font-size: .875rem; grid-column-end: span 12; order: 1000; position: sticky; z-index: 5; top: 100vh; }
.footer * { color: var(--navigation); }
.footer a { color: var(--navigation); text-decoration: none; }
.footer ul, .footer p { padding: 0; margin: 0; list-style: none; }
.footer li { display: inline; }
.footer .logo { display: block; font-size: 0; width: 4rem; height: 2rem; background-image: var(--logo); background-repeat: no-repeat; background-position: 0 50%; margin-right: auto; margin-bottom: .375rem; }
@media screen and (min-width: 600px) { .footer .logo { margin-bottom: .125rem; } }

.footer-inner { position: relative; z-index: 2; }
@media screen and (min-width: 600px) { .footer-inner { display: flex; align-items: flex-end; justify-content: space-between; } }

.footer-copyright { margin-right: auto; padding-right: 1rem; }

.footer-links ul { list-style: none; padding: 0; margin: 0 -1rem 0 0; }
.footer-links li { display: inline; }
.footer-links a { margin: 0 1rem 0 0; text-decoration: none; }
.footer-links a:hover { text-decoration: underline; }

.buttons { display: flex; flex-flow: row; margin: 0 0 1.5rem 0; padding: 0; align-items: center; line-height: 1.2; }
.buttons > * { margin: 0 1rem 0 0; }
.buttons > *:last-child { margin-right: 0; }
.buttons > br { display: none; }
.buttons > .right { margin-left: auto; }
.buttons.right { flex-flow: row-reverse; }
.buttons.right > * { margin: 0 0 0 1rem; }
.buttons.right > *:last-child { margin-left: 0; }
.buttons.right > .left { margin-right: auto; }
.buttons.center { justify-content: center; }
.buttons.center > * { margin: 0 .5rem 0 .5rem; }

@keyframes buttonRipple { 0% { width: 0; opacity: 0.2; }
  50% { opacity: 0.2; }
  100% { width: 130%; opacity: 0; } }
@keyframes buttonRippleReverse { 0% { width: 130%; opacity: 0.2; }
  100% { width: 0px; opacity: 0.2; } }
@keyframes buttonShow { 0% { opacity: 0; }
  99% { opacity: 0; }
  100% { opacity: 1; } }
.button, .block-inlineform [type="submit"] { opacity: 0; animation: 0.3s ease 0s 1 normal forwards running buttonShow; user-select: none; box-sizing: border-box; position: relative; overflow: hidden; min-height: 3rem; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; font-size: 1rem; line-height: 1.25; color: var(--button-cta-text); text-decoration: none !important; cursor: pointer; padding: 0px 1rem; border: medium none; text-align: center; background-position: 50% center; transition: transform 0.05s ease-out 0s, background-color 0.1s ease 0s, transform 0.05s ease-out 0s; border-radius: 0px; font-family: ProximaNovaBold, sans-serif; font-weight: 400; letter-spacing: -0.1px; background-color: var(--button-cta); white-space: nowrap; backface-visibility: hidden; }
.button:focus, .block-inlineform [type="submit"]:focus { background-color: var(--button-cta-focus); outline: 1.5px solid var(--button-cta-outline); outline-offset: -1.5px; }
.button:active, .block-inlineform [type="submit"]:active { outline: currentcolor none medium; background-color: var(--button-cta-active); }
.button:active:hover, .block-inlineform [type="submit"]:active:hover { background-color: var(--button-cta-active); }
.button:hover, .block-inlineform [type="submit"]:hover { background-color: var(--button-cta-hover); text-decoration: none; }
.button.secondary, .block-inlineform .secondary[type="submit"] { color: var(--button-text); background-color: var(--button); }
.button.secondary:focus, .block-inlineform .secondary[type="submit"]:focus { background-color: var(--button-focus); outline: 1.5px solid var(--button-outline); }
.button.secondary:active, .block-inlineform .secondary[type="submit"]:active { outline: currentcolor none medium; background-color: var(--button-active); }
.button.secondary:active:hover, .block-inlineform .secondary[type="submit"]:active:hover { background-color: var(--button-active); }
.button.secondary:hover, .block-inlineform .secondary[type="submit"]:hover { background-color: var(--button-hover); text-decoration: none; }
.button.lined, .block-inlineform .lined[type="submit"] { color: var(--button-ghost-text); background-color: var(--button-ghost); outline: 1.5px solid var(--button-ghost-outline); outline-offset: -1.5px; }
.button.lined:before, .block-inlineform .lined[type="submit"]:before { background-color: #b0c6c1; }
.button.lined:focus, .block-inlineform .lined[type="submit"]:focus { background-color: var(--button-ghost-focus); outline: 1.5px solid var(--button-ghost-outline); }
.button.lined:active, .block-inlineform .lined[type="submit"]:active { outline-color: var(--button-ghost-hover-outline); background-color: var(--button-ghost-active); }
.button.lined:active:hover, .block-inlineform .lined[type="submit"]:active:hover { background-color: var(--button-ghost-active); }
.button.lined:hover, .block-inlineform .lined[type="submit"]:hover { color: var(--button-ghost-hover); text-decoration: none; outline-color: var(--button-ghost-hover-outline); }
.button.link, .block-inlineform .link[type="submit"] { color: var(--primary); padding: 0 .25rem; background-color: transparent; }
.button.link:before, .block-inlineform .link[type="submit"]:before { display: none; }
.button.link:focus, .block-inlineform .link[type="submit"]:focus { background-color: transparent; outline: none; transform: none; }
.button.link:active, .block-inlineform .link[type="submit"]:active { outline: none; background-color: transparent; transform: none; }
.button.link:active:hover, .block-inlineform .link[type="submit"]:active:hover { background-color: transparent; transform: none; }
.button.link:hover, .block-inlineform .link[type="submit"]:hover { color: var(--primary); text-decoration: underline !important; }
.button.small, .block-inlineform .small[type="submit"] { font-size: 0.875rem; min-height: 2rem; }
.button.large, .block-inlineform .large[type="submit"] { font-size: 1.25rem; min-height: 3.5rem; }
.button.full, .block-inlineform .full[type="submit"] { width: 100%; }

.button > *, .block-inlineform [type="submit"] > * { display: inline-flex; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .button, .block-inlineform [type="submit"] { opacity: 1; } }
@media screen and (min-width: 641px) { .button.small:active, .block-inlineform .small[type="submit"]:active { transform: scale(0.98); }
  .button:active, .block-inlineform [type="submit"]:active { transform: scale(0.95); } }
.button::before, .block-inlineform [type="submit"]::before { position: absolute; margin: 0px auto; transform: rotate(360deg) skewX(15deg); background-color: #fff; width: 0px; height: 100%; }

.button:not(:active)::before, .block-inlineform [type="submit"]:not(:active)::before { content: ""; animation: 0.5s ease 0s 1 normal none running buttonRipple; }

.button:active::before, .block-inlineform [type="submit"]:active::before { content: ""; animation: 0.5s ease 0.1s 1 normal none running buttonRippleReverse; }

@media screen and (max-width: 640px) { .button:active, .block-inlineform [type="submit"]:active { transform: scale(0.95); } }
.button:disabled, .block-inlineform [type="submit"]:disabled, .button:disabled:active, .block-inlineform [type="submit"]:disabled:active { outline: currentcolor none medium; background-color: var(--button-cta-disabled); transform: scale(1); }

.button:disabled *, .block-inlineform [type="submit"]:disabled *, .button:disabled:active *, .block-inlineform [type="submit"]:disabled:active * { pointer-events: none; }

.block-articles { text-align: center; }

.carousel { overflow: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; white-space: nowrap; font-size: 0; }

.layout-full .articles-container { margin-left: -1rem; margin-right: -1rem; max-width: 100vw; }

.carousel-item { display: inline-block; vertical-align: top; white-space: normal; position: relative; width: 30rem; height: 19.875rem; padding: 0 0 0 1rem; transition: all .3s; }

.carousel:after { content: ''; width: 1rem; display: inline-block; height: 1rem; }

.carousel-nav { position: relative; z-index: 20; margin-top: .5rem; margin-bottom: 0; text-align: center; padding: 0 .5rem 0 .5rem; white-space: nowrap; font-size: 0; }

.carousel-nav a { display: inline-block; vertical-align: middle; margin: .5rem; width: 1rem; height: 1rem; border-radius: 50%; overflow: hidden; background-color: var(--content-copy); transition: all .3s; opacity: .5; }

.carousel-nav .carousel-nav-next, .carousel-nav .carousel-nav-prev { position: absolute; z-index: 5; top: -11.9375rem; border: 0.5rem solid var(--content-background); background-color: var(--content-copy); margin: 0; width: 3rem; height: 3rem; opacity: 0; pointer-events: none; }

.carousel-nav a:hover, .carousel-nav a.carousel-active { opacity: 1; background-color: var(--primary); }

.carousel-nav a.carousel-active { background-color: var(--content-copy); }

.articles-container:hover .carousel-nav .carousel-nav-active { opacity: 1; pointer-events: auto; }

.carousel-nav .carousel-nav-next:before, .carousel-nav .carousel-nav-prev:before { content: ''; position: absolute; left: .875rem; top: 1rem; width: .75rem; height: .75rem; border-top: 0.25rem solid var(--content-background); border-left: 0.25rem solid var(--content-background); transform: rotate(135deg); }

.carousel-nav .carousel-nav-next:hover, .carousel-nav .carousel-nav-prev:hover { background-color: var(--primary); }

.carousel-nav .carousel-nav-next { right: 0; }

.carousel-nav .carousel-nav-prev { left: 0; }

.carousel-nav .carousel-nav-next.carousel-nav-active { right: 1.5rem; }

.carousel-nav .carousel-nav-prev.carousel-nav-active { left: 1.5rem; }

.carousel-nav .carousel-nav-prev:before { transform: rotate(-45deg); left: 1.125rem; }

.carousel-active .article:before { background-color: var(--primary); opacity: .4; }

@media only screen and (max-width: 780px) { .carousel { padding: 0; overflow-x: auto; }
  .carousel:after, .carousel:before { display: none; }
  .carousel { scroll-snap-type: x mandatory; }
  .carousel > div { scroll-snap-align: center; }
  .carousel > div .article:before, .carousel > div:hover .article:before { background-color: var(--content-copy); opacity: .2; }
  .carousel-nav a:hover { background-color: var(--primary); }
  .carousel-nav a.carousel-active { background-color: var(--primary); }
  .carousel > div { width: 100vw; padding: 0; height: 18rem; }
  .carousel-nav { padding: 0 1rem; }
  .carousel-nav .carousel-nav-prev, .carousel-nav .carousel-nav-next { display: none; } }
.article { position: relative; z-index: 1; min-height: 100%; box-sizing: border-box; transition: all .3s; text-align: left; }

.article-image { position: absolute; z-index: 4; z-index: 1; left: 0; right: 0; bottom: 0; top: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.article-image[data-credits]:after { content: "Foto: " attr(data-credits); position: absolute; right: 1rem; bottom: .75rem; margin-left: 11rem; font-size: .75rem; color: var(--content-background); text-align: right; }

.article:before { content: ''; position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0; background-color: var(--content-copy); opacity: .2; transition: all .3s; }

.article:hover:before { background-color: var(--primary); opacity: .4; }

.article-content { position: relative; z-index: 2; color: var(--content-background); padding: 1rem 1rem 4rem 1rem; transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s; }

.article-prefix { display: inline-block; color: var(--content-background); font-size: .875rem; line-height: 1; text-transform: uppercase; margin-bottom: .75rem; }

.article-title { display: block; color: var(--content-background); font-size: 2rem; line-height: 1.2; opacity: 1; }

[style*="span:3"] .article-title { font-size: 1.35rem; }

[style*="span:4"] .article-title { font-size: 1.5rem; }

.article-buttons { position: absolute; right: 0; left: 0; top: 0; bottom: 0; z-index: 4; display: flex; margin: 0; padding: 1rem; align-items: flex-end; justify-content: flex-start; transition: all .3s; font-size: 1rem; }

.article-buttons a { color: var(--content-background); line-height: 1; }

.article-buttons a:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: transparent; }

@media only screen and (max-width: 599px) { .carousel > div { height: 55.25vw; }
  .article-title { font-size: 1.35rem; }
  .article-prefix { font-size: .75rem; } }
.faq-questions { border-top: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 1.5rem; }

.faq-question { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 1rem; padding-left: 2rem; }

.faq-question .faq-answer p { font-size: 1rem; }

.faq-question h3 a, .faq-question h3 { margin: 0; color: #191919; font-size: 1rem; }

.faq-question h3 a { display: block; padding: .5rem 0; }
.faq-question h3 a:hover { text-decoration: underline; }
.faq-question h3 a:before { content: ''; position: absolute; left: .25em; width: .4em; height: .4em; border-top: 3px solid; border-left: 3px solid; transform: rotate(135deg); margin-top: .5em; text-decoration: none; transition: all .3s; }
.faq-question h3 a.toggle-active:before { transform: rotate(225deg); margin-top: .35em; }

.faq-answer { display: block; max-height: 0; overflow: hidden; transition: all .3s; opacity: 0; }
.faq-answer.toggle-active { opacity: 1; max-height: 2000px; }

fieldset { padding: 0; margin: 0; border: none; }
fieldset legend { padding-inline: 0; font-weight: 400; padding: 0; font-size: 1.5rem; line-height: 1.2; margin: 0 0 1rem 0; width: 100%; clear: both; }
fieldset fieldset { margin-bottom: 2rem; }
fieldset fieldset legend { font-size: 1rem; line-height: 1.5; }

input[type="text"], input[type="date"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], textarea, option, select, .input-ghost { border: none; padding: 1.4rem 1rem .6rem 1rem; width: 100%; box-sizing: border-box; min-height: 3.625rem; background-color: var(--input-background); box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); outline: none; box-shadow: none; border-bottom: 0.125rem solid var(--input-underline); border-radius: 0; color: var(--input-color); transition: all .1s; }
input[type="text"]:hover, input[type="date"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="search"]:hover, textarea:hover, option:hover, select:hover, .input-ghost:hover { border-color: var(--input-underline-hover); }
input[type="text"]:focus, input[type="date"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="search"]:focus, textarea:focus, option:focus, select:focus, .input-ghost:focus { border-color: var(--input-underline-focus); }
input[type="text"][readonly], input[type="text"][readonly]:hover, input[type="text"][readonly]:focus, input[type="text"][disabled], input[type="text"][disabled]:hover, input[type="text"][disabled]:focus, input[type="date"][readonly], input[type="date"][readonly]:hover, input[type="date"][readonly]:focus, input[type="date"][disabled], input[type="date"][disabled]:hover, input[type="date"][disabled]:focus, input[type="password"][readonly], input[type="password"][readonly]:hover, input[type="password"][readonly]:focus, input[type="password"][disabled], input[type="password"][disabled]:hover, input[type="password"][disabled]:focus, input[type="email"][readonly], input[type="email"][readonly]:hover, input[type="email"][readonly]:focus, input[type="email"][disabled], input[type="email"][disabled]:hover, input[type="email"][disabled]:focus, input[type="tel"][readonly], input[type="tel"][readonly]:hover, input[type="tel"][readonly]:focus, input[type="tel"][disabled], input[type="tel"][disabled]:hover, input[type="tel"][disabled]:focus, input[type="number"][readonly], input[type="number"][readonly]:hover, input[type="number"][readonly]:focus, input[type="number"][disabled], input[type="number"][disabled]:hover, input[type="number"][disabled]:focus, input[type="search"][readonly], input[type="search"][readonly]:hover, input[type="search"][readonly]:focus, input[type="search"][disabled], input[type="search"][disabled]:hover, input[type="search"][disabled]:focus, textarea[readonly], textarea[readonly]:hover, textarea[readonly]:focus, textarea[disabled], textarea[disabled]:hover, textarea[disabled]:focus, option[readonly], option[readonly]:hover, option[readonly]:focus, option[disabled], option[disabled]:hover, option[disabled]:focus, select[readonly], select[readonly]:hover, select[readonly]:focus, select[disabled], select[disabled]:hover, select[disabled]:focus, .input-ghost[readonly], .input-ghost[readonly]:hover, .input-ghost[readonly]:focus, .input-ghost[disabled], .input-ghost[disabled]:hover, .input-ghost[disabled]:focus { background-color: rgba(255, 255, 255, 0.3); border-color: var(--input-underline); color: var(--input-disabled); }

input[type="date"] { box-sizing: initial; width: calc(100% - 2rem); min-height: 1.625rem; }

input[type="date"]::-webkit-date-and-time-value { text-align: left; }

select { appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 2.5rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23191919' stroke-width='2' %3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 1rem center; background-size: 1em; }

@-moz-document url-prefix() {}
.input-ghost { display: block; background-color: rgba(255, 255, 255, 0.3); border-color: var(--input-underline); color: var(--input-disabled); }

:valid { border-color: var(--input-valid); }

.touched:invalid { border-color: var(--input-error); }

.form-row:has([required]):after, .form-row:has([type="email"]):after { content: 'Dit veld is verplicht'; font-size: .875rem; line-height: 1.2; color: var(--input-error); display: block; margin: 0 0 0 1rem; font-weight: 400; max-height: 0; opacity: 0; transition: all .3s; }

.form-row[data-error]:after { content: attr(data-error); }

.form-row:has(.touched:invalid):after, .form-row:has([type="checkbox"][required].touched:invalid):after, .form-row:has(select[required].touched:invalid):after { opacity: 1; max-height: 4rem; margin-top: .5rem; }

.form-row:has([type="checkbox"][required]):after { margin-left: 1.75rem; }

.input:has([type="checkbox"][required].touched:invalid):before { border-color: var(--input-error); }

.form-row { margin: 0 0 1rem 0; }
.form-row:last-child { margin-bottom: 0; }

textarea { height: 10rem; }

.form-rows { flex-wrap: wrap; margin-right: -1rem; }
.form-rows:last-child { margin-bottom: -1rem; }
@media screen and (min-width: 600px) { .form-rows { display: flex; } }
.form-rows .form-row { flex-basis: calc((100% / 12 * var(--span)) - 1rem); flex-shrink: 0; flex-grow: 0; margin-right: 1rem; margin-bottom: 1rem; }

.form-row-inline label { display: inline-block; margin-right: 1rem; margin-top: 0 !important; }

.input { position: relative; display: block; }

label.input strong, .input label { transition: all .1s; position: absolute; z-index: 2; left: 0; right: 0; top: 0; font-weight: 400; padding-right: 1em; font-size: .875rem; line-height: 1; color: var(--input-label); pointer-events: none; white-space: nowrap; margin: .5rem 0 .5rem 1rem; }
label.input strong:after, .input label:after { content: ''; position: relative; top: -.3em; display: inline-block; width: .6rem; height: .3rem; margin-left: .5em; border-right: 0.125rem solid var(--input-valid); border-top: 0.125rem solid var(--input-valid); transform: rotate(135deg); opacity: 0; transition: all .3s; }

.input [required]:focus:valid + strong:after, .input [pattern]:focus:valid + strong:after { opacity: 1; }

.input [placeholder=" "]:not(:focus):placeholder-shown + strong, input[placeholder="\00A0"]:not(:focus):placeholder-shown + strong { font-size: 1rem; top: .75rem; }

.block-inlineform label:has(+ p) { transition: all .1s; position: absolute; padding-right: 1em; font-size: .875rem; line-height: 1; color: var(--input-label); pointer-events: none; white-space: nowrap; margin: .5rem 1rem; }
.block-inlineform label:has(> [type="checkbox"]) { position: relative; display: block; padding-left: 1.75rem; }
.block-inlineform label:has(> [type="checkbox"]) input[type="checkbox"] { position: absolute; opacity: 0; }
.block-inlineform label:has(> [type="checkbox"]):before { content: ''; position: absolute; box-sizing: border-box; left: 0; top: .0625rem; width: 1.25rem; height: 1.25rem; border: 0.075rem solid var(--input-underline-focus); transition: border-color .3s; background-color: #fff; }
.block-inlineform label:has(> [type="checkbox"]):after { content: ''; position: absolute; left: .25rem; top: .5rem; width: .625rem; height: .25rem; border-left: .09375rem solid #fff; border-bottom: .09375rem solid #fff; opacity: 0; transition: opacity .3s; transform: rotate(-48deg); }
.block-inlineform label:has(> :checked):before { background-color: var(--input-underline-focus); }
.block-inlineform label:has(> :checked):after { opacity: 1; }

.block-inlineform-intro { margin-bottom: 1.5rem; }
.block-inlineform-intro h3:first-child { margin-top: 0; }
.block-inlineform-intro p:has([type="submit"]) { margin-bottom: 0; }

.block-inlineform-success, .block-inlineform-error { display: none; padding: 1rem; background-color: var(--content-copy); margin-bottom: 1.5rem; border: 1px solid; color: var(--card); }
.block-inlineform-success *, .block-inlineform-error * { color: var(--card); }
.block-inlineform-success h3, .block-inlineform-error h3 { margin-top: 0; }
.block-inlineform-success > *:last-child, .block-inlineform-error > *:last-child { margin-bottom: 0; }

.block-inlineform-success { background-color: var(--input-underline-focus); }

.block-inlineform-error { background-color: var(--input-error); }

[data-result="error"] .block-inlineform-error, [data-result="ERROR"] .block-inlineform-error { display: block; }

[data-result="success"] .block-inlineform-form, [data-result="SUCCESS"] .block-inlineform-form { display: none; }
[data-result="success"] .block-inlineform-success, [data-result="SUCCESS"] .block-inlineform-success { display: block; }

.input:has([type="checkbox"]), .input:has([type="radio"]) { padding-left: 1.75rem; }
.input:has([type="checkbox"]) span, .input:has([type="radio"]) span { font-weight: normal; }
.input:has([type="checkbox"]) strong, .input:has([type="radio"]) strong { display: none; }
.input:has([type="checkbox"]) em, .input:has([type="radio"]) em { display: block; font-style: normal; }
.input:has([type="checkbox"]) input, .input:has([type="radio"]) input { position: absolute; left: 0; opacity: 0; }
.input:has([type="checkbox"]):before, .input:has([type="radio"]):before { content: ''; position: absolute; box-sizing: border-box; left: 0; top: .0625rem; width: 1.25rem; height: 1.25rem; border: 0.075rem solid var(--input-underline-focus); transition: border-color .3s; background-color: #fff; }
.input:has([type="checkbox"]):after, .input:has([type="radio"]):after { content: ''; position: absolute; left: .25rem; top: .5rem; width: .625rem; height: .25rem; border-left: .09375rem solid #fff; border-bottom: .09375rem solid #fff; opacity: 0; transition: opacity .3s; transform: rotate(-48deg); }

.input:has([type="radio"]):before, .input:has([type="radio"]):after { border-radius: 50%; }
.input:has([type="radio"]):after { background-color: #fff; border: none; width: .625rem; height: .625rem; left: .3125rem; top: .375rem; }

.input:has(input:checked):before { background-color: var(--input-underline-focus); }
.input:has(input:checked):after { opacity: 1; }

.input:has([type="radio"]) + .input:has([type="radio"]), .input:has([type="checkbox"]) + .input:has([type="checkbox"]) { margin-top: 1rem; }

.input:has([type="radio"]):last-child:first-child { padding-left: 0; }
.input:has([type="radio"]):last-child:first-child:before, .input:has([type="radio"]):last-child:first-child:after { display: none; }

form .message { display: block; padding: .5em 1em .5em 1em; margin-bottom: 1rem; transition: all .3s; background-color: var(--product-background); }
form .message p:last-child, form .message ul:last-child { margin-bottom: 0; }
form .input .message { margin-top: .5rem; margin-bottom: 0; }
form .message-error, form .message-errors { position: relative; }
form .message-errors:before { content: 'Niet alle velden zijn goed ingevuld'; position: relative; z-index: 2; font-weight: 700; display: block; margin-bottom: 1rem; }
form .message-errors ul { position: relative; z-index: 2; list-style: none; padding: 0; }
form .message-errors li + li { margin-top: .25rem; }
form .message-errors li { font-weight: 700; }
form .message-errors li:after { content: ": Dit veld is verplicht"; font-weight: 400; }
form .message-errors li[data-error]:after { content: ": " attr(data-error); }

.block-image figure { margin: 0; }

.block-products { text-align: center; }
.block-products .products { margin: -.5rem -1rem -1rem -1rem; padding: .5rem 0 1rem 0; text-align: left; overflow-x: auto; overflow-y: hidden; display: flex; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
@media screen and (min-width: 600px) { .block-products .products { overflow: visible; } }
.block-products [data-product-id] { opacity: 0; pointer-events: none; }
.block-products .product-accent, .block-products .product.true { order: -1; }
@media screen and (min-width: 600px) { .block-products .product-accent, .block-products .product.true { order: initial; } }
.block-products .product { position: relative; z-index: 1; padding: 0 0 0 1rem; transition: opacity .3s; flex-basis: calc(90vw - 2rem); flex-shrink: 0; flex-grow: 0; scroll-snap-align: start; }
.block-products .product .product-inner { background-color: var(--content-background); padding: 1rem; box-shadow: 0 0 1px 0 var(--content-copy); min-height: calc(100% - 2rem); transition: all 0.3s; }
.block-products .product.true .product-inner { box-shadow: 0 0 2px 0 var(--content-copy); }
.block-products .product:hover .product-inner { box-shadow: 0 0 0 1px var(--primary); }
.block-products .product.true:hover .product-inner { box-shadow: 0 0 0 2px var(--primary); }
.block-products .product del { text-decoration-thickness: .125em; }
.block-products .product:last-child { padding-right: 1rem; }
.block-products .product:last-child .product-ghost-link { right: 1rem; }
.block-products .product:first-child:last-child { padding-right: 1rem; flex-basis: 100%; flex-shrink: initial; flex-grow: initial; }
@media screen and (min-width: 600px) { .block-products .product { flex-shrink: initial; flex-grow: initial; } }
.block-products .product .li { position: relative; z-index: 1; display: inline-block; padding-left: 1rem; }
.block-products .product .li:before { content: ''; position: absolute; left: .125em; top: .625em; box-sizing: border-box; width: 0; height: 0; border-radius: 50%; border: .2em solid; }
.block-products .product .li + br + .li { margin-top: .25em; }
.block-products .product-title { margin: -1rem -1rem 1rem -1rem; background-color: var(--product-background); padding: 1rem 1rem .75rem 1rem; text-align: center; }
.block-products .product-title h2 { margin: 0; line-height: 1; color: var(--content-copy); font-family: 'ArnhemProBold', serif; font-weight: normal; font-size: 1.25rem; }
@media screen and (min-width: 1200px) { .block-products .product-title h2 { font-size: 1.75rem; font-family: 'ArnhemPro', serif; font-weight: normal; } }
@media screen and (min-width: 600px) { .block-products .product-title { padding: 1.25rem 1rem .75rem 1rem; } }
.block-products .product-accent .product-title, .block-products .product.true .product-title { background-color: var(--opaque-label-background); }
.block-products .product-accent .product-title h2, .block-products .product.true .product-title h2 { color: var(--content-background); }
.block-products .product-buttons { position: relative; z-index: 2; margin: 0 0 1.5rem 0; }
.block-products .product-buttons .button, .block-products .product-buttons .block-inlineform [type="submit"], .block-inlineform .block-products .product-buttons [type="submit"] { width: 100%; text-align: center; align-items: center; flex-flow: column; line-height: 1.1; }
.block-products .product-buttons .button em, .block-products .product-buttons .block-inlineform [type="submit"] em, .block-inlineform .block-products .product-buttons [type="submit"] em { display: block; opacity: .75; font-style: normal; font-size: .875rem; font-weight: 400; }
.block-products .product-visual { position: relative; }
.block-products .product-visual figure { margin: -1rem -1rem 0 -1rem; }
.block-products .product-label { position: absolute; left: 50%; top: 0; transform: translate3d(-50%, -100%, 0); font-size: .75rem; padding: .5em 1em; background-color: var(--content-copy); color: var(--content-background); text-transform: uppercase; }
.block-products .product-label p { margin: 0; }
.block-products .product-ghost-link { position: absolute; z-index: 1; left: 1rem; top: 0; right: 0; bottom: 0; opacity: 0; }
.block-products .product-cta-header { text-align: center; line-height: 1.25; }
.block-products .product-cta-header strong { font-size: 1.25rem; }
.block-products .product-cta-header p { margin: 0 0 1rem 0; }
.block-products .product-cta-footer { text-align: center; color: var(--content-copy); line-height: 1.25; opacity: .5; }
.block-products .product-cta-footer p { margin: -1rem 0 1.5rem 0; }
.block-products .product-conditions { position: relative; z-index: 1; }
.block-products .product-conditions > * { position: relative; z-index: 2; }
.block-products .product-conditions p + ul, .block-products .product-conditions p + ol { margin-top: -1.5rem; }
.block-products .product-conditions ul:last-child, .block-products .product-conditions ol:last-child, .block-products .product-conditions p:last-child { margin-bottom: 0; }
.block-products .product-conditions-toggle { position: relative; z-index: 2; display: none; text-align: center; margin: -1rem -1rem -1rem -1rem; padding: .5rem 1rem; }
.block-products .product-conditions-toggle a { position: relative; display: inline-block; padding-right: 1rem; text-transform: uppercase; text-decoration: none; font-size: .875rem; transition: all .3s; }
.block-products .product-conditions-toggle a:before { content: ''; position: absolute; right: 0; top: .375em; width: .4em; height: .4em; border-top: .125em solid; border-right: .125em solid; margin: 0 0 0 .3em; transform: rotate(135deg); }
.block-products .product-conditions-toggle a:after { content: ' meer'; }
.block-products .product-conditions-toggle a:hover { text-decoration: underline; }
.block-products .product-conditions-toggle a.toggle-active:after { content: ' minder'; }
.block-products .product-conditions-toggle a.toggle-active:before { top: .625em; transform: rotate(-45deg); }
.block-products .product-action { position: absolute; z-index: -1; right: 0; left: 1rem; top: 0; display: flex; align-items: center; justify-content: center; text-align: center; font-size: .875rem; line-height: 1; }
.block-products .product-action p { position: relative; z-index: 2; display: inline-flex; align-items: center; transform: translate3d(0, -100%, 0); padding: 0 2rem 0 2rem; min-height: 2lh; background-color: var(--button-cta); color: var(--content-background); margin: 0; }

.products:has(.product-action) { padding-top: 2rem; }

@media screen and (min-width: 600px) { .layout:has(.product-action) .products { padding-top: 2rem; } }
.products-usp-toggle .product-conditions { max-height: 0; opacity: 0; pointer-events: none; transition: all .3s; margin: 0 -1rem 0 -1rem; padding: 0 1rem; background-color: var(--product-background-2); }
.products-usp-toggle .product-conditions.toggle-active { max-height: 2000px; opacity: 1; pointer-events: auto; margin-top: 1rem; }
.products-usp-toggle .product-conditions ~ .product-conditions-toggle { display: block; }

[data-usptype="hidden"] .product-conditions { display: none; }

[data-usptype="toggle"] .product-conditions-toggle { display: block; }
[data-usptype="toggle"] .product-conditions { max-height: 0; opacity: 0; pointer-events: none; transition: all .3s; margin: 0 -1rem 0 -1rem; padding: 0 1rem; }
[data-usptype="toggle"] .product-conditions.toggle-active { max-height: 2000px; opacity: 1; pointer-events: auto; margin-top: 1rem; }
[data-usptype="toggle"] .product-conditions.toggle-active ~ .product-conditions-toggle { display: none; }

@media screen and (min-width: 600px) { [data-usptype="toggle-desktop"] .product-conditions-toggle { display: block; }
  [data-usptype="toggle-desktop"] .product-conditions { max-height: 0; opacity: 0; pointer-events: none; transition: all .3s; margin: 0 -1rem 0 -1rem; padding: 0 1rem; }
  [data-usptype="toggle-desktop"] .product-conditions.toggle-active { max-height: 2000px; opacity: 1; pointer-events: auto; margin-top: 1rem; }
  [data-usptype="toggle-desktop"] .product-conditions.toggle-active ~ .product-conditions-toggle { display: none; } }
@media screen and (max-width: 599px) { [data-usptype="toggle-mobile"] .product-conditions-toggle { display: block; }
  [data-usptype="toggle-mobile"] .product-conditions { max-height: 0; opacity: 0; pointer-events: none; transition: all .3s; margin: 0 -1rem 0 -1rem; padding: 0 1rem; }
  [data-usptype="toggle-mobile"] .product-conditions.toggle-active { max-height: 2000px; opacity: 1; pointer-events: auto; margin-top: 1rem; }
  [data-usptype="toggle-mobile"] .product-conditions.toggle-active ~ .product-conditions-toggle { display: none; } }
@media screen and (min-width: 600px) { .layout-bg .block-products, .layout-bgcolor .block-products { padding-top: 1rem; padding-bottom: 1rem; } }

.product-form form { margin: 0; }
.product-form .buttons { margin-bottom: 0; border-top: 1px solid var(--dividers); padding-top: 1rem; flex-flow: row-reverse; justify-content: space-between; }
.product-form .buttons .button, .product-form .buttons .block-inlineform [type="submit"], .block-inlineform .product-form .buttons [type="submit"] { margin: 0; }
.product-form fieldset + .buttons { margin-top: -1rem; }
.product-form form > fieldset > legend { margin-top: 1lh; }
.product-form form > fieldset:first-of-type > legend { margin-top: 0; }
.product-form form > fieldset > .buttons .button:after, .product-form form > fieldset > .buttons .block-inlineform [type="submit"]:after, .block-inlineform .product-form form > fieldset > .buttons [type="submit"]:after { content: ''; width: .45rem; height: .45rem; border-left: 2px solid; border-top: 2px solid; transform: rotate(135deg); margin: 1px 0 0 .5rem; }
.product-form form > fieldset > .buttons .lined { flex-flow: row-reverse; }
.product-form form > fieldset > .buttons .lined:after { margin: 0 .5rem 1px 0; transform: rotate(-45deg); }
.product-form h1, .product-form h2, .product-form h3 { margin: 0 0 .5em 0; font-size: 1rem; line-height: 1.5; }
@media (min-width: 60rem) { .product-form fieldset fieldset { position: relative; padding-left: 30%; }
  .product-form fieldset fieldset legend { position: absolute; max-width: calc(30% - 1rem); top: 0; left: 0; font-size: 1rem; }
  .product-form .message-errors { margin-left: 30%; } }
.product-form .disclaimer { margin: 1rem 0 0 0; }

.block-product-form form, .block-product-form .product-summary { opacity: 0; }
.block-product-form .account-details { pointer-events: none; opacity: 0; position: absolute; }
.block-product-form:has(.account-ready):has(.product-ready) form, .block-product-form:has(.account-ready):has(.product-ready) .product-summary { opacity: 1; }
.block-product-form .inner { background-color: var(--card); padding: 1rem; }
@media screen and (min-width: 600px) { .block-product-form { display: flex; flex-flow: row; flex-wrap: wrap; } }
.block-product-form .product-summary { display: none; white-space: normal; overflow-wrap: anywhere; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; }
.block-product-form[data-summary-type="aside"] .product-form { flex-basis: 70%; }
.block-product-form[data-summary-type="aside"] .product-summary { flex-basis: 30%; }
@media screen and (min-width: 600px) { .block-product-form[data-summary-type="aside"] .product-summary { display: block; } }

.product-summary { line-height: 1.5; --size: 45%; }
.product-summary h4 { margin: 0; }
.product-summary p { margin: 0; }
.product-summary p em { display: block; font-style: normal; }
@media screen and (min-width: 600px) { .product-summary .inner { position: sticky; top: calc(5rem - 2px); margin-left: 1rem; } }
.product-summary dl[data-title] { margin: 0; }
.product-summary dl[data-title]:has(dd:not(:empty)) { border-top: 1px solid rgba(0, 0, 0, 0.08); margin: .5rem -1rem 0 -1rem; padding: .5rem 1rem 0 1rem; }
.product-summary dl[data-title]:has(dd:not(:empty)):before { display: block; content: attr(data-title); opacity: .75; }
@media (min-width: 1050px) { .product-summary dl[data-title]:has(dd:not(:empty)) { position: relative; padding-left: var(--size); }
  .product-summary dl[data-title]:has(dd:not(:empty)):before { width: calc(var(--size) - 3rem); position: absolute; left: 1rem; top: .5rem; } }
.product-summary dt { display: none; }
.product-summary dd { display: block; margin: 0; padding: 0; }
.product-summary dd:empty { display: none; }

[data-price] { text-transform: lowercase; }
[data-price]:before { content: attr(data-price); margin-right: .25em; }

[data-week] { display: flex !important; max-width: 15rem; justify-content: space-between; }
[data-week]:after { opacity: .5; margin-left: auto; content: " " attr(data-week) " / week"; }

[data-price="Gratis"] { font-size: 0; text-transform: none; }
[data-price="Gratis"]:before { font-size: 1rem; }

.product-tabs { flex-basis: calc(70% - .5rem); border-right: 0.5rem solid var(--card); background-color: var(--card); list-style: none; counter-reset: item; padding: 0; margin: 0; display: flex; justify-content: space-between; overflow: hidden; white-space: nowrap; }
.product-tabs li { position: relative; z-index: 1; display: inline-block; counter-increment: item; padding: .5rem 0 .5rem .5rem; margin: 0; background-color: var(--card); }
.product-tabs li a { position: relative; display: inline-block; padding: .5rem; background-color: var(--card); font-size: 0; }
@media (min-width: 60rem) { .product-tabs li a { font-size: 1rem; } }
.product-tabs li a:after { content: ''; position: absolute; top: 50%; margin-left: .5rem; border-top: 2px solid; width: 50rem; }
.product-tabs li a:before { font-size: 1rem; display: inline-block; width: 1lh; height: 1lh; text-align: center; content: counter(item); background-color: var(--primary); color: var(--card); }
@media (min-width: 60rem) { .product-tabs li a:before { margin-right: .5rem; } }
.product-tabs li:has(.step-active) ~ li { z-index: 2; }
.product-tabs li:has(.step-active) ~ li a { color: color-mix(in srgb, var(--primary) 50%, var(--card) 50%); }
.product-tabs li:has(.step-active) ~ li a:before { background-color: color-mix(in srgb, var(--primary) 50%, var(--card) 50%); }
.product-tabs li:has(.step-active) ~ li a:hover { color: var(--primary); }
.product-tabs li:has(.step-active) ~ li a:hover:before { background-color: var(--primary); }

.product-tabs ~ .product-form { border-top: 1px solid var(--dividers); }

[data-form-type="steps"] { position: relative; }
@media screen and (min-width: 600px) { [data-form-type="steps"] .product-summary { margin-top: -3.5rem; } }
[data-form-type="steps"] form > fieldset { display: none; }
[data-form-type="steps"] form > fieldset.step-active { display: block; }
[data-form-type="steps"] form > .buttons { display: none; }
[data-form-type="steps"] form > .buttons + .disclaimer { display: none; }
[data-form-type="steps"] form > .step-active + .buttons + .disclaimer { display: block; }
[data-form-type="steps"] form > fieldset > legend { margin: 0 0 1rem 0; }

.product-tabs a.step-active { color: var(--content-copy); }
.product-tabs a.step-active:before { background-color: var(--content-copy); }

.product-form .form-row:has(option:only-child) select { -webkit-appearance: none; appearance: none; background-color: transparent; background: none; pointer-events: none; padding: 0; min-height: auto; border: none; }
.product-form .form-row:has(option:only-child) strong { opacity: 0; margin: 0; font-weight: 700; line-height: 1.5; color: inherit; font-size: 1rem; }
.product-form .form-row:has(option[value="H"]:only-child), .product-form .form-row:has(option[value="F"]:only-child) { display: none; }
.product-form .form-row:has(option[value="H"]:only-child) + .form-row:has([name="Order.iban"]), .product-form .form-row:has(option[value="F"]:only-child) + .form-row:has([name="Order.iban"]) { margin-top: 0; }
.product-form .address .form-row:first-child:has([name$="postalCode"]) { --span: 7 !important; }
.product-form .address .form-row:first-child:has([name$="postalCode"]) ~ .form-row:has([name$="houseNumber"]) { --span: 5 !important; }
.product-form .address .form-row:first-child:has([name$="postalCode"]) ~ .form-row:has([name$="city"]), .product-form .address .form-row:first-child:has([name$="postalCode"]) ~ .form-row:has([name$="street"]), .product-form .address .form-row:first-child:has([name$="postalCode"]) ~ .form-row:has([name$="houseNumberAddition"]) { display: none; }
.product-form figure:empty { display: none; }
.product-form figure { display: none; }
.product-form .sf-product-item ul, .product-form .sf-product-item p { margin-bottom: 1rem; }
.product-form .sf-product-item ul:last-child, .product-form .sf-product-item p:last-child { margin-bottom: 0; }
.product-form .input:has([name*="country"]) .message-error { display: none; }
.product-form .message-paper-fd { display: none; }
.product-form legend .address-standard-type { display: none; }
.product-form .form-row:has([name*="country"]) [type="text"] { position: absolute; left: 5rem; right: 3rem; top: 1.25rem; padding: .125rem .25rem .125rem .25rem; border-bottom: 1px dashed; height: auto; min-height: auto; background-color: #ff3300; width: auto; background-color: transparent; display: none; }
.product-form .form-row:has([name*="country"]):after { display: none; }
.product-form .form-row:has([name*="country"]):has(option[value="OTHER"]:checked) [type="text"] { display: block; }
.product-form .form-row:has([name*="country"]):has(option[value="OTHER"]:checked):after { display: block; }
.product-form .input[style*="--start-date"] .message-paper-fd-paper { font-size: 0; }
.product-form .input[style*="--start-date"] .message-paper-fd-paper:before { content: var(--start-date); font-size: 1rem; }
.product-form .input[style*="--start-date"] .message-paper-fd-digital { font-size: 0; }
.product-form .input[style*="--start-date"] .message-paper-fd-digital:before { content: "vanaf " var(--start-date); font-size: 1rem; }
.product-form .input[style*="--start-date"][style*="today"] .message-paper-fd-paper:before { content: 'vandaag'; }
.product-form .input[style*="--start-date"][style*="today"] .message-paper-fd-digital:before { content: 'direct'; }
.product-form .input[style*="--start-date"][style*="uw gekozen startdatum"] .message-paper-fd { display: none; }
.product-form .input[style*="--start-date"] .message-paper-fd-weekend .message-paper-fd-paper:before { content: var(--next-weekend); }
.product-form [data-product-paper="true"] .input:has([name*="country"]) .message-error { display: block; }
.product-form [data-product-paper="true"] .input:has([name*="country"]):has(option[value="NL"]:checked) .message-error { display: none; }
.product-form [data-product-paper="true"][data-product-code^="FDT"] .message-paper-fd, .product-form [data-product-paper="true"][data-product-code^="FDK"] .message-paper-fd { display: block; }
.product-form [data-product-paper="true"][data-product-code^="FDT"] .message-paper-fd-weekend, .product-form [data-product-paper="true"][data-product-code^="FDK"] .message-paper-fd-weekend { display: none; }
.product-form [data-product-paper="true"][data-product-code^="FDW"] .input:has([name="Order.startdate"]) .message-paper-fd-weekend, .product-form [data-product-paper="true"][data-product-code^="FDP"] .input:has([name="Order.startdate"]) .message-paper-fd-weekend { display: block; }
.product-form [data-product-paper="true"][data-account-type="business"][data-invoice-type="1"] .input:has([name*="addressStandard.country"]) .message-error { display: none; }
.product-form .offer-usps ul, .product-form .offer-usps p { margin-bottom: 1rem; }
.product-form .offer-usps ul:last-child, .product-form .offer-usps p:last-child { margin-bottom: 0; }
.product-form fieldset .form-row:has([name="Order.paymentOption"]) { margin-bottom: 0; }
.product-form fieldset .form-row:has([name="Order.iban"]) { display: none; }
.product-form fieldset:has(option[value="F"]:checked) .form-row:has([name="Order.iban"]), .product-form fieldset:has(option[value="H"]:checked) .form-row:has([name="Order.iban"]) { display: block; margin-top: 1rem; }
.product-form fieldset[id] { scroll-margin-top: 20rem; }
.product-form .account-selector { height: 0; opacity: 0; pointer-events: none; }
.product-form .account-selector .input-selector { padding: 1rem; background-color: var(--product-background); border: 2px solid var(--dividers); }
.product-form .account-selector .input-selector strong { position: static; display: block; line-height: 1.5; padding: 0 0 0rem 2rem; margin: 0; font-size: 1rem; color: var(--content-copy); }
.product-form .account-selector .input-selector strong:after { display: none; }
.product-form .account-selector .input-selector span { display: block; padding: 0 0 0 2rem; }
.product-form .account-selector .input-selector:has(:checked) { border-color: var(--primary); }
.product-form .account-selector .input:has([type="radio"]):last-child:first-child::before, .product-form .account-selector .input:has([type="radio"]):last-child:first-child::after { display: block; }
.product-form .account-loggedin { display: none; }
.product-form [data-account-status="loggedin"] .account-loggedin { display: block; }
.product-form [data-account-status="loggedin"] .account-selector { display: none; }
.product-form label:has([name="Order.iban"]):before { content: '0'; position: absolute; color: #007a00; background-color: #007a00; width: 1.25ch; height: .75rem; text-align: center; bottom: .125rem; left: 1rem; border-radius: 3px; line-height: 0; }
.product-form label:has([name="Order.iban"]):after { font-size: .875rem; content: 'Beveiligde bestelling'; color: #007a00; display: block; padding: .5rem 0 0 2.25rem; }

.layout:has([data-product-type="free"]) fieldset[id] > fieldset:has([name="Order.startdate"]), .layout:has([data-product-type="free"]) fieldset[id] > fieldset:has([name="Order.paymentOption"]), .layout:has([data-product-type="free"]) .address-invoice { display: none; }
.layout:has([data-product-type="free"]) .product-summary dl:has([data-summary="invoice_address"]), .layout:has([data-product-type="free"]) .product-summary dl:has([data-summary="startdate"]), .layout:has([data-product-type="free"]) .product-summary dl:has([data-summary="payment"]) { display: none; }

.block-product-form:has([data-product-type="trial"]) fieldset[id] > fieldset:has([name="Order.startdate"]) { display: none; }
.block-product-form:has([data-product-type="trial"]) .product-summary dl:has([data-summary="startdate"]) { display: none; }

.product-error, .account-error { position: relative; }

.product-error:after, .account-error:after { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); padding: .5em 1em .5em 1em; background-color: var(--product-background); }

.product-error:after { content: 'Product niet gevonden.'; }

.account-error:after { content: 'Account niet gevonden.'; }

.product-error.account-error:after { content: 'Product en account niet gevonden.'; }

.product-feedback { display: none; z-index: 101; left: 0; right: 0; align-items: center; margin: 0 auto; flex-flow: column; justify-content: center; backdrop-filter: blur(5px); padding: 1rem; overflow: auto; }
.product-feedback:before { content: 'Een ogenblik, we verwerken uw aanvraag.'; font-weight: 700; position: fixed; opacity: .95; left: 0; top: 0; right: 0; bottom: 0; background-color: var(--product-background); outline: 100vh solid var(--product-background); display: flex; align-items: center; justify-content: center; padding: 1rem; transition: all .3s; backdrop-filter: blur(5px); }
.product-feedback.loading { position: fixed; left: 0; top: 0; right: 0; bottom: 0; }
.product-feedback figure:has([align="left"]) { float: left; margin-right: 1rem; }
.product-feedback figure:has([align="left"]) img { margin: 0; }
.product-feedback p:empty { display: none; }
.product-feedback.success, .product-feedback.error, .product-feedback.loading { display: block; }
.product-feedback.success:before, .product-feedback.error:before { content: ''; opacity: .75; }
.product-feedback.success:after, .product-feedback.error:after { opacity: 0; }
.product-feedback .buttons { border-top: 1px solid var(--dividers); padding-top: 1rem; flex-flow: row-reverse; justify-content: space-between; margin-bottom: 0; }
.product-feedback .buttons .button, .product-feedback .buttons .block-inlineform [type="submit"], .block-inlineform .product-feedback .buttons [type="submit"] { margin: 0; }
.product-feedback:after { content: ''; position: absolute; z-index: 1; left: 0; right: 95%; top: 3.75rem; height: .25rem; text-align: center; background-color: var(--primary); transition: opacity .3s; pointer-events: none; animation-name: processing; animation-duration: 4s; animation-iteration-count: infinite; opacity: 1; transition: opacity .5s; }

@keyframes processing { 0% { left: 0; right: 95%; }
  25% { left: 0; right: 0; }
  50% { left: 90%; right: 0; }
  75% { left: 0; right: 0; }
  100% { left: 0; right: 95%; } }
.layout:has(.product-feedback.success) .block:has(.sf-product-form-back), .layout:has(.product-feedback.success) .product-tabs, .layout:has(.product-feedback.success) .product-summary, .layout:has(.product-feedback.success) .product-form { display: none; }

.layout:has(.product-feedback.error) .product-tabs, .layout:has(.product-feedback.error) .product-summary, .layout:has(.product-feedback.error) .product-form { display: none; }

.product-feedback > div { position: relative; z-index: 2; max-width: 30rem; margin: auto; background-color: var(--card); padding: 1rem; display: none; }

.product-feedback.success .product-feedback-success, .product-feedback.error .product-feedback-error { display: block; }

.account-optins { transition: opacity .3s; position: relative; padding-bottom: 1rem; }
.account-optins:after { position: absolute; z-index: 1; left: 0; right: 95%; bottom: .5rem; height: .25rem; text-align: center; background-color: var(--primary); transition: opacity .3s; pointer-events: none; animation-name: processing; animation-duration: 4s; animation-iteration-count: infinite; opacity: 0; transition: opacity .5s; }
.account-optins.processing:after { content: ''; opacity: 1; }

legend .address-standard-type { display: none; }

.alternative-person-data { display: none; }

[data-product-paper="false"] .address-alternative-toggle, [data-product-paper="false"] .address-alternative { display: none; }

[data-product-paper="true"] .address-alternative { display: none; }

[data-account-type="person"] .address-alternative-toggle, [data-account-type="person"] .address-alternative { display: none; }
[data-account-type="person"] .form-rows:has(+ .address-alternative-toggle) { margin-bottom: -1rem; }
[data-account-type="person"] .form-row:has(+ .form-row [name*="invoiceEmail"]) { margin-bottom: 0; }

[data-product-paper="true"][data-account-type="business"]:has([name="addressAlternative"]:checked) .address-alternative { display: block; }

.block-product-form:has([name*="formType"]) [data-account-type="person"] .form-row:has([name*="invoiceEmail"]), .block-product-form:has([name*="formType"]) [data-account-type="person"] .form-rows:has([name*="businessName"]), .block-product-form:has([name*="formType"]) [data-account-type="person"] .form-rows:has([for*="businessName"]) { display: none; }

.block-product-form:has([data-account-type="person"]) .product-summary dl.alternative-address { display: none !important; }

.block-product-form:has([data-account-type="business"][data-product-paper="true"]):has([name="addressAlternative"]:checked) legend:has(.address-standard-type) { text-transform: lowercase; }
.block-product-form:has([data-account-type="business"][data-product-paper="true"]):has([name="addressAlternative"]:checked) legend:has(.address-standard-type) .address-standard-type { display: inline; text-transform: capitalize; }
.block-product-form:has([data-account-type="business"][data-product-paper="true"]):has([name="addressAlternative"]:checked) .product-summary .standard-address[data-title]:has(dd:not(:empty)):before { content: 'Factuuradres'; }

.sf-product-form-back:before { content: ''; position: relative; display: inline-block; vertical-align: middle; width: .4rem; height: .4rem; border-top: .125rem solid currentcolor; border-top-color: currentcolor; border-right: .125rem solid currentcolor; border-right-color: currentcolor; margin: 0 0 0 .3rem; transform: rotate(-135deg); border-color: #379596; margin: -.1rem .3rem 0 .2rem; }

p:has(.sf-product-form-back) { margin-bottom: 1rem; }

.block-quote blockquote { margin: 0; font-size: 7vw; line-height: 1.2; quotes: "“" "”" "‘" "’"; }
.block-quote blockquote:before { content: open-quote; }
.block-quote blockquote:after { content: close-quote; }
.block-quote blockquote p { display: inline; margin: 0; }
.block-quote figure { margin: 0; }
.block-quote figcaption { opacity: 1; font-size: 1rem; padding-top: 1rem; }
.block-quote[style*="background-image"] { padding: 1rem; color: var(--product-background); }
@media screen and (min-width: 600px) { .block-quote blockquote { font-size: 3rem; }
  .block-quote blockquote[style*="background-image"] { padding: 1.5rem 2rem; } }

.block-usp ul { font-size: 1rem; list-style: none; padding: 0; }
@media screen and (min-width: 600px) { .block-usp ul { font-size: 1.25rem; } }
.block-usp ul li { position: relative; z-index: 1; padding-left: 1.75em; }
.block-usp ul li:before { content: ''; position: absolute; left: 0; top: .25em; transform: rotate(135deg); width: 1em; height: .4em; border-right: 4px solid; border-top: 4px solid; color: var(--primary); }
.block-usp ul li + li { margin-top: .5rem; }

.video-inner { position: relative; z-index: 1; overflow: hidden; padding-top: 56.25%; font-size: 0; }
.video-inner > iframe, .video-inner > video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; }

.video-button { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; margin: 0; padding: 0; background: none; font-size: 0; opacity: 0; transition: all .3s; cursor: pointer; position: absolute; z-index: 5; bottom: 1rem; right: 1rem; background-color: var(--content-copy); width: 3.5rem; height: 3.5rem; border-radius: 50%; border: .25rem solid; color: var(--product-background); }
.video-button:hover { border-color: var(--content-copy); }

.video-inner:hover .video-button { opacity: .9; }

.video-inner:hover .video-button:hover { opacity: 1; }

.video figcaption.container { padding: .5rem 0 0 0; }

.video-button-play:before, .video-button-play:after { content: ''; position: absolute; left: 1.125rem; top: 1rem; width: 0; border-left: .3rem solid; height: 1rem; transition: all .3s; }
.video-button-play:after { left: 1.625rem; }
[data-state="pause"] .video-button-play { opacity: .9; }
[data-state="pause"] .video-button-play:before { border-left: 0 solid; opacity: 0; }
[data-state="pause"] .video-button-play:after { border-top: 0.5rem solid transparent; border-bottom: 0.5rem solid transparent; border-left: 0.6rem solid; height: 0; left: 1.375rem; }
[data-playcontrol="False"] .video-button-play, [data-controls="true"] .video-button-play { display: none; }

.video-button-sound:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); background-color: var(--product-background); transition: all .3s; }
[data-audio="unmuted"] .video-button-sound:before { width: .8rem; }
[data-controls="true"] .video-button-sound, [data-soundcontrol="False"] .video-button-sound { display: none; }

[data-playcontrol="true"] .video-button-play ~ .video-button-sound { right: 5rem; }

.layout-full .column[style*="--span:12"] .block-video { margin-left: -1rem; margin-right: -1rem; }
.layout-full .column[style*="--span:12"] .block-video figcaption.container { padding: .5rem 1rem 0 1rem; }

.layout-full .column[style*="--span:12"] [style*="--maxheight:"] .video-inner { padding-top: calc(var(--maxheight) * 1vh); }
.layout-full .column[style*="--span:12"] [style*="--maxheight:"] video { width: 100%; top: 50%; height: 56.25vw; transform: translate3d(0, -50%, 0); }

.layout-full:first-child .column[style*="--span:12"] .block-video { margin-top: -1rem; }

.layout-bg .layout-full:first-child .column[style*="--span:12"] .block-video, .layout-bgcolor .layout-full:first-child .column[style*="--span:12"] .block-video { margin-top: 0; }

.block-paper { text-align: center; }
.block-paper h2 { line-height: 1.2; margin: 0 0 .25em 0; }
.block-paper .buttons { margin: 2rem 0 1.5rem 0; }
.block-paper .fd-newspaper { margin: 1.5rem 0; }

.fd-newspaper { display: block; height: 0; padding-top: 71.5%; vertical-align: top; font-size: 0; transition: all .2s; perspective: 1200px; transform: rotate(0deg); user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }
@media screen and (min-width: 600px) { .fd-newspaper { perspective: 100vw; } }

.fd-newspaper[data-page="0"] { transform: translate3d(-20%, -0.5rem, 0) rotate(4deg); }

.fd-newspaper-page { width: 50%; display: inline-block; vertical-align: top; position: relative; position: absolute; left: 0; top: 0; bottom: 0; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transform-origin: 0% 0%; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotateY(0deg); box-shadow: 0 0 10px 0 transparent; background-color: #f8e5d7; cursor: pointer; }

.fd-newspaper-page:nth-child(2) { z-index: 99; }

.fd-newspaper-page:nth-child(4) { z-index: 97; }

.fd-newspaper-page:nth-child(6) { z-index: 95; }

.fd-newspaper-page:nth-child(8) { z-index: 93; }

.fd-newspaper-page:nth-child(10) { z-index: 91; }

.fd-newspaper-page:nth-child(12) { z-index: 89; }

.fd-newspaper-page:nth-child(14) { z-index: 87; }

.fd-newspaper-page:nth-child(16) { z-index: 85; }

.fd-newspaper-page:nth-child(18) { z-index: 83; }

.fd-newspaper-page:nth-child(20) { z-index: 81; }

.fd-newspaper-page:nth-child(22) { z-index: 79; }

.fd-newspaper-page:nth-child(24) { z-index: 77; }

.fd-newspaper-page:nth-child(26) { z-index: 75; }

.fd-newspaper-page:nth-child(28) { z-index: 73; }

.fd-newspaper-page:nth-child(30) { z-index: 71; }

.fd-newspaper-page:nth-child(32) { z-index: 69; }

.fd-newspaper-page:nth-child(34) { z-index: 67; }

.fd-newspaper-page:nth-child(36) { z-index: 65; }

.fd-newspaper-page:nth-child(38) { z-index: 63; }

.fd-newspaper-page:nth-child(40) { z-index: 61; }

.fd-newspaper-page:nth-child(42) { z-index: 59; }

.fd-newspaper-page:nth-child(44) { z-index: 57; }

.fd-newspaper-page:nth-child(46) { z-index: 55; }

.fd-newspaper-page:nth-child(48) { z-index: 53; }

.fd-newspaper-page:nth-child(50) { z-index: 51; }

.fd-newspaper-page:nth-child(2n+1) { transform: rotateY(0) translateZ(1px); transform-origin: 100% 0%; }

.fd-newspaper-page:nth-child(2n) { transform: rotateY(-150deg) translateZ(1px); left: 50%; }

.fd-newspaper-page-active { transform: rotateY(20deg) translateZ(1px) !important; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); z-index: 5; }

.fd-newspaper-page:first-child { opacity: 0; }

.fd-newspaper-page-active + .fd-newspaper-page { transform: rotateY(-20deg) translateZ(1px) !important; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); z-index: 5; }

.fd-newspaper-page-active + .fd-newspaper-page + .fd-newspaper-page { transform: rotateY(150deg) translateZ(1px) !important; z-index: 2; }

.fd-newspaper-page-active + .fd-newspaper-page + .fd-newspaper-page + .fd-newspaper-page { transform: rotateY(0) translateZ(1px) !important; z-index: 3; }

.fd-newspaper-page-active + .fd-newspaper-page + .fd-newspaper-page + .fd-newspaper-page ~ .fd-newspaper-page { transform: rotateY(180deg) translateZ(1px) !important; z-index: 1; }

.fd-newspaper-page img { width: 100%; height: 100%; display: block; background-color: #f8e5d7; }

.fd-newspaper[data-direction="previous"] .fd-newspaper-page-active { z-index: 4; }

.fd-newspaper[data-direction="previous"] .fd-newspaper-page-active + .fd-newspaper-page { z-index: 5; }

.block-counter { text-align: center; align-items: center; }
.block-counter h2 { margin-bottom: .25em; }
@media screen and (min-width: 600px) { .block-counter { text-align: left; display: flex; } }

.counter-deadline { padding: .5rem 0rem 1.5rem 0; }
@media screen and (min-width: 600px) { .counter-deadline { padding: .5rem 2rem .5rem 0; } }
.counter-deadline dl, .counter-deadline dt, .counter-deadline dd { display: inline; }
.counter-deadline dl { font-size: 1.25rem; position: relative; padding: 0 0 1.75em 0; margin: 0; white-space: nowrap; }
.counter-deadline dd, .counter-deadline dt { padding: 0; margin: 0; display: inline-block; }
.counter-deadline dt { position: absolute; bottom: .75em; font-size: .5em; text-transform: uppercase; width: 7em; text-align: center; opacity: .5; margin-left: 0.5em; }
.counter-deadline dd { margin-left: .25em; }
.counter-deadline dt:first-child { margin-left: 0; }
.counter-deadline dt:first-child + dd { margin-right: .75em; margin-left: 0; }
.counter-deadline dd span { background-color: rgba(0, 0, 0, 0.1); display: inline-block; padding: .5em 0; margin: 0 .125em; min-width: 1.5em; text-align: center; }

.counter-copy p:last-child { margin: 0; }

.block-links { background-color: var(--product-background-2); padding: 1rem; }
.block-links h2 { font-size: 1rem; line-height: 1.5; margin-top: 0; }
.block-links .links ul { list-style: none; padding: 0; columns: var(--columns); margin: 0; }
.block-links .links li + li { margin-top: .5rem; }
.block-links .links a { position: relative; z-index: 1; display: block; padding-right: 2rem; text-decoration: none; color: var(--content-copy); }
.block-links .links a p { margin: 0; }
.block-links .links a em { opacity: .5; font-style: normal; display: inline-block; }
.block-links .links a:hover { text-decoration: underline; }
.block-links .links a:before { content: ''; position: absolute; right: 0; top: .6em; width: .4em; height: .4em; border-top: .125em solid; border-right: .125em solid; margin: 0 0 0 .3em; transform: rotate(45deg); }

.layout-bgcolor-black .block:not(.block-products), .layout-bgcolor-black .block:not(.block-products) h1, .layout-bgcolor-black .block:not(.block-products) h2, .layout-bgcolor-black .block:not(.block-products) p, .layout-bgcolor-black .block:not(.block-products) a, .layout-bgcolor-black .block:not(.block-products) li, .layout-bgcolor-black .block:not(.block-products) li:before, .layout-bgcolor-black .block:not(.block-products) dt, .layout-bgcolor-black .block:not(.block-products) dl span, .layout-bgcolor-brand .block:not(.block-products), .layout-bgcolor-brand .block:not(.block-products) h1, .layout-bgcolor-brand .block:not(.block-products) h2, .layout-bgcolor-brand .block:not(.block-products) p, .layout-bgcolor-brand .block:not(.block-products) a, .layout-bgcolor-brand .block:not(.block-products) li, .layout-bgcolor-brand .block:not(.block-products) li:before, .layout-bgcolor-brand .block:not(.block-products) dt, .layout-bgcolor-brand .block:not(.block-products) dl span, .layout-bgcolor-primary .block:not(.block-products), .layout-bgcolor-primary .block:not(.block-products) h1, .layout-bgcolor-primary .block:not(.block-products) h2, .layout-bgcolor-primary .block:not(.block-products) p, .layout-bgcolor-primary .block:not(.block-products) a, .layout-bgcolor-primary .block:not(.block-products) li, .layout-bgcolor-primary .block:not(.block-products) li:before, .layout-bgcolor-primary .block:not(.block-products) dt, .layout-bgcolor-primary .block:not(.block-products) dl span, .layout-bgcolor-bg-dark[style] .block:not(.block-products), .layout-bgcolor-bg-dark[style] .block:not(.block-products) h1, .layout-bgcolor-bg-dark[style] .block:not(.block-products) h2, .layout-bgcolor-bg-dark[style] .block:not(.block-products) p, .layout-bgcolor-bg-dark[style] .block:not(.block-products) a, .layout-bgcolor-bg-dark[style] .block:not(.block-products) li, .layout-bgcolor-bg-dark[style] .block:not(.block-products) li:before, .layout-bgcolor-bg-dark[style] .block:not(.block-products) dt, .layout-bgcolor-bg-dark[style] .block:not(.block-products) dl span, .layout-bgcolor-cta .block:not(.block-products), .layout-bgcolor-cta .block:not(.block-products) h1, .layout-bgcolor-cta .block:not(.block-products) h2, .layout-bgcolor-cta .block:not(.block-products) p, .layout-bgcolor-cta .block:not(.block-products) a, .layout-bgcolor-cta .block:not(.block-products) li, .layout-bgcolor-cta .block:not(.block-products) li:before, .layout-bgcolor-cta .block:not(.block-products) dt, .layout-bgcolor-cta .block:not(.block-products) dl span { color: var(--content-background); }
.layout-bgcolor-black .block:not(.block-products) a, .layout-bgcolor-brand .block:not(.block-products) a, .layout-bgcolor-primary .block:not(.block-products) a, .layout-bgcolor-bg-dark[style] .block:not(.block-products) a, .layout-bgcolor-cta .block:not(.block-products) a { text-decoration: underline; }

.block ul:has(li:first-child a):has(li:last-child a) { list-style: none; padding-left: 0; }
.block ul:has(li:first-child a):has(li:last-child a) li a { position: relative; display: inline-block; padding-left: 1rem; color: inherit; text-decoration: none; }
.block ul:has(li:first-child a):has(li:last-child a) li a:before { content: ''; position: absolute; left: -.25em; width: .4em; height: .4em; border-top: 2px solid; border-left: 2px solid; transform: rotate(135deg); margin-top: .5em; text-decoration: none; }
.block ul:has(li:first-child a):has(li:last-child a) li a:hover { text-decoration: underline; }

hr { margin: 0rem 0 2rem 0; border: none; height: 1px; background-color: var(--dividers); }

.block-podcast { padding: 1rem; position: relative; overflow: hidden; background-color: var(--product-background-2); padding: 1rem 1rem 1rem 1rem; min-height: 8rem; align-items: center; }
@media screen and (min-width: 600px) { .block-podcast { padding-left: 10rem; } }
.block-podcast-image { position: relative; box-sizing: border-box; float: left; width: 6rem !important; height: 6rem; bottom: 1rem; overflow: hidden; margin: 0; margin: 1.5rem 1rem 0rem 0; }
@media screen and (min-width: 600px) { .block-podcast-image { position: absolute; left: 1rem; top: 1rem; width: 8rem !important; height: 8rem; margin: 0; } }
.block-podcast img { height: 100%; object-fit: cover; object-position: 50% 50%; }
.block-podcast h1 { font-size: 1.25rem; margin: 0 0 0 3.5rem; line-height: 1.25; }
@media screen and (min-width: 600px) { .block-podcast h1 { font-size: 1.5rem; line-height: 1.125; } }
.block-podcast h2 { font-size: 1.125rem; margin: 0 0 .25rem 4rem; font-weight: 700; font-family: sans-serif !important; }
.block-podcast p { overflow: hidden; margin: 0 0 .5rem 0; }
.block-podcast p:last-child { margin: 0; }
.block-podcast-link { margin: 0; font-size: 0; }
.block-podcast-link a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.block-podcast *, .block-podcast h1, .block-podcast h2 { color: var(--content-copy) !important; }
.block-podcast time { position: absolute; left: 0; bottom: 0; color: var(--product-background-2) !important; font-size: .75rem; padding: .25rem .5rem; background-color: var(--primary); }
.block-podcast .button, .block-podcast .block-inlineform [type="submit"], .block-inlineform .block-podcast [type="submit"] { float: left; font-size: 0; margin: 0 .5rem 0 0; content: ''; width: 3rem; height: 3rem; background-color: var(--primary); }
.block-podcast .button:after, .block-podcast .block-inlineform [type="submit"]:after, .block-inlineform .block-podcast [type="submit"]:after { content: ''; position: absolute; left: 1rem; border: 0; background: transparent; box-sizing: border-box; width: 0; height: 1.5rem; border-color: transparent transparent transparent var(--product-background-2); transition: 100ms all ease; cursor: pointer; border-style: solid; border-width: .75rem 0 .75rem 1.25rem; }
.block-podcast:hover h1, .block-podcast:hover h2 { text-decoration: underline; }
.block-podcast:hover .button, .block-podcast:hover .block-inlineform [type="submit"], .block-inlineform .block-podcast:hover [type="submit"] { background-color: var(--button-hover); }

.block-registration input { box-sizing: border-box; padding: 1.4rem 1rem .6rem 1rem; background-color: var(--input-background); border: none; outline: none; box-shadow: none; border-bottom: 0.125rem solid var(--input-underline); border-radius: 0; color: var(--input-color); transition: all .1s; }
.block-registration input:hover { border-color: var(--input-underline-hover); }
.block-registration input:focus { border-color: var(--input-underline-focus); }
.block-registration fieldset { border: none; padding: 0; background: none; }
.block-registration .input { position: relative; display: block; vertical-align: top; flex-basis: 100%; }
.block-registration .input .label { transition: all .1s; position: absolute; left: 1rem; right: 1rem; padding-right: 1em; font-size: .875rem; top: .5rem; line-height: 1; color: var(--input-label); pointer-events: none; white-space: nowrap; }
.block-registration :focus ~ .label { color: var(--input-label-focus); }
.block-registration .input-message { position: relative; z-index: 2; display: block; font-size: .875rem; line-height: 1; opacity: .75; margin: .5rem 1rem; }
.block-registration .input-message:empty { display: none; }
.block-registration .form-row { position: relative; }
.block-registration .form-row .label { font-weight: 400; }
.block-registration .form-row .input { margin-bottom: 1rem; margin-right: 0; }
.block-registration .form-row input { width: 100%; }
.block-registration .form-row .button, .block-registration .form-row .block-inlineform [type="submit"], .block-inlineform .block-registration .form-row [type="submit"] { width: 100%; }
@media screen and (min-width: 600px) { .block-registration .form-row { display: flex; align-items: flex-start; }
  .block-registration .form-row .button, .block-registration .form-row .block-inlineform [type="submit"], .block-inlineform .block-registration .form-row [type="submit"] { position: absolute; right: 0; min-height: 3.625rem; flex-shrink: 0; width: auto; } }
[style*="span:4;"] .block-registration .form-row, [style*="span:3;"] .block-registration .form-row { display: block; }
[style*="span:4;"] .block-registration .form-row .button, [style*="span:4;"] .block-registration .form-row .block-inlineform [type="submit"], .block-inlineform [style*="span:4;"] .block-registration .form-row [type="submit"], [style*="span:3;"] .block-registration .form-row .button, [style*="span:3;"] .block-registration .form-row .block-inlineform [type="submit"], .block-inlineform [style*="span:3;"] .block-registration .form-row [type="submit"] { position: relative; width: 100%; }

[data-editor] { padding-bottom: 4.5rem; }

[data-editor="blocks"] .footer, [data-editor="blocks"] header { display: none; }
[data-editor="blocks"] .editor-preview { display: none; }
[data-editor="blocks"] .editor-settings { display: none; }
[data-editor="blocks"] .page-action[href="#blocks"] { background-color: black; color: #fff; }

[data-editor="settings"] .footer, [data-editor="settings"] header { display: none; }
[data-editor="settings"] .editor-preview { display: none; }
[data-editor="settings"] .editor-blocks { display: none; }
[data-editor="settings"] .page-action[href="#settings"] { background-color: black; color: #fff; }

[data-editor="preview"] .editor-settings { display: none; }
[data-editor="preview"] .editor-blocks { display: none; }
[data-editor="preview"] .page-action[href="#preview"] { background-color: black; color: #fff; }

.editor-actions { padding: 1rem; }
.editor-actions h1 { margin: 0 0 1rem 0; }

.editor-drag { position: absolute; left: 0; top: 0; bottom: 0; width: 1.5rem; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: all .3s; }
.editor-drag:before { content: '\002630'; font-size: 20px; position: absolute; line-height: 1; left: 4px; top: 2px; color: var(--product-background); }
.editor-drag:hover { opacity: 1 !important; }

.layout > .editor-drag { left: -1.5rem; }

.block:hover > .editor-drag, .layout:hover > .editor-drag { opacity: .2; }

.editor-add, .editor-setting, .modal-field-structure-item-delete { text-align: center; line-height: 1.5rem; color: #fff; width: 1.5rem; height: 1.5rem; position: absolute; left: -1.5rem; bottom: 0; background-color: green; transition: all .3s; opacity: 0; cursor: pointer; }
.editor-add:before, .editor-setting:before, .modal-field-structure-item-delete:before { content: '✖'; display: inline-block; transform: rotate(45deg); }
.editor-add:hover, .editor-setting:hover, .modal-field-structure-item-delete:hover { opacity: 1 !important; }

.editor-setting:before { content: '⚙'; transform: rotate(0deg); font-size: 1.5rem; line-height: 1.25rem; }

.modal-field-structure-item-delete:before { transform: rotate(0deg); }

.editor-setting { bottom: 1.5rem; background-color: black; }

.block > .editor-add, .block > .editor-setting { left: 0; }

.layout:hover > .editor-add, .layout:hover > .editor-setting { opacity: .2; }

.block:hover > .editor-add, .block:hover > .editor-setting { opacity: .2; }

.editor { padding: 0 2rem; }
.editor .layout { position: relative; z-index: 1; align-items: stretch; margin-bottom: 1rem; background-color: rgba(0, 0, 0, 0.1); transition: all .3s; transform: translate3d(0, 0, 0); }
.editor .layout:hover { background-color: rgba(0, 0, 0, 0.2); }
.editor .layout.drag-item-over { z-index: 3; transform: translate3d(0, 10px, 0); box-shadow: 0 -10px 0 0 rgba(0, 0, 0, 0.5), 0 1px 0 0 rgba(0, 0, 0, 0.5); }
.editor .column { position: relative; z-index: 2; }
.editor .block { position: relative; z-index: 2; background-color: var(--card); transition: all .3s; transform: translate3d(0, 0, 0); box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.5); }
.editor .block.drag-item-over { z-index: 3; transform: translate3d(0, 10px, 0); box-shadow: 0 -10px 0 0 rgba(0, 0, 0, 0.5), 0 1px 0 0 rgba(0, 0, 0, 0.5); }
.editor .editor-block { display: block; min-height: 4rem; padding: 1rem; border: none; background-color: transparent; font-weight: 700; line-height: 1; transition: all .3s; width: 100%; box-sizing: border-box; text-transform: uppercase; }
.editor .editor-block small { display: block; font-weight: 400; }
.editor .editor-block-empty { color: var(--product-background); }
.editor .block ~ .block-empty { height: 2rem; margin-bottom: -2rem; padding: 0; font-size: 0; background-color: transparent; color: transparent; }
.editor .block ~ .block-empty * { opacity: 0; pointer-events: none; }
.editor .block ~ .block-empty.drag-item-over { box-shadow: 0 -10px 0 0 rgba(0, 0, 0, 0.5); }

.page-actions { position: fixed; z-index: 4; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); padding: 1rem; margin: 0 0 0 -1rem; }
.page-actions li { display: inline; }
.page-actions a, .page-actions button { display: inline-block; background-color: #fff; padding: .5rem 1rem; margin-left: 1rem; border: none; color: var(--primary); text-decoration: none; box-shadow: 0 0 5px 0 transparent; transition: all .3s; }
.page-actions a:hover, .page-actions button:hover { box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); }
.page-actions .page-save { float: right; }
.page-actions .page-cancel { float: right; }

.page-save { font-size: 0; }
.page-save:after { content: 'Save'; font-size: 1rem; }

.page-cancel { font-size: 0; position: relative; }
.page-cancel:after { content: 'Revert'; font-size: 1rem; }
.page-cancel:before { color: var(--product-background); position: absolute; right: 100%; margin-right: 1rem; white-space: nowrap; content: 'You have unsaved changes'; font-size: 1rem; }

[data-state="saved"] .page-save { display: none; }
[data-state="saved"] .page-cancel { font-size: 0; }
[data-state="saved"] .page-cancel:after { content: 'Back'; font-size: 1rem; }
[data-state="saved"] .page-cancel:before { content: 'Everything up to date'; }

.modal { position: fixed; z-index: 1000; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; padding: 0 1rem; }
.modal fieldset { background-color: var(--card); border: none; }

.modal-inner { position: relative; z-index: 2; max-width: 50rem; margin: 1rem auto 0 auto; }

a.modal-close { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); font-size: 0; }

.modal-buttons { position: sticky; bottom: 0; padding: 1rem; margin-bottom: 0; margin-top: -1.5rem; background-color: var(--navigation-background); box-shadow: 0 -16px 10px 0 rgba(0, 0, 0, 0.02); }

.editor-layout-selectors { margin: calc(-1rem - 2px) calc(-1rem - 2px) -2px -2px; overflow: hidden; }

.form-row .editor-layout-selector { position: relative; z-index: 1; float: left; display: grid; margin: 1rem 1rem 0 0; justify-items: stretch; align-items: start; grid-template-columns: repeat(12, 1fr); width: calc(12.5% - 1rem); }
.form-row .editor-layout-selector input { position: absolute; opacity: 0; }
.form-row .editor-layout-selector input:checked ~ span { opacity: 1 !important; }
.form-row .editor-layout-selector span { opacity: .5; grid-column-end: span var(--span); background-color: var(--content-copy); border: 2px solid var(--product-background); height: 2rem; text-align: center; color: var(--product-background); transition: all .3s; }
.form-row .editor-layout-selector span:before { content: var(--span); }
.form-row .editor-layout-selector:hover span { opacity: .8; }

.modal-field-structure-item { position: relative; padding-right: 2rem; margin-right: 0; margin-bottom: .5rem; padding: .5rem 2rem 0 1rem; }

.modal-field-structure-item:nth-child(2n+1) { background-color: rgba(0, 0, 0, 0.1); }

.modal-field-structure-item:hover > .modal-field-structure-item-delete { opacity: .5; }

.modal-field-structure-item:hover > .modal-field-structure-item-delete:hover { opacity: 1; background-color: red; color: var(--product-background); }

.modal-field-structure-item-delete { left: auto; right: 1rem; top: 2.75rem; border: none; opacity: .5; line-height: 1.25rem; color: var(--content-copy); background-color: transparent; }

.cog-form .cog-helptext em { font-style: normal !important; }
.cog-form .cog-helptext a { color: #379596 !important; }
.cog-form .cog-yesno--checkbox { padding-left: 2rem !important; }
.cog-form .cog-yesno--checkbox .el-checkbox__input { position: absolute; left: 0 !important; top: 0 !important; transform: translate(-0.25rem, 0.125rem) !important; }

.cog-form { --font-family: 'ProximaNovaRegular', sans-serif; --font-size: 1rem; --font-weight: normal; --header__font-family: 'ArnhemProBold', serif; --header__font-weight: normal; --header__font-size: 1.5rem; --small-text: 1rem; --gutter: 1rem; --button-primary__background-color: var(--button-cta); --button-primary__border-width: none; --button-primary__border-radius: 0; --button-primary__color: var(--button-cta-text); --button-primary__font-family: var(--font-family); --button-primary__font-size: 1rem; --button-primary__font-weight: normal; --form__background-color: transparent; --form__margins: 0px; --form__margins--responsive: 0px; --form__opacity: 1; --form__width: auto; --label__font-family: 'ProximaNovaBold', sans-serif; --label__font-size: 1rem; --label__font-weight: normal; --input__padding-h: 1.33rem; --input__padding-v: .825rem; }
@media screen and (min-width: 600px) { .cog-form { --header__font-size: 1.5rem; } }