/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--border-radius-0:0px;--border-radius-5:5px;--border-radius-8:8px;--border-radius-10:10px;--border-radius-12:12px;--border-radius-20:20px;--border-radius-round:1234em;--color-black:hsl(0,0%,0%);--color-blue-10:hsl(208,100%,96%);--color-blue-20:hsl(208,100%,80%);--color-blue-30:hsl(208,100%,70%);--color-blue-40:hsl(208,100%,60%);--color-blue-50:hsl(208,100%,50%);--color-blue-60:hsl(208,100%,40%);--color-blue-70:hsl(208,100%,30%);--color-blue-80:hsl(208,100%,20%);--color-blue-90:hsl(208,100%,10%);--color-charcoal-blue-10:hsl(200,5%,93%);--color-charcoal-blue-20:hsl(206,17%,80%);--color-charcoal-blue-30:hsl(206,17%,70%);--color-charcoal-blue-40:hsl(206,17%,60%);--color-charcoal-blue-50:hsl(206,17%,50%);--color-charcoal-blue-60:hsl(206,17%,40%);--color-charcoal-blue-70:hsl(206,17%,30%);--color-charcoal-blue-80:hsl(206,17%,20%);--color-charcoal-blue-90:hsl(206,17%,10%);--color-gray-10:hsl(0,0%,90%);--color-gray-20:hsl(0,0%,80%);--color-gray-30:hsl(0,0%,70%);--color-gray-40:hsl(0,0%,60%);--color-gray-50:hsl(0,0%,50%);--color-gray-60:hsl(0,0%,40%);--color-gray-70:hsl(0,0%,30%);--color-gray-80:hsl(0,0%,20%);--color-gray-90:hsl(0,0%,10%);--color-green-10:hsl(151,63%,90%);--color-green-20:hsl(151,63%,80%);--color-green-30:hsl(151,63%,70%);--color-green-40:hsl(151,63%,60%);--color-green-50:hsl(151,63%,50%);--color-green-60:hsl(151,63%,40%);--color-green-70:hsl(151,63%,30%);--color-green-80:hsl(151,63%,20%);--color-green-90:hsl(151,63%,10%);--color-red-10:hsl(3,57%,90%);--color-red-20:hsl(3,57%,80%);--color-red-30:hsl(3,57%,70%);--color-red-40:hsl(3,57%,60%);--color-red-50:hsl(3,57%,50%);--color-red-60:hsl(3,57%,40%);--color-red-70:hsl(3,57%,30%);--color-red-80:hsl(3,57%,20%);--color-red-90:hsl(3,57%,10%);--color-sea-green-10:hsl(169,40%,90%);--color-sea-green-20:hsl(169,40%,80%);--color-sea-green-30:hsl(169,40%,70%);--color-sea-green-40:hsl(169,40%,60%);--color-sea-green-50:hsl(169,40%,50%);--color-sea-green-60:hsl(169,40%,40%);--color-sea-green-70:hsl(169,40%,30%);--color-sea-green-80:hsl(169,40%,20%);--color-sea-green-90:hsl(169,40%,10%);--color-teal-10:hsl(192,83%,90%);--color-teal-20:hsl(192,83%,80%);--color-teal-30:hsl(192,83%,70%);--color-teal-40:hsl(192,83%,60%);--color-teal-50:hsl(192,83%,50%);--color-teal-60:hsl(192,83%,40%);--color-teal-70:hsl(192,83%,30%);--color-teal-80:hsl(192,83%,20%);--color-teal-90:hsl(192,83%,10%);--color-white:hsl(0,0%,100%);--color-yellow-10:hsl(41,37%,90%);--color-yellow-20:hsl(41,37%,80%);--color-yellow-30:hsl(41,37%,70%);--color-yellow-40:hsl(41,37%,60%);--color-yellow-50:hsl(41,37%,50%);--color-yellow-60:hsl(41,37%,40%);--color-yellow-70:hsl(41,37%,30%);--color-yellow-80:hsl(41,37%,20%);--color-yellow-90:hsl(41,37%,10%);--ease-in-default:cubic-bezier(0.55,0.055,0.675,0.19);--ease-in-quad:cubic-bezier(0.55,0.085,0.68,0.53);--ease-in-cubic:cubic-bezier(0.55,0.055,0.675,0.19);--ease-in-quart:cubic-bezier(0.895,0.03,0.685,0.22);--ease-in-quint:cubic-bezier(0.755,0.05,0.855,0.06);--ease-in-sine:cubic-bezier(0.47,0,0.745,0.715);--ease-in-expo:cubic-bezier(0.95,0.05,0.795,0.035);--ease-in-circ:cubic-bezier(0.6,0.04,0.98,0.335);--ease-in-back:cubic-bezier(0.6,-0.28,0.735,0.045);--ease-out-default:cubic-bezier(0.215,0.61,0.355,1);--ease-out-quad:cubic-bezier(0.25,0.46,0.45,0.94);--ease-out-cubic:cubic-bezier(0.215,0.61,0.355,1);--ease-out-quart:cubic-bezier(0.165,0.84,0.44,1);--ease-out-quint:cubic-bezier(0.23,1,0.32,1);--ease-out-sine:cubic-bezier(0.39,0.575,0.565,1);--ease-out-expo:cubic-bezier(0.19,1,0.22,1);--ease-out-circ:cubic-bezier(0.075,0.82,0.165,1);--ease-out-back:cubic-bezier(0.175,0.885,0.32,1.275);--ease-in-out-default:cubic-bezier(0.645,0.045,0.355,1);--ease-in-out-quad:cubic-bezier(0.455,0.03,0.515,0.955);--ease-in-out-cubic:cubic-bezier(0.645,0.045,0.355,1);--ease-in-out-quart:cubic-bezier(0.77,0,0.175,1);--ease-in-out-quint:cubic-bezier(0.86,0,0.07,1);--ease-in-out-sine:cubic-bezier(0.445,0.05,0.55,0.95);--ease-in-out-expo:cubic-bezier(1,0,0,1);--ease-in-out-circ:cubic-bezier(0.785,0.135,0.15,0.86);--ease-in-out-back:cubic-bezier(0.68,-0.55,0.265,1.55);--font-family-alexandria:"Alexandria",sans-serif;--font-family-fredoka:"Fredoka",sans-serif;--font-family-roboto:"Roboto",sans-serif;--font-line-height-1:1;--font-line-height-1\.25:1.25;--font-line-height-1\.5:1.5;--font-line-height-1\.625:1.625;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--layer-100:100;--layer-200:200;--layer-300:300;--layer-important:1000;--shadow:0 0.25rem 1rem 0 hsla(0,0%,0%,0.06);--size-1:0.25rem;--size-2:0.5rem;--size-3:0.75rem;--size-4:1rem;--size-5:1.25rem;--size-6:1.5rem;--size-7:1.75rem;--size-8:2rem;--size-9:2.25rem;--size-10:2.5rem;--size-11:2.75rem;--size-12:3rem;--size-13:3.25rem;--size-14:3.5rem;--size-15:3.75rem;--size-16:4rem;--size-20:5rem;--size-24:6rem;--size-28:7rem;--size-32:8rem;--size-36:9rem;--size-40:10rem;--size-44:11rem;--size-48:12rem;--size-52:13rem;--size-56:14rem;--size-60:15rem;--size-64:16rem;--size-72:18rem;--size-80:20rem;--size-96:24rem;--size-0\.5:0.125rem;--size-1\.5:0.375rem;--size-2\.5:0.625rem;--size-3\.5:0.875rem;--size-4\.5:1.125rem;--size-5\.5:1.375rem;--size-6\.5:1.625rem;--size-7\.5:1.875rem;--size-container-small:40rem;--size-container-medium:60rem;--size-container-large:90rem;--size-container-huge:120rem;--size-content-nano:10ch;--size-content-tiny:25ch;--size-content-small:40ch;--size-content-medium:55ch;--size-content-large:70ch;--size-content-huge:85ch;--size-screen-nano:320px;--size-screen-tiny:576px;--size-screen-small:768px;--size-screen-medium:992px;--size-screen-large:1200px;--size-screen-huge:1440px;--size-screen-giant:1600px;}
:root{--border-radius:var(--border-radius-4);--border-radius-large:var(--border-radius-12);--action-background-color-background:var(--color-primary);--action-background-color-background-hover:var(--color-primary-dark);--action-color:var(--color-white);--action-hover-color:var(--color-white);--color-primary:var(--color-red-50);--color-primary-dark:var(--color-red-60);--color-primary-support:var(--color-red-10);--color-primary-support-dark:var(--color-red-20);--color-secondary:var(--color-charcoal-blue-80);--color-secondary-support:var(--color-charcoal-blue-90);--color-tertiary:var(--color-gray-10);--color-background-light:var(--color-charcoal-blue-10);--color-background-dark:var(--color-charcoal-blue-90);--color-background-primary:var(--color-primary);--line-color:var(--color-gray-10);--line-color-dark:var(--color-gray-40);--feedback-error-color:#9d033a;--feedback-error-light-color:#faeae8;--feedback-info-color:#3d42c2;--feedback-info-light-color:#e7f1fa;--feedback-success-color:#2d6003;--feedback-success-light-color:#f3faf2;--feedback-warning-color:#926300;--feedback-warning-light-color:#fdf7e7;--heading-color:var(--text-color);--text-color:var(--color-black);--text-color-light:var(--color-gray-50);--link-color:var(--color-primary);--link-hover-color:var(--color-primary-dark);--font-size-fluid:clamp(var(--size-4),0.65vw + var(--size-3),var(--size-5));--font-size-huge:var(--size-5);--font-size-large:var(--size-4\.5);--font-size-medium:var(--size-4);--font-size-small:var(--size-3\.5);--h1-font-size:clamp(var(--size-9),3.85vw + var(--size-3\.5),var(--size-15));--h2-font-size:clamp(var(--size-6),1.0385rem + 1.2821vw,var(--size-8));--h3-font-size:clamp(var(--size-5),0.65vw + var(--size-4),var(--size-6));--h4-font-size:clamp(var(--size-4\.5),0.3vw + var(--size-4),var(--size-5));--h5-font-size:var(--size-4);--gap-content-small:var(--size-4);--gap-content:clamp(var(--size-5),0.5577rem + 1.9231vw,var(--size-8));--gap-content-large:clamp(var(--size-7),0.5962rem + 3.2051vw,var(--size-12));--gap-content-huge:clamp(var(--size-10),-0.7115rem + 9.6154vw,var(--size-28));--outline-color:currentcolor;--outline-width:2px;--scroll-offset:calc(var(--scroll-start) + var(--gap-content) * 2);--scroll-start:0px;--transition-duration:0.3s;color-scheme:light;}
@font-face{font-family:"FedraSans";font-weight:350;src:url(/themes/custom/betrokken_professionals/assets/fonts/FedraSansGasunie-Book.woff2) format("woff2");}@font-face{font-family:"FedraSans";font-style:italic;font-weight:350;src:url(/themes/custom/betrokken_professionals/assets/fonts/FedraSansGasunie-BookItalic.woff2) format("woff2");}@font-face{font-family:"FedraSans";font-weight:400;src:url(/themes/custom/betrokken_professionals/assets/fonts/FedraSansGasunie-Demi.woff2) format("woff2");}@font-face{font-family:"FedraSans";font-style:italic;font-weight:400;src:url(/themes/custom/betrokken_professionals/assets/fonts/FedraSansGasunie-DemiItalic.woff2) format("woff2");}@font-face{font-family:"FedraSans";font-weight:500;src:url(/themes/custom/betrokken_professionals/assets/fonts/FedraSansGasunie-Medium.woff2) format("woff2");}@font-face{font-family:"FedraSans";font-style:italic;font-weight:500;src:url(/themes/custom/betrokken_professionals/assets/fonts/FedraSansGasunie-MediumItalic.woff2) format("woff2");}
*,*::before,*::after{box-sizing:border-box;}*:focus-visible{outline:var(--outline-width) solid var(--outline-color);outline-offset:var(--outline-width);}:where(html){block-size:100%;margin:0;}@media (prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth;}}:where(body){color:var(--text-color);font-family:var(--text-font-family);font-size:var(--font-size-fluid);font-weight:var(--font-weight-400);block-size:100%;line-height:var(--font-line-height-1\.625);margin:0;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block;}
:where(dialog){background-color:var(--color-white);border:1px solid var(--line-color);border-radius:var(--border-radius-large);box-shadow:var(--shadow);inline-size:calc(100% - var(--size-4) * 2);inset:0;margin:auto;max-block-size:calc(100% - var(--size-4) * 2);max-inline-size:var(--size-content-medium);padding:var(--size-4);position:fixed;}:where(dialog):modal{border:0;}:where(dialog)::backdrop{backdrop-filter:blur(4px);background-color:rgba(0,0,0,0.3);}:where(dialog) > *:first-child{margin-block-start:0;}
:where(form){margin:0;margin-block-start:var(--gap-content);}:where(form) > *:first-child{margin-block-start:0;}:where(fieldset){border:0;border-radius:var(--border-radius);margin:0;margin-block-start:var(--gap-content);padding:0;}:where(details){border:1px solid var(--line-color-dark);border-radius:var(--border-radius);margin:0;margin-block-start:var(--gap-content);padding:var(--size-2\.5) var(--size-4);}:where(label,legend,summary){cursor:pointer;font-style:normal;font-weight:var(--font-weight-400);line-height:var(--font-line-height-1\.25);margin:0;margin-block-start:var(--gap-content);}:where(label,legend){display:block;padding:0;}:where(legend){font-size:var(--h3-font-size);font-weight:var(--font-weight-600);line-height:var(--font-line-height-1\.25);}:where(summary){border:1px solid transparent;border-radius:var(--border-radius);display:flex;gap:var(--size-1);line-height:var(--font-line-height-1\.5);margin-block:calc((var(--size-2\.5) + 1px) * -1);margin-inline:calc((var(--size-4) + 1px) * -1);padding:var(--size-2\.5) var(--size-4);}:where(summary)::-webkit-details-marker{display:none;}:where(summary)::before{background-image:url("data:image/svg+xml;utf-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%2335353b' d='M15.88 9.29L12 13.17 8.12 9.29c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z'/%3e%3c/svg>");background-repeat:no-repeat;background-size:1.5em;content:"";display:block;height:1.5em;transform:rotate(-90deg);width:1.5em;}:where(details[open]) :where(summary){margin-block-end:var(--size-2\.5);}:where(details[open]) :where(summary)::before{transform:rotate(0);}:where(button){border-radius:var(--border-radius);border-width:1px;color:var(--text-color);cursor:pointer;font-family:var(--text-font-family);font-size:var(--font-size-medium);line-height:var(--font-line-height-1\.5);padding:var(--size-2\.5) var(--size-4);}:where(input,textarea,select){color:var(--text-color);font-family:var(--text-font-family);font-size:var(--font-size-medium);line-height:var(--font-line-height-1\.5);margin:0;margin-block-start:var(--size-2\.5);}:where(input,textarea,select):not([type=checkbox],[type=radio]):disabled{cursor:not-allowed;filter:grayscale(100%);opacity:0.6;pointer-events:none;}:where(input:not([type=checkbox],[type=radio],[type=range],[type=button],[type=submit]),textarea,select){border:1px solid var(--line-color);border-radius:var(--border-radius);inline-size:100%;outline:none;padding:var(--size-2\.5) var(--size-4);}:where(input:not([type=checkbox],[type=radio],[type=range],[type=button],[type=submit]),textarea,select)::placeholder{color:var(--text-color-light);}:where(input[type=checkbox],input[type=radio]){margin:0;opacity:0;position:absolute;z-index:-1;}:where(input[type=checkbox],input[type=radio]) + label{--form-check-size:var(--size-5);font-weight:var(--font-weight-400);margin-block-start:0;padding-inline-start:calc(var(--form-check-size) + var(--size-2));position:relative;}:where(input[type=checkbox],input[type=radio]):disabled + label{cursor:not-allowed;filter:grayscale(100%);opacity:0.4;pointer-events:none;}:where(input[type=checkbox],input[type=radio]) + label::before{background-color:white;block-size:var(--form-check-size);border:1px solid var(--line-color-dark);border-radius:var(--border-radius);content:"";display:block;flex:0 0 auto;inline-size:var(--form-check-size);inset-inline-start:0;position:absolute;}:where(input[type=checkbox],input[type=radio])[type=radio] + label::before{border-radius:50%;}:where(input[type=checkbox],input[type=radio]):focus-visible + label::before{outline:var(--outline-width) solid var(--outline-color);outline-offset:var(--outline-width);}:where(input[type=checkbox],input[type=radio]):is(:checked,:indeterminate) + label::before{background:var(--color-gradient-secondary);background-position:center center;background-repeat:no-repeat;border:none;}:where(input[type=checkbox],input[type=radio]):is([type=checkbox]):checked + label::before{background:url("data:image/svg+xml;utf-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='white' d='M9 16.2l-3.5-3.5c-.39-.39-1.01-.39-1.4 0-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4-.39-.39-1.01-.39-1.4 0L9 16.2z'/%3e%3c/svg%3e"),var(--color-gradient-secondary);}:where(input[type=checkbox],input[type=radio]):is([type=checkbox]):indeterminate + label::before{background:url("data:image/svg+xml;utf-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3crect fill='white' x='5' y='10.75' width='14' height='2.5' rx='1'/%3e%3c/svg%3e"),var(--color-gradient-secondary);}:where(input[type=checkbox],input[type=radio]):is([type=radio]):checked + label::before{background:url("data:image/svg+xml;utf-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3ccircle fill='white' cx='12' cy='12' r='4'/%3e%3c/svg%3e"),var(--color-gradient-secondary);}:where(input[type=range]){border-radius:var(--border-radius);inline-size:100%;}:where(select){appearance:none;background-image:url("data:image/svg+xml;utf-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%2335353b' d='M15.88 9.29L12 13.17 8.12 9.29c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z'/%3e%3c/svg>");background-position:right var(--size-4) center;background-repeat:no-repeat;background-size:1.5em;padding-inline-end:calc(1.5em + var(--size-4) * 2);}:where(textarea){display:block;max-width:none;resize:vertical;}
:where(h1,h2,h3,h4,h5,h6){--heading-offset:var(--gap-content);color:var(--heading-color);font-family:var(--heading-font-family);font-size:var(--font-size-huge);font-weight:var(--heading-font-weight);line-height:var(--font-line-height-1\.25);margin:0;margin-block-start:var(--heading-offset);scroll-margin-block-start:var(--scroll-offset);text-wrap:balance;}:where(h1){--heading-offset:var(--gap-content-large);font-size:var(--h1-font-size);}:where(h2){font-size:var(--h2-font-size);}:where(h3){font-family:var(--text-font-family);font-size:var(--h3-font-size);font-weight:var(--font-weight-600);}:where(h4){font-family:var(--text-font-family);font-size:var(--h4-font-size);font-weight:var(--font-weight-600);}:where(h5){font-family:var(--text-font-family);font-size:var(--h5-font-size);font-weight:var(--font-weight-600);}
:where(hr){border:none;border-top:1px solid currentcolor;color:var(--line-color);margin:0;margin-block-start:var(--gap-content);}
:where(a){border-radius:1px;color:var(--link-color);cursor:pointer;text-decoration:underline currentcolor;text-underline-offset:2px;}:where(a):hover{color:var(--link-hover-color);text-decoration:none;}
:where(ul,ol){color:var(--text-color-light);margin:0;margin-block-start:var(--gap-content);padding-inline-start:1.25em;}
:where(figure){margin:0;margin-block-start:var(--gap-content);}:where(figure) > *:first-child{margin-block-start:0;}:where(img){block-size:auto;border-radius:var(--border-radius);margin:0;margin-block-start:var(--gap-content);max-inline-size:100%;}:where(figcaption){font-size:var(--font-size-small);font-style:italic;margin:0;margin-block-start:var(--size-2);}:where(figcaption) > *:first-child{margin-block-start:0;}:where(video){block-size:auto;margin:0;margin-block-start:var(--gap-content);max-inline-size:100%;}
:where(p){color:var(--text-color-light);margin:0;margin-block-start:var(--gap-content-small);}
:where(table){border-collapse:collapse;margin:0;margin-block-start:var(--gap-content);width:100%;}:where(th,td){border-top:1px solid var(--line-color);padding:var(--size-2);text-align:start;}tr:first-child :where(th,td){border-top:none;}:where(th,td) > *:first-child{margin-block-start:0;}
:where(blockquote){font-size:var(--font-size-large);margin:0;margin-block-start:var(--gap-content);padding:var(--gap-content);}:where(cite){display:block;margin-block-start:var(--size-3);}:where(cite)::before{background-color:var(--text-color-light);content:"";display:inline-block;height:1px;margin-inline-end:var(--size-1);vertical-align:middle;width:var(--size-3);}:where(small){font-size:var(--font-size-small);}:where(strong){font-weight:var(--font-weight-600);}:where(em){font-style:italic;}:where(sub,sup){font-size:var(--font-size-small);}
@font-face{font-display:swap;font-family:Roboto;font-weight:400;src:local("Roboto Regular"),url(/themes/custom/dakpanvervanging/assets/fonts/Roboto-Regular.woff2) format("woff2");}@font-face{font-display:swap;font-family:Roboto;font-weight:500;src:local("Roboto Medium"),url(/themes/custom/dakpanvervanging/assets/fonts/Roboto-Medium.woff2) format("woff2");}@font-face{font-display:swap;font-family:Roboto;font-weight:600;src:local("Roboto Semi Bold"),url(/themes/custom/dakpanvervanging/assets/fonts/Roboto-SemiBold.woff2) format("woff2");}@font-face{font-display:swap;font-family:Alexandria;font-weight:700;src:local("Alexandria Bold"),url(/themes/custom/dakpanvervanging/assets/fonts/Alexandria-Bold.woff2) format("woff2");}
:root{--border-radius:var(--border-radius-0);--border-radius-large:var(--border-radius-12);--action-background-color:var(--color-secondary);--action-hover-background-color:var(--color-secondary-dark);--action-color:var(--color-white);--action-hover-color:var(--color-white);--action-border-color:var(--color-secondary);--action-hover-border-color:var(--color-secondary-dark);--color-primary:var(--color-red-50);--color-primary-dark:var(--color-red-60);--color-primary-support:var(--color-red-10);--color-primary-support-dark:var(--color-red-20);--color-secondary:var(--color-teal-70);--color-secondary-dark:var(--color-teal-80);--color-secondary-support:var(--color-teal-10);--color-tertiary:var(--color-gray-10);--accent-color:var(--color-primary);--background-color:var(--color-white);--background-color-support:var(--color-charcoal-blue-10);--line-color:color-mix(in srgb,var(--color-black) 8%,var(--color-black) 0%);--line-dark-color:color-mix(in srgb,var(--color-black) 16%,var(--color-black) 0%);--feedback-error-color:var(--color-red-50);--feedback-error-light-color:var(--color-red-10);--feedback-info-color:var(--color-blue-50);--feedback-info-light-color:var(--color-blue-10);--feedback-success-color:var(--color-green-50);--feedback-success-light-color:var(--color-green-10);--feedback-warning-color:var(--color-yellow-50);--feedback-warning-light-color:var(--color-yellow-10);--heading-color:var(--text-color);--text-color:var(--color-black);--text-color-light:var(--color-gray-50);--link-color:var(--color-teal-70);--link-hover-color:var(--color-teal-80);--heading-font-family:var(--font-family-alexandria);--text-font-family:var(--font-family-roboto);--font-size-fluid:clamp(var(--size-4),0.65vw + var(--size-3),var(--size-4\.5));--font-size-huge:var(--size-5);--font-size-large:var(--size-4\.5);--font-size-medium:var(--size-4);--font-size-small:var(--size-3\.5);--display-font-size:clamp(2.5rem,0.8385rem + 4.6154vw,4.3rem);--h1-font-size:clamp(var(--size-8),1.5385rem + 1.2821vw,var(--size-10));--h2-font-size:clamp(var(--size-6),1.0385rem + 1.2821vw,var(--size-8));--h3-font-size:clamp(var(--size-5),0.65vw + var(--size-4),var(--size-6));--h4-font-size:clamp(var(--size-4\.5),0.3vw + var(--size-4),var(--size-5));--h5-font-size:var(--size-4);--gap-content-small:var(--size-4);--gap-content:clamp(var(--size-5),0.5577rem + 1.9231vw,var(--size-8));--gap-content-large:clamp(var(--size-7),0.5962rem + 3.2051vw,var(--size-12));--gap-content-huge:clamp(var(--size-10),-0.7115rem + 9.6154vw,var(--size-28));--outline-color:currentcolor;--outline-width:2px;--scroll-offset:calc(var(--scroll-start) + var(--gap-content) * 2);--scroll-start:0px;--transition-duration:0.3s;color-scheme:light;}[data-color-scheme=primary]{--action-background-color:var(--color-black);--action-hover-background-color:var(--color-red-80);--action-border-color:var(--color-black);--action-hover-border-color:var(--color-red-80);--action-color:var(--color-white);--action-hover-color:var(--color-white);--accent-color:var(--color-white);--background-color:var(--color-primary);--background-color-support:var(--color-primary-dark);--heading-color:var(--color-white);--link-color:var(--color-red-20);--link-hover-color:var(--color-red-1);--text-color:var(--color-white);--text-color-light:rgba(255,255,255,0.65);}[data-color-scheme=dark]{--action-background-color:var(--color-primary);--action-hover-background-color:var(--color-primary-dark);--action-border-color:var(--color-primary);--action-hover-border-color:var(--color-primary-dark);--action-color:var(--color-white);--action-hover-color:var(--color-white);--accent-color:var(--color-white);--background-color:var(--color-charcoal-blue-90);--background-color-support:var(--color-charcoal-blue-80);--line-color:color-mix(in srgb,var(--color-white) 8%,var(--color-white) 0%);--line-dark-color:color-mix(in srgb,var(--color-white) 16%,var(--color-white) 0%);--heading-color:var(--color-white);--link-color:var(--color-teal-40);--link-hover-color:var(--color-teal-30);--text-color:var(--color-white);--text-color-light:rgba(255,255,255,0.65);}[data-color-scheme=light]{--action-background-color:var(--color-secondary);--action-hover-background-color:var(--color-secondary-dark);--action-border-color:var(--color-secondary);--action-hover-border-color:var(--color-secondary-dark);--action-color:var(--color-white);--action-hover-color:var(--color-white);--accent-color:var(--color-primary);--background-color:var(--color-charcoal-blue-10);--background-color-support:var(--color-white);--heading-color:var(--color-black);--link-color:var(--color-teal-70);--link-hover-color:var(--color-teal-80);--text-color:var(--color-black);--text-color-light:var(--color-gray-50);}[data-color-scheme=default]{--action-background-color:var(--color-secondary);--action-hover-background-color:var(--color-secondary-dark);--action-border-color:var(--color-secondary);--action-hover-border-color:var(--color-secondary-dark);--action-color:var(--color-white);--action-hover-color:var(--color-white);--accent-color:var(--color-primary);--background-color:var(--color-white);--background-color-support:var(--color-charcoal-blue-10);--heading-color:var(--color-black);--link-color:var(--color-teal-70);--link-hover-color:var(--color-teal-80);--text-color:var(--color-black);--text-color-light:var(--color-gray-50);}
.wrapper{display:flex;flex-direction:column;inline-size:100%;min-block-size:100%;}.wrapper__main{flex:1 0 auto;}
.box{background-color:var(--background-color-support);border-radius:var(--border-radius);padding-block:var(--gap-content-large);padding-inline:var(--gap-content);text-align:center;}.box[data-color-scheme]{background-color:var(--background-color);}
.brand{display:flex;}.brand > svg{block-size:100%;inline-size:100%;}
.card{--card-border-radius:var(--border-radius);--card-content-gap:var(--size-3);--card-line-color:var(--line-color);--card-link-color:var(--link-color);--card-link-color-hover:var(--link-hover-color);background:var(--background-color-support);block-size:100%;border-radius:var(--card-border-radius);display:grid;grid-template:"content" 1fr/100%;position:relative;}.card[data-color-scheme]{background:var(--background-color);}.card:has(.card__image){grid-template:"image" max-content "content" 1fr/100%;}.card--variant\:visual{--heading-color:var(--color-white);--text-color:var(--color-white);align-items:end;}.card--is-clickable{cursor:pointer;}.card--is-clickable:hover,.card--is-clickable:focus-within{--card-border-color:var(--card-line-color);}@media (prefers-reduced-motion:no-preference){.card--is-clickable:hover,.card--is-clickable:focus-within{transition:border var(--transition-duration) var(--ease-in-out-default);}}.card__body > *{margin-block-start:var(--card-content-gap);}.card__body > *:first-child{margin-block-start:0;}.card__content{color:var(--text-color-light);display:flex;flex-direction:column;gap:var(--card-content-gap);padding:var(--gap-content);}.card--variant\:visual .card__content{grid-area:content;z-index:1;}.card__content > *:not(.card__link){margin-block-start:0;}.card__icon{color:var(--color-primary);flex-shrink:0;font-size:var(--h2-font-size);order:-2;}.card__image{aspect-ratio:16/10;block-size:100%;border-radius:var(--card-border-radius) var(--card-border-radius) 0 0;grid-area:image;inline-size:100%;margin:0;overflow:clip;}.card--variant\:visual .card__image{aspect-ratio:3/4;border-radius:var(--card-border-radius);grid-area:image/image/content/content;}.card--variant\:visual .card__image::after{background:linear-gradient(180deg,rgba(0,0,0,0) 30%,var(--color-black) 100%);border-radius:var(--card-border-radius);content:"";inset:0;position:absolute;}.card__image img{block-size:100%;border-radius:0;inline-size:100%;object-fit:cover;}@media (prefers-reduced-motion:no-preference){.card__image img{transition:scale var(--transition-duration) var(--ease-in-out-default);}}.card--is-clickable:hover .card__image img,.card--is-clickable:focus-within .card__image img{scale:1.05;}.card__link{border-block-start:1px solid var(--card-line-color);color:var(--card-link-color);display:flex;align-items:center;justify-content:space-between;margin-block-start:auto;padding-block-start:var(--size-3);}.card--is-clickable:hover .card__link,.card--is-clickable:focus-within .card__link{color:var(--card-link-color-hover);}.card__meta{order:-1;}.card__title{font-weight:var(--font-weight-600);line-height:var(--font-line-height-1\.25);margin:0;}.card__title a{color:inherit;text-decoration:none;}
.button{--button-background-color:var(--action-background-color);--button-background-color-hover:var(--action-hover-background-color);--button-border-color:transparent;--button-border-color-hover:transparent;--button-border-radius:var(--border-radius);--button-border-width:1px;--button-font-size:var(--font-size-medium);--button-font-weight:var(--font-weight-400);--button-line-height:var(--font-line-height-1\.5);--button-outline-color:var(--button-background-color);--button-padding-block:var(--size-2\.5);--button-padding-inline:var(--size-5);--button-text:var(--action-color);--button-text-hover:var(--button-text);appearance:none;background-color:var(--button-background-color);background-position:center;border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);color:var(--button-text);cursor:pointer;display:inline-flex;font-family:var(--text-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);gap:var(--size-2);justify-content:center;line-height:var(--button-line-height);padding-block:var(--button-padding-block);padding-inline:var(--button-padding-inline);text-decoration:none;touch-action:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;}.button:hover,.button:active,.button:focus-visible{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover);color:var(--button-text-hover);}.button:focus-visible{outline-color:var(--button-outline-color);}.button:disabled{cursor:not-allowed;filter:grayscale(100%);opacity:0.2;pointer-events:none;}.button:has(.button__icon:only-child){--button-padding-inline:var(--button-padding-block);}.button--full-width{inline-size:100%;justify-content:center;}.button--full-width:has(.button__icon:not(:only-child)){justify-content:space-between;}.button--is-rounded{--button-border-radius:1234rem;}.button--size\:small{--button-font-size:var(--font-size-small);--button-padding-block:var(--size-2);--button-padding-inline:var(--size-4);}.button--size\:large{--button-padding-block:var(--size-4);}.button--style\:outline{--button-background-color:transparent;--button-background-color-hover:transparent;--button-border-color:var(--line-color);--button-border-color-hover:var(--action-background-color);--button-outline-color:var(--action-background-color);--button-text:var(--text-color);--button-text-hover:var(--action-background-color);}.button--style\:dark{--button-background-color:var(--color-black);--button-background-color-hover:var(--color-primary-dark);--button-border-color:transparent;--button-text:var(--color-white);--button-text-hover:var(--color-white);}.button--style\:secondary{--button-background-color:var(--color-gray-10);--button-background-color-hover:var(--color-gray-20);--button-border-color:transparent;--button-text:var(--color-black);--button-text-hover:var(--color-black);}.button--style\:white{--button-background-color:var(--color-white);--button-background-color-hover:var(--color-gray-20);--button-border-color:transparent;--button-text:var(--color-black);--button-text-hover:var(--color-black);}
.dialog{--dialog-border-color:var(--line-color);--dialog-duration:0.25s;--dialog-gap:var(--gap-content-small);--dialog-padding-block:calc(var(--dialog-padding-inline) / 2);--dialog-padding-inline:var(--gap-content);display:flex;flex-direction:column;padding:0;}@media (prefers-reduced-motion:no-preference){.dialog{transition:display var(--dialog-duration) allow-discrete,opacity var(--dialog-duration) var(--ease-in-out-cubic),scale var(--dialog-duration) var(--ease-in-out-cubic);}}@starting-style{.dialog[open]{opacity:0;scale:0.95;}.dialog[open]::backdrop{opacity:0;}}.dialog:not([open]){display:none;}@media (prefers-reduced-motion:no-preference){.dialog::backdrop{transition:opacity 0.25s ease-in-out;}}.dialog{}.dialog--variant\:off-canvas{block-size:100%;border-radius:0;inline-size:100%;margin:0;max-block-size:none;}@media (prefers-reduced-motion:no-preference){.dialog--variant\:off-canvas{transition:display var(--dialog-duration) allow-discrete,translate var(--dialog-duration) var(--ease-in-out-cubic);}}@starting-style{.dialog--variant\:off-canvas[open]{opacity:1;scale:1;translate:-100% 0;}}.dialog--variant\:off-canvas:not([open]){scale:1;translate:-100% 0;}.dialog[modal=true]{border:unset;inset:0;max-inline-size:var(--size-container-medium);}.dialog__body{flex:1;overflow:auto;}.dialog__content{padding:var(--dialog-padding-inline);}.dialog__content + .dialog__content{padding-block-start:0;}.dialog__content > *:first-child{margin-block-start:0;}.dialog__dismiss{margin-inline-start:auto;}.dialog__footer,.dialog__header{align-items:start;display:flex;gap:var(--dialog-gap);padding-block:var(--dialog-padding-block);padding-inline:var(--dialog-padding-inline);}.dialog__footer{border-block-start:1px solid var(--dialog-border-color);justify-content:end;}.dialog__header{border-block-end:1px solid var(--dialog-border-color);}.dialog__title{font-size:var(--heading-font-size-h2);margin-block-start:0.25em;}
.footer__bottom{background-color:var(--background-color);padding-block:var(--gap-content-large);}.footer__bottom-container{display:flex;flex-direction:column;gap:var(--gap-content);}.footer__main{background-color:var(--background-color);padding-block:var(--gap-content-huge);}.footer__main-container{display:flex;flex-direction:column;gap:var(--gap-content-large);}
.grid{--grid-col-size:var(--size-content-tiny);--grid-cols:min(var(--grid-col-size),100%);--grid-gap-col:var(--gap-content);--grid-gap-row:var(--grid-gap-col);display:grid;gap:var(--grid-gap-row) var(--grid-gap-col);grid-template-columns:repeat(auto-fill,minmax(var(--grid-cols),1fr));}.grid--cols\:1{--grid-num-cols:1;--grid-cols:clamp(var(--grid-col-size),100% / var(--grid-num-cols) - var(--grid-gap-col) * (var(--grid-num-cols) - 1) / var(--grid-num-cols),100%);}.grid--cols\:2{--grid-num-cols:2;--grid-cols:clamp(var(--grid-col-size),100% / var(--grid-num-cols) - var(--grid-gap-col) * (var(--grid-num-cols) - 1) / var(--grid-num-cols),100%);}.grid--cols\:3{--grid-num-cols:3;--grid-cols:clamp(var(--grid-col-size),100% / var(--grid-num-cols) - var(--grid-gap-col) * (var(--grid-num-cols) - 1) / var(--grid-num-cols),100%);}.grid--cols\:4{--grid-num-cols:4;--grid-cols:clamp(var(--grid-col-size),100% / var(--grid-num-cols) - var(--grid-gap-col) * (var(--grid-num-cols) - 1) / var(--grid-num-cols),100%);}.grid--gap\:small{--grid-gap-col:var(--gap-content-small);--grid-gap-row:var(--gap-content-small);}.grid--no-wrap{grid-auto-columns:var(--grid-cols);grid-auto-flow:column;grid-template-columns:none;}
.header{--header-background-color:var(--background-color);--header-accent-color:var(--accent-color);--header-container-width:var(--size-container-huge);--header-layout:calc(var(--header-container-width) - (var(--header-logo-size) + var(--header-logo-end-size) + (var(--gap-content) * 2)));--header-logo-size:var(--size-36);--header-logo-end-size:var(--size-16);background-color:var(--background-color);box-shadow:0 1px 0 var(--line-color);position:sticky;inset-block-start:var(--gin-toolbar-y-offset,0px);z-index:var(--layer-100);}@media (min-width:768px){.header{--header-logo-size:var(--size-44);--header-logo-end-size:var(--size-24);}}@media (min-width:1200px){.header{--header-logo-size:var(--size-52);}}.header__bar{align-items:center;display:flex;gap:var(--size-4);grid-column:content;justify-content:end;position:relative;}@media (min-width:992px){.header__bar{justify-content:space-between;grid-row:1;}}.header__bar--secondary{grid-column:content;padding-block:var(--size-3);}@media (min-width:992px){.header__bar--secondary{border-block-start:1px solid var(--line-color);grid-row:2;}}.header__branding{align-self:center;grid-column:logo;inline-size:100%;padding-block:var(--gap-content);grid-row:1;}@media (min-width:992px){.header__branding{grid-row:1/span 2;}}.header__content{display:grid;grid-template-columns:[full-start] minmax(var(--gap-content),1fr) [logo] var(--header-logo-size) [logo-end] var(--header-logo-end-size) [content] minmax(auto,var(--header-layout)) minmax(var(--gap-content),1fr) [full-end];margin:auto;max-width:var(--size-container-giant);}.header__content::before{background-color:var(--header-accent-color);content:"";display:block;grid-column:full-start/span 2;grid-row:1;}@media (min-width:992px){.header__content::before{grid-row:1/span 2;}}.header__content::after{background-color:var(--header-accent-color);clip-path:polygon(0% 0%,30% 0%,100% 100%,0% 100%);content:"";display:block;grid-column:3;grid-row:1;}@media (min-width:992px){.header__content::after{grid-row:1/span 2;}}.header__collapse{background-color:var(--color-white);box-shadow:var(--shadow);clip-path:inset(0 0 -1234rem 0);display:flex;inset:100% 0 auto;max-block-size:calc(100vh - 100%);position:absolute;z-index:2;}.header__collapse[closing]{z-index:1;}.header__collapse-body{display:grid;grid-template-rows:auto 1fr auto;inline-size:100%;}.header__collapse-content-header{border-block-end:1px solid var(--color-primary);}.header__collapse-content-body{overflow:auto;padding-block:var(--gap-content);}.header__collapse-content-footer{border-block-start:1px solid var(--color-line);padding-block:var(--gap-content);}.header__handler{appearance:none;background-color:var(--color-primary);border:none;border-radius:var(--border-radius);color:var(--color-white);display:flex;flex-direction:column;gap:var(--size-1\.5);grid-column:handler;grid-row:1;inline-size:var(--size-12);overflow:hidden;padding:var(--size-3\.5) var(--size-2\.5);place-content:center;z-index:1;}.header__handler span{background-color:currentcolor;block-size:2px;border-radius:1234rem;display:block;inline-size:100%;text-indent:-1234em;}.header__handler span:nth-child(2){inline-size:80%;}.header__handler span:nth-child(3){inline-size:60%;}@media (prefers-reduced-motion:no-preference){.header__handler span{transition:inline-size 0.15s var(--ease-in-out-cubic);}}.header__handler:hover span,.header__handler:focus-visible span{inline-size:100%;}.header__handler:focus-visible{outline-offset:0;outline-width:1px;}@media (min-width:1200px){.header__handler{display:none;}}.header__reviews{padding-block:var(--size-3);}.header__telephone{--link-color:var(--color-primary);--link-hover-color:var(--color-primary-dark);font-size:var(--font-size-small);}@media (max-width:1199px){.header__telephone{display:none;}}
.hero{--hero-background-color:var(--background-color);--hero-container-width:var(--size-container-large);--hero-inset-end:var(--gap-content-huge);--hero-inset-start:var(--gap-content-huge);background-color:var(--hero-background-color);display:flex;flex-direction:column;gap:var(--gap-content-large);overflow-x:clip;padding-block:var(--hero-inset-start) var(--hero-inset-end);padding-inline:var(--gap-content);position:relative;}@media (min-width:992px){.hero{display:grid;gap:0;grid-template-columns:1fr;grid-template-rows:[padding-start] var(--hero-inset-start) [content] 1fr [padding-end] var(--hero-inset-end);padding:0;}}.hero:not(:has(.hero__visual)){justify-items:center;text-align:center;}@media (min-width:992px){.hero:has(.hero__visual):not(.hero--style\:visual){grid-template-columns:[full-start] minmax(var(--gap-content),1fr) [left] minmax(0,max((var(--hero-container-width) - (var(--size-24) + var(--gap-content) * 2)) / 2)) [middle-left] var(--size-12) [middle-right] var(--size-12) [right] minmax(0,max((var(--hero-container-width) - (var(--size-24) + var(--gap-content) * 2)) / 2)) [full-end] minmax(var(--gap-content),1fr);min-block-size:28rem;}}@media (min-width:992px){.hero:has(.hero__top){grid-template-rows:[padding-start] var(--gap-content-small) [top] auto [padding-middle] var(--gap-content-large) [content] 1fr [padding-end] var(--hero-inset-end);}}.hero--style\:testimonial{--hero-inset-end:0;}.hero--style\:visual{--hero-background-color:transparent;justify-items:initial;text-align:initial;}@media (min-width:992px){.hero--style\:visual{grid-template-columns:[full-start] minmax(var(--gap-content),1fr) [left] minmax(0,max((var(--hero-container-width) - (var(--size-24) + var(--gap-content) * 2)) / 5 * 3)) [middle-left] var(--size-12) [middle-right] var(--size-12) [right] minmax(0,max((var(--hero-container-width) - (var(--size-24) + var(--gap-content) * 2)) / 5 * 2)) [full-end] minmax(var(--gap-content),1fr);}}.hero__block{inline-size:100%;}@media (min-width:992px){.hero__block{grid-column:right;grid-row:content;}}@media (min-width:992px){.hero__content{grid-row:content;}}.hero:not(:has(.hero__visual)) .hero__content{inline-size:100%;max-inline-size:var(--size-container-medium);padding-inline:var(--gap-content);}.hero:has(.hero__visual) .hero__content{align-self:center;padding-inline:0;}@media (min-width:992px){.hero:has(.hero__visual) .hero__content{grid-column:left;}}@media (min-width:992px){.hero--style\:visual .hero__content{align-self:center;max-inline-size:34rem;margin-inline:auto;}}.hero__intro{margin-block-start:var(--gap-content);}.hero__shape{display:none;}@media (min-width:992px){.hero__shape{aspect-ratio:318/657;color:var(--hero-background-color);display:block;position:absolute;inset-block:0;inset-inline-start:0;}}.hero__shape svg{block-size:100%;display:block;inline-size:100%;}.hero--style\:visual .hero__title{font-size:var(--display-font-size);}@media (min-width:992px){.hero__top{grid-row:top;}}.hero:not(:has(.hero__visual)) .hero__top{inline-size:100%;max-inline-size:var(--hero-container-width);padding-inline:var(--gap-content);}.hero:has(.hero__visual) .hero__top{grid-column:left;padding-inline:0;}.hero__visual{aspect-ratio:16/9;block-size:100%;margin:0;position:relative;}@media (min-width:992px){.hero__visual{aspect-ratio:initial;grid-column:middle-right/span 3;grid-row:1/-1;}}.hero--style\:visual .hero__visual{aspect-ratio:initial;position:absolute;inset:0;z-index:-10;}@media (min-width:992px){.hero--style\:visual .hero__visual{grid-column:1/-1;}}.hero--style\:visual .hero__visual::after{background:var(--color-charcoal-blue-90);content:"";inset:0;opacity:0.74;position:absolute;}.hero__visual img{block-size:100%;border-radius:0;inline-size:100%;inset:0;object-fit:cover;position:absolute;}
@media (max-width:991px){.hero:has(.hero__visual):not(.hero--style\:visual){--hero-inset-end:var(--gap-content);}}@media (min-width:992px){.hero:has(.hero__visual):not(.hero--style\:visual){position:relative;}}@media (min-width:992px){.hero:has(.hero__visual):not(.hero--style\:visual)::after{background:var(--color-black);content:"";display:block;inline-size:22%;inset-block-end:0;inset-block-start:33%;inset-inline-end:0;opacity:0.5;position:absolute;transform:skewX(-27deg);z-index:10;}}@media (min-width:992px){.hero--style\:visual .hero__content{position:relative;}.hero--style\:visual .hero__content::before{aspect-ratio:4/3;background-image:url("/themes/custom/dakpanvervanging/assets/images/hero-graphic.svg");background-position:center;background-repeat:no-repeat;background-size:contain;content:"";display:block;inline-size:100%;inset-block-start:50%;inset-inline-start:50%;max-inline-size:31rem;position:absolute;transform:translate(-50%,-50%);z-index:-1;}}.hero__graphic{background-image:url(/themes/custom/dakpanvervanging/assets/images/hero-graphic.svg);}@media (min-width:992px){.hero:has(.hero__visual):not(.hero--style\:visual) .hero__visual{inline-size:calc(var(--size-12) + 100%);inset-inline-start:calc(var(--size-12) * -1);position:relative;}}@media (min-width:992px){.hero:has(.hero__visual):not(.hero--style\:visual) .hero__visual::before,.hero:has(.hero__visual):not(.hero--style\:visual) .hero__visual::after{aspect-ratio:1/2;background:var(--hero-background-color);content:"";display:block;position:absolute;inset-block:0;z-index:10;}}.hero:has(.hero__visual):not(.hero--style\:visual) .hero__visual::before{clip-path:polygon(0% 0%,0% 0%,100% 100%,0% 100%);inset-inline-start:0;transform:scaleY(-1);}.hero:has(.hero__visual):not(.hero--style\:visual) .hero__visual::after{clip-path:polygon(100% 0%,100% 0%,100% 100%,0% 100%);inset-inline-end:0;}
.icon{--icon-block-size:1.5em;--icon-inline-size:var(--icon-block-size);align-items:center;block-size:var(--icon-block-size);display:inline-flex;inline-size:var(--icon-inline-size);justify-content:center;vertical-align:middle;}.icon--size\:small{--icon-block-size:1.125em;}.icon--size\:large{--icon-block-size:1.875em;}.icon svg{block-size:100%;display:block;flex:1 1 0%;inline-size:100%;}
.icon-text-list{--icon-text-list-icon-size:var(--font-size-fluid);--icon-text-list-icon-stroke-width:1.75;list-style:none;padding:0;}.icon-text-list--icon-top{--icon-text-list-icon-size:var(--size-6);--icon-text-list-icon-stroke-width:1.25;}@media (min-width:768px){.icon-text-list--icon-top{--icon-text-list-icon-size:var(--size-12);--icon-text-list-icon-stroke-width:1;}}.icon-text-list__content :where(p){margin-block-start:var(--size-4);}.icon-text-list__content > *:first-child{margin-block-start:0;}.icon-text-list__icon{color:var(--accent-color);flex-shrink:0;font-size:var(--icon-text-list-icon-size);}.icon-text-list__icon :where(svg){stroke-width:var(--icon-text-list-icon-stroke-width);}.icon-text-list__item{align-items:center;display:flex;flex-flow:column nowrap;gap:var(--gap-content-small);text-align:center;}.icon-text-list--icon-left .icon-text-list__item{align-items:flex-start;border-block-end:1px solid var(--line-color);padding-block-end:var(--gap-content);flex-direction:row;text-align:start;}.icon-text-list__item-title{color:var(--accent-color);}.icon-text-list--icon-left .icon-text-list__item-title{font-family:var(--text-font-family);font-size:var(--h4-font-size);}
.list{--list-color:var(--text-color);--list-flex-direction:column;--list-gap:var(--size-2);--list-icon-color:var(--accent-color);color:var(--list-color);display:flex;flex-flow:var(--list-flex-direction) wrap;gap:var(--list-gap);list-style:none;margin-block-start:var(--gap-content);padding:0;}.list--has-dividers{gap:0;}.list--style\:contact{--list-gap:var(--gap-content-small);}@media (min-width:576px){.list--style\:horizontal{--list-flex-direction:row;justify-content:space-between;}}.list--style\:links{--list-icon-color:var(--link-color);--list-color:var(--link-color);}.list__content :where(p){color:inherit;}.list__content > *:first-child{margin-block-start:0;}.list--style\:contact .list__content :where(a){color:var(--text-color);text-decoration:none;}.list--style\:contact .list__content :where(a):hover,.list--style\:contact .list__content :where(a):focus-within{color:var(--link-hover-color);text-decoration:underline;}.list--style\:contact .list__content,.list--style\:downloads .list__content{display:flex;flex-direction:row;gap:var(--list-gap);flex:1 1 auto;}.list__icon{color:var(--list-icon-color);flex-shrink:0;}.list--style\:links .list__icon{margin-inline-start:auto;order:999;}.list__item{align-items:flex-start;display:flex;gap:calc(var(--list-gap) / 2);}.list--has-dividers .list__item{border-block-end:1px solid var(--line-color);padding-block:var(--list-gap);}.list--style\:contact .list__item:last-child{border-block-end:none;}.list--style\:downloads .list__item{align-items:center;background:var(--color-white);flex-direction:row;gap:var(--gap-content-small);padding:var(--gap-content-small);}.list--style\:links .list__item{position:relative;}.list--style\:links .list__item:hover,.list--style\:links .list__item:focus-within{color:var(--link-hover-color);text-decoration:underline;}.list--style\:links .list__item :where(a){color:inherit;text-decoration:none;}.list--style\:links .list__item :where(a)::before{content:"";display:block;position:absolute;inset:0;}
.menu-footer{--menu-footer-close-all:0;--menu-footer-sub-offset:var(--size-2);}@media (min-width:992px){.menu-footer{--menu-footer-close-all:1;}}.menu-footer__arrow{color:var(--color-primary);flex-shrink:0;margin-block:-0.1em -100%;}[aria-expanded=true] > .menu-footer__arrow{rotate:-90deg;}.menu-main__item--is-active > .menu-main__link > .menu-footer__arrow{color:var(--color-primary);}.menu-main__list--level\:1 .menu-footer__arrow{color:var(--color-secondary);font-size:0.875em;margin-block-start:0;}.menu-main__list--level\:1 .menu-main__link:hover > .menu-footer__arrow,.menu-main__list--level\:1 [aria-expanded=true] > .menu-footer__arrow{color:var(--color-primary);translate:var(--size-1) 0;}@media (prefers-reduced-motion:no-preference){.menu-footer__arrow{transition:rotate var(--transition-duration) var(--ease-in-out-cubic),translate var(--transition-duration) var(--ease-in-out-cubic);}}@media (min-width:992px){.menu-footer__arrow{rotate:90deg;}.menu-main__list--level\:1 .menu-footer__arrow{rotate:0deg;}}.menu-footer__item{margin:0;padding:0;position:relative;}.menu-main__list--level\:1 .menu-footer__item:last-child{border-block-start:1px solid hsla(0,0%,0%,0.1);margin-block-start:var(--size-1);padding-block-start:var(--size-1);}@media (min-width:992px){.menu-footer__item{border-block-start-color:var(--line-color);}}.menu-footer__link{border-radius:var(--border-radius);color:var(--text-color-light);display:flex;font-size:var(--font-size-small);font-weight:var(--font-weight-400);gap:var(--size-0\.5);justify-content:space-between;line-height:var(--font-line-height-1\.25);padding:var(--size-1) 0;text-decoration:none;-webkit-tap-highlight-color:transparent;}.menu-footer__link:is(button){appearance:none;background:transparent;border:none;inline-size:100%;}.menu-footer__link[aria-current=page],.menu-main__item--is-active > .menu-footer__link{color:var(--accent-color);}@media (min-width:992px){.menu-footer__link{padding:var(--size-3) var(--size-4);}.menu-footer__link:is(a,button):hover,.menu-footer__link[aria-expanded=true]{background-color:var(--action-hover-background-color);}.menu-footer__link:focus-visible{outline-offset:calc(var(--outline-width) * -1);}}.menu-footer__list{display:flex;flex-flow:row wrap;gap:var(--size-1);list-style:none;margin:0;padding:0;}.menu-footer__list .menu-footer__list{background-color:var(--color-primary-support);border-radius:var(--border-radius-large);display:none;flex-direction:column;gap:var(--size-0\.5);margin:0 calc(var(--size-3) * -1) var(--size-4);min-inline-size:var(--size-72);padding:var(--size-3);}[aria-expanded=true] ~ .menu-footer__list{display:block;}@media (min-width:992px){.menu-footer__list{flex-wrap:nowrap;gap:var(--size-2);}.menu-footer__list .menu-footer__list{background-color:var(--color-white);box-shadow:var(--shadow);display:block;inset-block-start:calc(100% + var(--menu-footer-sub-offset));inset-inline-start:calc(var(--size-2) * -1);margin-inline:-1234rem 0;opacity:0;padding:var(--size-2);position:absolute;translate:0 var(--size-4);visibility:hidden;z-index:0;}[aria-expanded=true] ~ .menu-footer__list{margin-inline-start:0;opacity:1;transition-delay:0s;translate:0 0;visibility:visible;}}@media (min-width:992px) and (prefers-reduced-motion:no-preference){.menu-footer__list{transition:margin-inline-start 0s var(--transition-duration),opacity var(--transition-duration) var(--ease-in-out-cubic),translate var(--transition-duration) var(--ease-in-out-cubic),visibility 0s var(--transition-duration);}}
.menu-main{--menu-main-close-all:0;--menu-main-sub-offset:var(--size-2);}@media (min-width:992px){.menu-main{--menu-main-close-all:1;}}.menu-main__arrow{color:var(--color-primary);flex-shrink:0;margin-block:-0.1em -100%;}[aria-expanded=true] > .menu-main__arrow{rotate:-90deg;}.menu-main__item--is-active > .menu-main__link > .menu-main__arrow{color:var(--color-primary);}.menu-main__list--level\:1 .menu-main__arrow{color:var(--color-secondary);font-size:0.875em;margin-block-start:0;}.menu-main__list--level\:1 .menu-main__link:hover > .menu-main__arrow,.menu-main__list--level\:1 [aria-expanded=true] > .menu-main__arrow{color:var(--color-primary);translate:var(--size-1) 0;}@media (prefers-reduced-motion:no-preference){.menu-main__arrow{transition:rotate var(--transition-duration) var(--ease-in-out-cubic),translate var(--transition-duration) var(--ease-in-out-cubic);}}@media (min-width:992px){.menu-main__arrow{rotate:90deg;}.menu-main__list--level\:1 .menu-main__arrow{rotate:0deg;}}.menu-main__item{margin:0;padding:0;position:relative;}.menu-main__list--level\:1 .menu-main__item:last-child{border-block-start:1px solid hsla(0,0%,0%,0.1);margin-block-start:var(--size-1);padding-block-start:var(--size-1);}@media (min-width:992px){.menu-main__item{border-block-start-color:var(--line-color);}}.menu-main__link{border-radius:var(--border-radius);color:var(--text-color);display:flex;font-size:var(--font-size-large);font-weight:var(--font-weight-500);gap:var(--size-0\.5);justify-content:space-between;line-height:var(--font-line-height-1\.25);padding:var(--size-2) 0;text-decoration:none;-webkit-tap-highlight-color:transparent;}.menu-main__list--level\:1 .menu-main__link{font-size:var(--font-size-medium);}.menu-main__link:is(button){appearance:none;background:transparent;border:none;inline-size:100%;}.menu-main__link[aria-current=page],.menu-main__item--is-active > .menu-main__link{color:var(--accent-color);}@media (min-width:992px){.menu-main__link{padding:var(--size-3) var(--size-4);}.menu-main__link:is(a,button):hover,.menu-main__link[aria-expanded=true]{background-color:var(--color-primary-support);}.menu-main__link:focus-visible{outline-offset:calc(var(--outline-width) * -1);}}.menu-main__list{display:flex;flex-flow:column nowrap;gap:var(--size-1);list-style:none;margin:0;padding:0;}.menu-main__list .menu-main__list{background-color:var(--color-primary-support);border-radius:var(--border-radius);display:none;flex-direction:column;gap:var(--size-0\.5);margin:0 calc(var(--size-3) * -1) var(--size-4);min-inline-size:var(--size-72);padding:var(--size-3);}[aria-expanded=true] ~ .menu-main__list{display:block;}@media (min-width:992px){.menu-main__list{flex-direction:row;gap:var(--size-2);}.menu-main__list .menu-main__list{background-color:var(--color-white);box-shadow:var(--shadow);display:block;inset-block-start:calc(100% + var(--menu-main-sub-offset));inset-inline-start:calc(var(--size-2) * -1);margin-inline:-1234rem 0;opacity:0;padding:var(--size-2);position:absolute;translate:0 var(--size-4);visibility:hidden;z-index:var(--layer-100);}[aria-expanded=true] ~ .menu-main__list{margin-inline-start:0;opacity:1;transition-delay:0s;translate:0 0;visibility:visible;}}@media (min-width:992px) and (prefers-reduced-motion:no-preference){.menu-main__list{transition:margin-inline-start 0s var(--transition-duration),opacity var(--transition-duration) var(--ease-in-out-cubic),translate var(--transition-duration) var(--ease-in-out-cubic),visibility 0s var(--transition-duration);}}
.menu-top{--menu-top-close-all:0;--menu-top-sub-offset:var(--size-2);}@media (min-width:992px){.menu-top{--menu-top-close-all:1;}}.menu-top__arrow{color:var(--color-primary);flex-shrink:0;margin-block:-0.1em -100%;}[aria-expanded=true] > .menu-top__arrow{rotate:-90deg;}.menu-main__item--is-active > .menu-main__link > .menu-top__arrow{color:var(--color-primary);}.menu-main__list--level\:1 .menu-top__arrow{color:var(--color-secondary);font-size:0.875em;margin-block-start:0;}.menu-main__list--level\:1 .menu-main__link:hover > .menu-top__arrow,.menu-main__list--level\:1 [aria-expanded=true] > .menu-top__arrow{color:var(--color-primary);translate:var(--size-1) 0;}@media (prefers-reduced-motion:no-preference){.menu-top__arrow{transition:rotate var(--transition-duration) var(--ease-in-out-cubic),translate var(--transition-duration) var(--ease-in-out-cubic);}}@media (min-width:992px){.menu-top__arrow{rotate:90deg;}.menu-main__list--level\:1 .menu-top__arrow{rotate:0deg;}}.menu-top__item{margin:0;padding:0;position:relative;}.menu-main__list--level\:1 .menu-top__item:last-child{border-block-start:1px solid hsla(0,0%,0%,0.1);margin-block-start:var(--size-1);padding-block-start:var(--size-1);}@media (min-width:992px){.menu-top__item{border-block-start-color:var(--line-color);}}.menu-top__link{border-radius:var(--border-radius);color:var(--text-color-light);display:flex;font-size:var(--font-size-small);font-weight:var(--font-weight-400);gap:var(--size-0\.5);justify-content:space-between;line-height:var(--font-line-height-1\.25);padding:var(--size-1) 0;text-decoration:none;-webkit-tap-highlight-color:transparent;}.menu-top__link:is(button){appearance:none;background:transparent;border:none;inline-size:100%;}.menu-top__link[aria-current=page],.menu-main__item--is-active > .menu-top__link{color:var(--accent-color);}@media (min-width:992px){.menu-top__link{padding:var(--size-3) var(--size-4);}.menu-top__link:is(a,button):hover,.menu-top__link[aria-expanded=true]{background-color:var(--color-charcoal-blue-10);}.menu-top__link:focus-visible{outline-offset:calc(var(--outline-width) * -1);}}.menu-top__list{display:flex;flex-flow:column nowrap;gap:var(--size-1);list-style:none;margin:0;padding:0;}.menu-top__list .menu-top__list{background-color:var(--color-primary-support);border-radius:var(--border-radius-large);display:none;flex-direction:column;gap:var(--size-0\.5);margin:0 calc(var(--size-3) * -1) var(--size-4);min-inline-size:var(--size-72);padding:var(--size-3);}[aria-expanded=true] ~ .menu-top__list{display:block;}@media (min-width:992px){.menu-top__list{flex-direction:row;gap:var(--size-2);}.menu-top__list .menu-top__list{background-color:var(--color-white);box-shadow:var(--shadow);display:block;inset-block-start:calc(100% + var(--menu-top-sub-offset));inset-inline-start:calc(var(--size-2) * -1);margin-inline:-1234rem 0;opacity:0;padding:var(--size-2);position:absolute;translate:0 var(--size-4);visibility:hidden;z-index:0;}[aria-expanded=true] ~ .menu-top__list{margin-inline-start:0;opacity:1;transition-delay:0s;translate:0 0;visibility:visible;}}@media (min-width:992px) and (prefers-reduced-motion:no-preference){.menu-top__list{transition:margin-inline-start 0s var(--transition-duration),opacity var(--transition-duration) var(--ease-in-out-cubic),translate var(--transition-duration) var(--ease-in-out-cubic),visibility 0s var(--transition-duration);}}
.rating{align-items:center;color:var(--text-color);display:flex;flex-wrap:wrap;font-size:var(--font-size-small);gap:var(--size-2);justify-content:center;line-height:var(--font-line-height-1);}.rating__link{color:var(--text-color);font-style:italic;}.rating__prefix{font-size:var(--font-size-medium);font-weight:var(--font-weight-500);}.rating__score{font-size:1.25em;}.rating__score::before{background:linear-gradient(90deg,hsl(35,100%,50%) var(--rating-stars),var(--line-color) var(--rating-stars));background-clip:text;content:"★★★★★";-webkit-text-fill-color:transparent;}
.container{--container-size:var(--size-container-large);inline-size:100%;margin-inline:auto;max-inline-size:var(--container-size);padding-inline:var(--gap-content);}.container--size\:small{--container-size:var(--size-container-small);}.container--size\:medium{--container-size:var(--size-container-medium);}
.section{--section-padding-block:var(--gap-content-huge);--section-gap:var(--gap-content-large);background-color:var(--background-color);padding-block:var(--section-padding-block);}.section[data-color-scheme=default] + .section[data-color-scheme=default]{padding-block-start:0;}.section[data-color-scheme=light] + .section[data-color-scheme=light]{padding-block-start:0;}.section[data-color-scheme=dark] + .section[data-color-scheme=dark]{padding-block-start:0;}.section[data-color-scheme=primary] + .section[data-color-scheme=primary]{padding-block-start:0;}.section--spacing\:tiny{--section-padding-block:var(--gap-content-small);}.section--spacing\:small{--section-padding-block:var(--gap-content-large);}.section__container{margin-block-start:var(--section-gap);}.section__container:first-child{margin-block-start:0;}
.section--variant\:graphic{background-image:url(/themes/custom/dakpanvervanging/assets/images/graphic-background.svg),url(/themes/custom/dakpanvervanging/assets/images/graphic-background.svg);background-position:top left,bottom right;background-repeat:no-repeat,no-repeat;background-size:calc(2 * var(--gap-content-huge)),calc(2 * var(--gap-content-huge));}
.skip-links{position:relative;}.skip-links__list{list-style:none;margin:0;padding:0;}.skip-links__item{margin:0;padding:0;}.skip-links__link{left:0;margin-left:-1234rem;position:absolute;top:0;z-index:var(--layer-important);}.skip-links__link:focus{margin:var(--gap-content);}
.testimonial-slider{--slider-gap:var(--gap-content-large);--slider-padding-block:0;--slider-padding-inline:max(var(--gap-content),(100% - var(--size-container-medium)) / 2);margin-left:50%;position:relative;transform:translateX(-50%);width:100vw;}.testimonial-slider__scroller{block-size:100%;display:grid;flex:1 1 auto;gap:var(--slider-gap);grid-auto-columns:100%;grid-auto-flow:column;inline-size:100%;margin-block:calc(var(--slider-padding-block) * -1);overflow:auto hidden;overscroll-behavior-x:contain;padding-block:var(--slider-padding-block);padding-inline:var(--slider-padding-inline);scroll-padding-inline:var(--slider-padding-inline);scroll-snap-type:both mandatory;scrollbar-width:none;}.testimonial-slider__scroller::-webkit-scrollbar{display:none;}@media (prefers-reduced-motion:no-preference){.testimonial-slider__scroller{scroll-behavior:smooth;}}@media (min-width:576px){.testimonial-slider__slide{display:grid;grid-template-columns:[visual] 1fr [gap] var(--size-20) [content] 1fr;}}.testimonial-slider:not(.testimonial-slider--no-snap) .testimonial-slider__slide{scroll-snap-align:start;}@media (prefers-reduced-motion:no-preference){.testimonial-slider__slide{transition:opacity var(--transition-duration) var(--ease-in-out-default);}}.testimonial-slider__button{margin-block-start:var(--gap-content);}.testimonial-slider__content{align-self:center;background-color:var(--background-color);border-radius:var(--border-radius);grid-column:gap/-1;grid-row:1;padding-block:var(--gap-content-large);padding-inline:var(--size-9);}.testimonial-slider__visual{aspect-ratio:16/9;grid-column:visual/span 2;margin:0;grid-row:1;}@media (min-width:576px){.testimonial-slider__visual{aspect-ratio:3/4;}}.testimonial-slider__visual img{block-size:100%;border-radius:var(--border-radius);inline-size:100%;object-fit:cover;}.testimonial-slider__navigation{display:flex;gap:var(--size-4);justify-content:center;margin-block-start:var(--gap-content);}@media (min-width:576px){.testimonial-slider__navigation{inset-block-start:50%;inset-inline:0;justify-content:space-between;margin-block-start:0;position:absolute;transform:translateY(-50%);}}.testimonial-slider__navigation--thumbs{justify-content:flex-start;}.testimonial-slider__navigation--thumbs .testimonial-slider__nav-handler{aspect-ratio:4/3;border:2px solid transparent;border-radius:var(--border-radius-small);height:auto;overflow:hidden;padding:2px;width:5rem;}.testimonial-slider__navigation--thumbs .testimonial-slider__nav-handler[aria-selected=true]{border-color:var(--color-theme);}.testimonial-slider__navigation--thumbs .testimonial-slider__nav-handler:focus-visible{outline-offset:-2px;}.testimonial-slider__navigation--thumbs .testimonial-slider__nav-handler img{border-radius:calc(var(--border-radius-small) - 4px);height:100%;margin:0;object-fit:cover;opacity:0.5;pointer-events:none;user-select:none;width:100%;}@media (prefers-reduced-motion:no-preference){.testimonial-slider__navigation--thumbs .testimonial-slider__nav-handler img{transition:opacity 0.15s var(--ease-in-out-base);}}.testimonial-slider__navigation--thumbs .testimonial-slider__nav-handler[aria-selected=true] img,.testimonial-slider__navigation--thumbs .testimonial-slider__nav-handler:hover img{opacity:1;}.testimonial-slider__next{border-radius:var(--border-radius) 0 0 var(--border-radius);}.testimonial-slider__prev{border-radius:0 var(--border-radius) var(--border-radius) 0;order:-1;}
.h-align--left{float:none;margin-block-start:var(--gap-content);max-width:100%;}@media (min-width:576px){.h-align--left{float:left;margin-inline-end:var(--gap-content);max-width:50%;}}.h-align--right{float:none;margin-block-start:var(--gap-content);max-width:100%;}@media (min-width:576px){.h-align--right{float:right;margin-inline-start:var(--gap-content);max-width:50%;}}
.h-clearfix{clear:both;content:"";display:block;}
.h-flow > *:first-child{margin-block-start:0;}
.h-media-fit{block-size:auto;display:flex;flex-direction:column;inline-size:auto;margin:auto;max-block-size:100%;max-inline-size:100%;min-block-size:0;}.h-media-fit > :is(img,iframe){inline-size:auto;margin:auto;max-block-size:100%;max-inline-size:100%;min-block-size:0;object-fit:scale-down;}
.h-ratio{--ratio:1;aspect-ratio:var(--ratio);block-size:auto;inline-size:100%;}.h-ratio:is(img,video,iframe){object-fit:cover;}.h-ratio > :is(img,video,iframe){block-size:100%;inline-size:100%;object-fit:cover;}.h-ratio--3\:4{--ratio:3 / 4;}.h-ratio--16\:9{--ratio:16 / 9;}.h-ratio--16\:10{--ratio:16 / 10;}
.h-intro{font-size:var(--h4-font-size);margin-block-start:var(--gap-content);}.h-intro > *:first-child{margin-block-start:0;}.h-labeled-title{display:grid;gap:var(--size-1);margin-block-end:var(--gap-content);place-items:start;}.h-line-clamp{--lines:$lines-to-show;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}.h-subheading{font-size:clamp(var(--size-6),1.3vw + var(--size-4),var(--size-8));font-weight:var(--font-weight-600);line-height:var(--font-line-height-1\.25);}.h-link-text{color:var(--text-color);text-decoration:none;}.h-link-text:hover{text-decoration:underline;}
.h-visually-hidden{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;}