porton-about-advantages ol{display:grid;grid-template-columns:repeat(7,1fr);gap:3rem 0;padding:0}@media screen and (max-width: 40rem){porton-about-advantages ol{grid-template-columns:repeat(6,1fr)}}porton-about-advantages ol li{--start: 1;--span: 3;--number: 1;--color: white;--icon: url();grid-column:var(--start)/span var(--span);grid-row:var(--number);padding:0;list-style:none;max-width:25rem;position:relative}porton-about-advantages ol li b{display:inline-block;color:var(--color);font-size:1.1rem;font-weight:800;margin-bottom:.5rem}porton-about-advantages ol li b:first-letter{font-size:1.5rem}porton-about-advantages ol li:after{content:"";display:block;width:4rem;height:4rem;position:absolute;top:50%;--icon-distance: calc((8rem + 5vw)*-1) ;right:var(--icon-distance);transform:translateY(-50%);background-image:var(--icon);background-size:contain}porton-about-advantages ol li:nth-child(2n):after{right:auto;left:var(--icon-distance)}porton-about-advantages ol li:nth-child(1){--number: 1;--start: 1;--color: #fdd64b;--icon: url(/images/icons/porton/software.svg)}porton-about-advantages ol li:nth-child(2){--number: 2;--start: 4;--color: #afc9fd;--icon: url(/images/icons/porton/updates.svg)}porton-about-advantages ol li:nth-child(3){--number: 3;--start: 3;--color: #6dfb61;--icon: url(/images/icons/porton/toegang.svg)}porton-about-advantages ol li:nth-child(4){--number: 4;--start: 5;--color: #fb58a0;--icon: url(/images/icons/porton/verbindingen.svg)}porton-about-advantages ol li:nth-child(5){--number: 5;--start: 2;--color: #ffffff;--icon: url(/images/icons/porton/advies.svg)}@media screen and (max-width: 60rem){porton-about-advantages ol li{--span: 4}porton-about-advantages ol li:nth-child(3):after{right:auto;left:var(--icon-distance)}porton-about-advantages ol li:nth-child(4){--start: 4}}@media screen and (max-width: 40rem){porton-about-advantages ol li{--span: 3}porton-about-advantages ol li:nth-child(odd){--start: 1}porton-about-advantages ol li:nth-child(2n){--start: 4}porton-about-advantages ol li:nth-child(3):after{right:var(--icon-distance);left:auto}}@media screen and (max-width: 25rem){porton-about-advantages ol li{--span: 6}porton-about-advantages ol li:nth-child(2n){--start: 1}porton-about-advantages ol li:after{display:none}}:root{color:#fff;background-color:#151523;scroll-behavior:smooth}html{font-size:clamp(13px,60% + .8vmin,16px)}body{margin:0;min-height:100vh}main{min-height:calc(100vh - 17.1rem)}*{font-size:inherit;margin:0;box-sizing:border-box;font-family:Open Sans,sans-serif;color:inherit;font-weight:400;line-height:1.38em;scroll-margin-top:6rem}*:not(ul,ol){padding:0}ul,ol{padding-left:2rem}ul li,ol li{margin-bottom:.25rem}h1{font-family:Alexandria,sans-serif;font-size:3rem;font-weight:700;opacity:1;color:#151523}porton-hero [slot=subheader],porton-hero h1{filter:drop-shadow(.1em .15em .3em white)}porton-hero [slot=subheader]:is(h1),porton-hero h1:is(h1){line-height:1.2em}porton-simple-page h1{font-size:1rem;font-weight:300;opacity:.8;color:#fff;border-left:.25rem solid rgba(180,203,250,.1);padding-left:.5rem}porton-simple-page h1.no-border{border-left:0;padding-left:0}h2{font-family:Alexandria,sans-serif;font-size:1.9rem;font-weight:700}h3{font-family:Alexandria,sans-serif;font-size:1.4rem;font-weight:700}h4{font-weight:700;margin-top:1.5rem}hr{margin:.5rem 0;opacity:.5;background-color:#2f3699}p{opacity:.9;line-height:unset}a{text-decoration:none;color:#b4cbfa}a.center{margin:0 auto;text-align:center}a:hover{text-decoration:underline}b,strong,th{font-weight:600}i,blockquote{font-style:italic;opacity:.7}i:is(blockquote),blockquote:is(blockquote){padding:.5rem 0}small{font-size:.9rem;color:#b4cbfa}button,a.button{color:#151523;background-color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0px solid transparent;touch-action:manipulation;cursor:pointer;padding:.5rem .75rem;height:2.6rem;border-radius:.25rem;opacity:1;font-weight:400;transition:all .3s ease-out}button:disabled,a.button:disabled{cursor:default}button.secondary,a.button.secondary{background-color:transparent;color:#fff;border:1px solid #ffffff}button:hover,a.button:hover{background-color:#ffffffb3}button:hover.secondary,a.button:hover.secondary{background-color:#ffffff1a}pre{font-family:monospace;display:inline-block}img{max-width:100%}input,textarea,select{border:1px solid rgba(180,203,250,.1);color:#fff;background-color:#ffffff0d;padding:.5rem .75rem;border-radius:.25rem;height:2.6rem}input:is(textarea),textarea:is(textarea),select:is(textarea){height:unset;resize:vertical;width:100%}input:is(select) option,textarea:is(select) option,select:is(select) option{color:#151523;background-color:#fff}input[type=checkbox],textarea[type=checkbox],select[type=checkbox]{height:1rem;width:1rem;min-width:unset}input[type=button],input[type=submit],textarea[type=button],textarea[type=submit],select[type=button],select[type=submit]{cursor:pointer;transition:all .3s ease-out}input[type=button]:hover,input[type=submit]:hover,textarea[type=button]:hover,textarea[type=submit]:hover,select[type=button]:hover,select[type=submit]:hover{background-color:#ffffff1a}input::placeholder,textarea::placeholder,select::placeholder{color:#fff;opacity:.7;font-weight:lighter}input.maxwidth,textarea.maxwidth,select.maxwidth{width:100%}label{position:relative;display:flex;flex-direction:column;gap:.25rem}label.horizontal{flex-direction:row;align-items:center;gap:.5rem}label~span{padding:.5rem 0}fieldset{display:grid;gap:1rem;grid-template-columns:1fr 1fr;border:1px solid rgba(180,203,250,.1);padding:1rem;background-color:#1b1d2d}@media screen and (max-width: 30rem){fieldset{grid-template-columns:1fr}}fieldset legend{color:#b4cbfa;white-space:normal}table{border:1px solid #282d40;border-collapse:collapse;margin-bottom:.5rem;width:100%}table th{width:0;background-color:#1d2035}table th,table td{border:1px solid #282d40;padding:.35rem 1rem .35rem .5rem}table th[scope=row]{text-align:left;white-space:nowrap}item-section ol,item-section ul,item-section p,item-section img,.article ol,.article ul,.article p,.article img{margin:.5rem 0;opacity:1}item-section p>img,.article p>img{margin:0}item-section h3,.article h3{margin-top:3rem;margin-bottom:.5rem;font-weight:700}item-section ol li::marker,item-section ul li::marker,.article ol li::marker,.article ul li::marker{color:#b4cbfa;font-weight:700}item-section b,item-section strong,item-section th,.article b,.article strong,.article th{font-weight:700}.error{color:#fe5151}.success{color:#51fe5d}.flex{display:flex;align-items:center;gap:.5rem}.flex.end{align-items:end}.flex.column{align-items:start;flex-direction:column}.flex.column.center{align-items:center}.flex.spacebetween{justify-content:space-between;width:100%}div.center{display:flex;justify-content:center;flex-wrap:wrap;margin-left:auto;margin-right:auto;gap:.5rem;width:100%}.center{text-align:center}.dark{color:#1b1d2d}.hidden,.displaynone{display:none}.fullwidth{width:100%}