body {
    background: var(--notwhite);
    background-attachment: fixed;
    color: var(--tekstkleur);
}

#mobnav {
    display: none;
}

nav {
    height: 4rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5;
    background-color: var(--notwhite);
    box-shadow: 0px 0.15rem 0.3rem #00000029;
}

nav,
section,
footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2rem;
}

a {
    text-underline-offset: 0.2rem;
}

nav a {
    text-underline-offset: 0.2rem;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: var(--medium);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.4em;
    justify-content: center;
}

.logo>a {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.65rem;
}

nav .icon {
    width: 1.2em;
    height: 1.2em;
    margin-top: 0.1rem;
}

nav .wrapper .left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 5rem;
    height: 4rem;
    align-items: center;
}

nav .wrapper .left>ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2rem;
    margin-top: 0.2rem;
}

nav .wrapper .right {
    height: 4rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

nav .wrapper .right ul {
    display: flex;
    gap: 1.1rem;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 0.2rem;
}

nav .wrapper .left>ul>li>a {
    padding: 0 0.15rem;
}

nav .wrapper .left>ul>li>a:not(.button):hover,
nav .wrapper .right>ul>li>a:not(.button):hover,
nav .wrapper .left>ul>li>a:not(.button).active {
    /* border-bottom: .1rem solid var(--dvrozehover); */
    background-color: transparent;
}

nav .wrapper .left>ul ul li {
    border-bottom: .1rem solid #D6ECFF;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    /* white-space: nowrap; */
    text-align: center;
}

nav .wrapper .left>ul ul li.pijltje {
    border-bottom: .1rem solid var(--dvroze);
    padding: 0;
    text-align: center;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 0.3rem;
}

nav .wrapper .left>ul ul li:last-child {
    border-bottom: none;
}

nav .wrapper .left>ul li ul {
    display: none;
    position: absolute;
    padding: 0;
    box-shadow: 0px 0.4rem 0.6rem 0px #a7a7a729;
    z-index: 10;
    background-color: var(--notwhite);
    top: 1.1rem;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0.6rem;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
}

nav .wrapper .left>ul>li:hover>ul {
    display: flex;
}

ul#sub1 {
    left: -2.7rem;
    width: 9.7rem;
}

ul#sub2 {
    width: 11rem;
    left: -1.4rem;
}

ul#sub3 {
    left: -2.2rem;
    width: 9.6rem;
}

li.pijltje .triangle {
    border-left: 0.2rem solid transparent;
    border-right: 0.2rem solid transparent;
    border-bottom: 0.25rem solid var(--dvroze);
    margin-bottom: 0rem;
    border-top: none;
}

#marketbar {
    height: 4rem;
    background: var(--gradient);
    margin-top: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2rem;
}

.wrapper {
    width: 64rem;
    padding: 0 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.wrapper.nopaddingtop {
    padding-top: 0 !important;
}

.wrapper.nopaddingbottom {
    padding-bottom: 0 !important;
}

section .wrapper.center {
    justify-content: center;
}

#marketbar .wrapper {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 1em;
}

div#benchmarkers {
    width: calc(100% - 12rem);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.6rem;
}

button.slick-arrow {
    background: transparent;
    border: none;
    color: var(--blauw3);
    padding: 0.3rem 0 0;
}

button.slick-arrow:hover {
    color: var(--wit);
    cursor: pointer;
}

button.slick-prev svg {
    rotate: 90deg;
}

button.slick-next svg {
    rotate: -90deg;
}

.latestinsights .slick-list.draggable {
    padding: 0 0 0.5rem 0.5rem;
    margin-left: -0.3rem;
    margin-bottom: -0.5rem;
}

.latestinsights button.slick-arrow {
    color: transparent;
    position: absolute;
    left: -0.45rem;
    top: 0;
    font-size: 3rem;
    display: flex;
    z-index: 1;
    height: calc(100% - 1rem);
    flex-direction: column;
    justify-content: center;
}

.latestinsights button.slick-arrow.slick-next {
    right: -0.45rem;
    left: unset;
}

.latestinsights button.slick-arrow:not(.slick-disabled):hover {
    color: var(--blauw3);
}

.icon.bullmi {
    height: 1.54rem;
    width: 1.54rem;
    margin-top: -0.40rem;
    color: #73848c;
}

.icon.dcami {
    height: 1.05rem;
    width: calc(1.05 * 12.060546875rem);
    margin-top: 0.25rem;
}

nav .wrapper .left ul>li>a:not(.button),
nav .wrapper .right ul>li>a:not(.button) {
    line-height: 0.9rem;
    line-height: 1.5em;
    border-bottom: .1rem solid transparent;
}

nav .wrapper .left ul>li>ul>li>a {
    padding-bottom: 0.5rem;
}

a.button,
input[type='submit'] {
    padding: 0.5rem 1.5rem;
    background-color: var(--dvroze);
    color: var(--notwhite);
    /* box-shadow: 0 .2rem .15rem 0 #00000044; */
    font-weight: var(--medium);
    border-radius: 0.3rem;
    text-decoration: none;
    font-size: 0.75rem;
    display: flex;
    justify-content: center;
    border: none;
    cursor: pointer;
    transition: background 0.5s;
}

a.button:hover {
    background-color: var(--dvrozehover);
}

nav .icon-login {
    height: 1em;
    width: 1em;
    margin-top: -0.1em;
}

a.login.link {
    gap: 0.5em;
}

nav .wrapper .right ul>li>a.login.link:hover {
    border-color: transparent;
    color: var(--dvrozehover);
}

.right ul>li.trial {
    margin-top: -0.25em;
}

.benchmark {
    color: var(--notwhite);
    font-size: .75em;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.7em;
    padding: 0 0.4rem;
    text-decoration: none;
}

.titelbm {
    color: var(--notwhite);
    font-size: .75em;
    padding: 0 0.4rem;
    font-style: italic;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0.2rem;
    font-weight: var(--medium);
}

.titelbm .icon {
    width: 0.8rem;
    height: 0.8rem;
    margin-top: -0.3rem;
    color: var(--blauw3);
}

.titelbm .info:hover .icon {
    color: var(--geel);
    cursor: pointer;
}

.titelbm .info:hover span.moreinfo {
    display: block;
}

.titelbm span.moreinfo {
    display: none;
    background-color: var(--geel);
    color: var(--tekstkleur);
    padding: 0.4rem 0.7rem;
    position: absolute;
    top: 0.4rem;
    right: 0.45rem;
    border-radius: 0.2rem;
    width: 7.2rem;
    font-weight: var(--semibold);
    font-style: normal;
}

.bull {
    font-size: 3em;
    line-height: 0.4em;
}

.perc>span {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 0.3em;
    color: #ccc;
}

.perc>.red {
    color: var(--rood);
}

.perc>.green {
    color: var(--groen);
}

span.amount {
    font-weight: var(--semibold);
}

.triangle {
    width: 0;
    height: 0;
    border-left: 0.25rem solid #ccc;
    border-right: 0.25rem solid #ccc;
    border-bottom: 0.05rem solid #ccc;
    border-top: 0 solid #ccc;
    margin-right: 0.2rem;
}

.green .triangle,
.red .triangle,
.pijltje .triangle {
    border-top: none;
    border-left: 0.25rem solid transparent;
    border-right: 0.25rem solid transparent;
    border-bottom: 0.55rem solid var(--groen);
    margin-bottom: 0.1rem;
    margin-right: unset;
}

.red .triangle {
    border-bottom: none;
    border-top: 0.55rem solid var(--rood);
    margin-bottom: unset;
}

.pijltje {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.pijltje .triangle {
    border-bottom: none;
    border-top: 1.5rem solid var(--notwhite);
    margin-bottom: unset;
    border-left: 1.5em solid transparent;
    border-right: 1.5rem solid transparent;
}

section {
    min-height: 4rem;
}

section.wit {
    background-color: var(--wit);
    gap: 0;
}

section .wrapper {
    padding: 3rem 1rem;
}

section.wit .wrapper {
    padding: 3rem 1rem;
}

section.contactthanks .wrapper,
section.contact .wrapper {
    padding: 7rem 1rem 3rem;
}

.right img.smaller,
section.wit .right img.smaller {
    width: 21rem;
    height: 14rem;
    object-position: 100% 100%;
}

section .left {
    width: calc(100% - 29.4rem);
    padding-right: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 1rem;
}

section.leftright {
    gap: 0;
}

section.leftright .left,
section.leftright.wit .left,
section.leftright .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
}

section.leftright.wit.tools .left {
    gap: 3rem;
}

section.leftright.wit {
    margin-top: -5rem;
}

.leftright .txt {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.leftright.tools .txt {
    gap: 1rem;
}

.txt p {
    max-width: 24.1rem;
}

.txt .buttons {
    margin-top: 0.6rem;
}

section .left.hometop {
    justify-content: center;
}

section.wit .left {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}

section .right {
    width: 29.4rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
    justify-content: space-evenly;
}

section .right img {
    width: 100%;
    height: 16.6rem;
    object-fit: cover;
    border-radius: 1rem;
}

section .right img.screenshot,
section .left img.screenshot {
    border-radius: unset;
}

section .left img {
    border-radius: 1rem;
    height: 16.6rem;
    width: 29.4rem;
    object-fit: cover;
}

section.wit .right img,
section.leftright .right img {
    height: 16.6rem;
    width: 29.4rem;
}

a.breakingbutton {
    font-size: 0.8rem;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.2rem;
    background-color: var(--geel);
    flex-wrap: nowrap;
    width: auto;
    justify-content: flex-start;
    padding: 0.5rem 0 0.5rem 1rem;
    box-shadow: 0px 0.15rem 0.3rem #00000029;
    border-radius: 0.25rem;
    /* margin-bottom: 2.1rem; */
    transition: background 0.5s;
    line-height: 1em;
}

a.breakingbutton span {
    line-height: 1.4em;
}

a.breakingbutton span.bold {
    font-weight: var(--bold);
    font-style: italic;
    white-space: nowrap;
}

a.breakingbutton .icon-chevron {
    rotate: -90deg;
    width: 0.8rem;
    height: 0.8rem;
}

a.breakingbutton:hover {
    background-color: var(--geelhover);
}

h1 {
    font-weight: var(--bold);
    font-size: 1.5rem;
    line-height: 1.4em;
    /* margin-bottom: 1.2rem; */
}

h2 {
    font-weight: var(--bold);
    font-size: 1rem;
    width: 100%;
    line-height: 1em;
}

.tools h2 {
    line-height: 1.4em;
}

h3 {
    font-size: 0.8rem;
    font-weight: var(--semibold);
    text-transform: uppercase;
    width: 100%;
    line-height: 1em;
}

.wit h3 {
    line-height: 0;
}

h4 {
    font-size: 0.75rem;
    font-weight: var(--bold);
}

p {
    font-size: 0.75rem;
    /* line-height: 1.7em; */
    /* max-width: 24rem; */
}

.buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    /* margin-top: 1rem; */
}

.buttons.topmargin {
    margin-top: 3rem;
}

.button.signup {
    max-width: fit-content;
}

.bookdemo,
.textlink {
    font-size: 0.75rem;
    text-decoration: none;
}

a.bookdemo:hover,
a.textlink:hover {
    text-decoration: underline;
    text-decoration-color: var(--dvroze);
    text-decoration-thickness: 0.1rem;
    text-underline-offset: 0.25rem;
}

.textlink2 {
    font-size: 0.75rem;
    text-underline-offset: 0.2rem;
}

.marketscover {
    margin-top: 1.9rem;
    display: flex;
    gap: 1rem;
}

.benchmarkincluded {
    margin-top: 1.9rem;
}

.marketscover a,
a.speciallink,
.quickmenu a {
    font-size: 0.8rem;
    font-weight: var(--medium);
    text-decoration: none;
    display: flex;
    gap: 0.05rem;
    border-bottom: 0.1rem solid transparent;
    transition: border 0.5s;
}

.marketscover a:hover,
a.speciallink:hover,
.quickmenu a:hover {
    border-bottom-color: #DD8D3C;
}

.marketscover .comingsoon a:hover {
    border-bottom-color: transparent;
}

.marketscover a .icon,
a.speciallink .icon,
.quickmenu a .icon {
    width: .8em;
    height: .8em;
    rotate: -45deg;
    margin-top: -.3rem;
    color: #DD8D3C;
    right: 0rem;
}

.marketscover a:hover .icon,
a.speciallink:hover .icon {
    margin-top: -0.4rem;
    right: -0.1rem;
}

a.speciallink {
    width: 15.5rem;
}

.comingsoon>span {
    /* display: none; */
    position: absolute;
    width: 2.7rem;
    font-size: 0.7rem;
    font-weight: var(--medium);
    background-color: var(--blauw1);
    color: var(--wit);
    padding: 0.2rem;
    text-align: center;
    border-radius: 0.25rem;
    top: 0.1rem;
    left: 4.2rem;
    line-height: 1em;
}

/* .comingsoon a:hover~span {
    display: block;
} */

.additions {
    width: 100%;
    margin-top: 1rem;
}

.additions p {
    margin-bottom: 1.4em;
    max-width: 45rem;
}

.lijn {
    border-top: 1px solid #707070;
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

section .left ul:not(.iti__country-list),
section.wit ul:not(.iti__country-list) {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0.1em;
    /* margin-top: 1.4rem; */
}

section .left li:not(.iti__country),
section.wit li,
ul.check li {
    font-size: 0.75rem;
    margin: 0;
    padding: 0 0 0 1.6rem;
    list-style: none;
    background-image: url("/css/svg/check.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 1.15rem;
}

#factsbar {
    height: 9.4rem;
    background: var(--gradient);
}

#factsbar .wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    color: var(--wit);
    padding: 0;
}

#factsbar .wrapper>div:not(.slick-list),
#factsbar .wrapper>div>div>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
}

#factsbar .wrapper>div>span,
#factsbar .wrapper>div>div>div>span {
    font-size: 0.75rem;
    font-weight: var(--regular);
}

#factsbar .wrapper>div>span.number,
#factsbar .wrapper>div>div>div>span.number {
    font-size: 1.5075rem !important;
    font-weight: var(--bold);
    line-height: 1em;
}

span.plus {
    color: var(--dvroze);
    line-height: 1em;
}

.experience h2 {
    margin-bottom: 2.1rem;
}

/* .experience .right img {
    height: 100%;
} */

.highlights {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
}

.hl {
    padding: 1rem 1.6rem 1.2rem;
    width: 13.8rem;
    background-color: var(--wit);
    box-shadow: 0px 0.15rem 0.3rem #00000029;
    min-height: 11.5rem;
    border-radius: .2rem;
}

.hl h4 {
    margin-bottom: 0.5rem;
}

.hl p {
    font-size: 0.75rem;
}

section .left .hl ul {
    margin-top: 0;
}

section .left .hl li,
ul.circle li {
    padding: 0 0 0 1rem;
    background-image: url("/css/svg/circle.svg");
    background-position: left 0.4rem;
    background-size: 0.5rem;
}

section .left .hl li a,
ul.circle li a {
    text-underline-offset: 0.2rem;
}

ul.circle li strong {
    font-weight: var(--semibold);
}

.right.double {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.right.double img {
    width: calc(50% - .4rem);
    object-position: 0% 50%;
}

.right.double img.nr2 {
    width: calc(50% - .4rem);
    object-position: 100% 50%;
}

section.quote {
    background: var(--gradient);
}

#quotes {
    position: absolute;
    top: 1.9rem;
    width: 6.55rem;
    right: 14.5rem;
}

.quote .wrapper {
    padding: 2.2rem 0 2.1rem 3rem;
    flex-direction: column;
    align-content: center;
    gap: 1.4rem;
}

.quotediv {
    width: 24.5rem;
}

.quotediv h2 {
    color: var(--wit);
    font-size: 1.25rem;
    font-weight: var(--regular);
    line-height: 1.7em;
    text-align: center;
}

.quotediv.row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.quotediv img {
    width: 2.5rem;
}

h6.client {
    color: var(--wit);
    font-style: italic;
    /* line-height: 1.3em; */
    font-size: 0.75em;
}

.insights p {
    margin-top: 0.4rem;
}

.latestinsights {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 1rem;
}

.latestinsights a {
    width: 19.1rem;
    background-color: var(--wit);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 8.75rem;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px 0px 0px 5px;
    text-decoration: none;
}

span.type {
    background-color: var(--notwhite);
    width: 2rem;
    text-align: center;
    padding-top: 0.8rem;
}

.type .icon {
    width: 1rem;
    color: var(--blauw3);
}

.icon-newsbox,
.icon-alert {
    padding: 0.1rem;
}

span.type>span {
    rotate: 90deg;
    position: absolute;
    top: 3.4rem;
    right: 0rem;
    font-size: 0.65rem;
    color: var(--blauw3);
    font-weight: var(--semibold);
    width: 2rem;
    height: 0.7rem;
    line-height: 1.1em;
}

span.item {
    padding: 1rem 2rem;
    width: calc(100% - 2rem);
}

span.item span.date {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0.25rem;
    font-size: 0.65rem;
    font-weight: var(--semibold);
}

span.date span {
    color: var(--blauw3);
    text-transform: capitalize;
}

span.item h5 {
    font-size: 1rem;
    font-weight: var(--bold);
    margin-top: 1.1rem;
    line-height: 1.4em;
}

.bigsignup {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 3.5rem;
    background-color: var(--dvrozehover);
    color: var(--wit);
    border-radius: 0.35rem;
    padding: 2.15rem 5.5rem;
    align-items: stretch;
}

.bigsignup p {
    font-size: 1rem;
    max-width: unset;
    line-height: 1.75em;
    margin-top: 0.95rem;
}

.bigsignup p span {
    font-weight: var(--bold);
}

.bigsignup a.button {
    background-color: var(--blauw0);
    font-size: 0.8rem;
    font-weight: var(--semibold);
    padding: 0.5rem 3.1rem;
}

.bigsignup a.button:hover {
    background-color: var(--blauw2);
}

.div2 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-evenly;
}

.div2 a {
    text-decoration: none;
    font-size: .75rem;
    font-weight: var(--regular);
}

.div2 a:not(.button):hover {
    text-decoration: underline;
}

footer {
    background: var(--gradient);
    color: var(--wit);
    gap: 0;
}

footer .wrapper {
    padding: 3.5rem 1rem;
}

footer .icon.bullmi {
    color: var(--notwhite);
}

footer span.socials {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
}

footer .logo .icon.linkedin,
footer .logo .icon.whatsapp {
    margin-top: 0;
    color: #fff;
    width: 1.7rem;
    height: 1.7rem;
}

footer .logo .icon.whatsapp {
    width: 1.45rem;
    height: 1.45rem;
}

footer .logo .icon footer div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

footer h3 {
    font-size: 0.75rem;
    font-weight: var(--semibold);
    margin-bottom: 1.5rem;
}

footer .logo>a {
    margin-bottom: 0.2rem;
}

footer .logo,
footer .ourhighlights,
footer .tools,
footer .aboutus,
footer .help {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0.5rem;
}

footer .adres {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0.5rem;
    padding-left: 2.2rem;
}

footer .wrapper div a,
footer .wrapper div span {
    font-size: 0.7rem;
    text-decoration: none;
    font-weight: var(--regular);
}

footer .wrapper div span.straat {
    line-height: 1.4em;
}

footer .wrapper div>a:hover {
    text-decoration: underline;
}

footer .lijn {
    border-top: 1px solid var(--notwhite);
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

.wrapper.foot {
    padding: 0.8rem 2rem;
}

.copyright {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
    align-items: center;
    gap: 0.9em;
}

footer .wrapper .copyright span {
    font-size: 0.65rem;
}

.copyright span.logo {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.34rem;
    flex-direction: row;
}

.copyright .icon.bullmi {
    height: 1.25rem;
    width: 1.25rem;
    margin-top: -0.15rem;
}

.copyright .icon.dcami {
    height: 0.75rem;
    width: calc(0.75 * 12.060546875rem);
    margin-top: 0.15rem;
}

/* Specs */
.specspage .container {
    max-width: 41rem;
}

.specspage h1 {
    font-size: 1.5075rem;
    font-weight: var(--bold);
    line-height: 1.3em;
    margin-top: unset;
    max-width: 30rem;
    margin-bottom: 1.5rem;
}

.specspage h2 {
    font-size: 1rem;
    font-weight: var(--semibold);
    line-height: 1.6em;
    color: var(--blauw3);
    margin-top: 1.2rem;
}

.specspage h3 {
    font-size: 0.75rem;
    font-weight: var(--bold);
    line-height: 1.4em;
    margin-top: 1.1rem;
}

.blauwvlak {
    background-color: #d6ecff;
    padding: 1.6rem 1.8rem 0.6rem;
    border-radius: .4rem;
    margin: 0.5rem 0 1.5rem -0.3rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.blauwvlak table {
    margin-left: 0.6rem;
}

.blauwvlak tr:before {
    display: block;
    content: '';
    border-radius: 50%;
    height: 0.25rem;
    width: 0.25rem;
    margin-right: 0.6rem;
    background-color: var(--blauw1);
    margin-top: -0.35rem;
}

.specspage .blauwvlak h3 {
    margin-top: 0;
}

.specspage p,
.specspage div:not(.blauwvlak),
.specspage td,
.specspage li {
    font-size: 0.75rem;
    line-height: 1.4em;
    margin-bottom: 0.8em;
    padding-right: 1rem;
}

.specspage p {
    max-width: unset;
}

.specspage .introtekst {
    max-width: 29rem;
}

.specspage b {
    font-weight: var(--semibold);
}

.specspage p.version {
    margin-top: 2.3rem;
    text-align: right;
    padding-right: 1rem;
}

section.specspage {
    gap: 1rem;
    margin-top: 6rem;
}

section.specspage .wrapper {
    padding: 0 1rem;
}

/* span.back {
    margin-top: 1rem;
    margin-bottom: -1rem;
} */

.back svg.icon.icon-chevron {
    transform: rotate(90deg);
}

span.back>a {
    font-size: 0.67rem;
    font-weight: var(--semibold);
    text-decoration: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

span.back>a:hover {
    text-decoration: underline;
}

ul.desktop {
    display: flex;
}

ul.mobile {
    display: none;
}

section.itempage {
    padding-top: 4rem;
}

.itempage .wrapper {
    flex-wrap: nowrap;
    justify-content: center;
}

.itempage .item {
    max-width: 35rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
}

.itempage .item p {
    font-size: 0.8rem;
    margin-top: 1.7em;
}

.itempage .item ul {
    margin-left: 1rem;
}

.itempage .item li {
    font-size: 0.8rem;
    list-style-type: disc;
    list-style-position: outside;
}

.article.meta {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 0.75rem;
    gap: 1rem;
    font-weight: 400;
    width: 100%;
    border-bottom: .05rem solid var(--offwhite);
    padding-bottom: 1rem;
    margin-top: 0.6rem;
    align-items: center;
}

.article .item_cat {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0.2rem;
    align-items: center;
}

.item_cat .icon {
    padding: 0.15rem;
}

.meta span.border {
    border-right: .1rem solid var(--offwhite);
    height: 1rem;
}

.item .back {
    margin-bottom: 1rem;
    margin-top: -1rem;
}

.item .buttons {
    margin-top: 1rem;
}

.item .blur {
    background-image: url('/img/blur.png');
    height: 6.8rem;
    background-repeat: no-repeat;
    background-size: contain;
}

img.articlephoto {
    margin: 0 -4rem 2rem -3rem;
    height: 20rem;
    object-fit: cover;
    border-radius: 0.4rem;
}

.update .itempage .wrapper {
    padding-top: 2rem;
}

.item .article p:first-child {
    font-weight: var(--semibold);
    font-size: 0.85rem;
}

.item .article p,
.item .article p *,
.item .article li,
.item .article li * {
    font-size: 0.75rem !important;
    background-color: transparent !important;
}

.wrapper.team {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 4rem 1rem;
    justify-items: stretch;
    padding-top: 0 !important;
}

.teamlid {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 0.75rem;
    gap: 1.4rem;
}

.teamlid img {
    /* background-color: var(--notwhite); */
    background-color: #fff;
    border-radius: 50%;
    width: 8rem;
    height: 8rem;
}

.teamlid>div {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.2rem;
}

.teamlid .functie {
    font-weight: var(--semibold);
    text-align: center;
    line-height: 1rem;
}

h1.flex {
    display: flex;
    flex-direction: column;
}

h1.flex span {
    font-weight: var(--medium);
}

.quickmenu {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 3rem;
    margin-top: -1rem;
}

.quickmenu a {
    font-size: 0.85rem;
}

.pressrelease,
.vacancies {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 3rem 1rem;
}

.mediaroom h2.titel,
.morepressreleases h2.titel,
.morewhitepapers h2.titel,
.moreinmedia h2.titel,
.whitepaper h2.titel {
    font-size: 1.5rem;
    line-height: 1.3em;
    margin-bottom: 1.4rem;
}

.pressrelease a.update,
.whitepapers a.update,
.vacancies a.update {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: stretch;
    width: 19.5rem;
}

.pressrelease a.update img,
.whitepapers a.update img,
.vacancies a.update img {
    width: 19.5rem;
    object-fit: cover;
    border-radius: 0.3rem;
    height: 11rem;
}

.pressrelease a.update h3,
.whitepapers a.update h3,
.vacancies a.update h3 {
    line-height: 1.7em;
    text-transform: unset;
}

.pressrelease a.update h2,
.whitepapers a.update h2,
.vacancies a.update h2 {
    line-height: 1.3em;
    font-size: 1.1rem;
}

.pressrelease a.update>span,
.whitepapers a.update>span,
.vacancies a.update>span {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0.4rem;
}

.pressrelease a.update div,
.whitepapers a.update div,
.vacancies a.update div {
    font-size: 0.75rem;
    margin-top: 0.6rem;
}

.inmedia {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.3rem 7rem;
}

.inmedia a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: stretch;
    width: calc((100% - 7rem) / 2);
}

.inmedia h2 {
    line-height: 1.3rem;
}

.inmedia h3 {
    text-transform: unset;
    font-weight: var(--regular);
}

.mediacontact {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
}

.mediaroom .mediacontact {
    justify-content: space-evenly;
}

.businesscard {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 5rem;
    background-color: var(--wit);
    padding: 2.1rem 2rem 1.7rem;
    border-radius: 0.7rem;
    border: 1px solid #e2e2e2;
    justify-content: space-between;
}

.businesscard h3 {
    text-transform: unset;
    font-size: 1rem;
    font-weight: var(--bold);
    line-height: 1em;
}

.businesscard p.tmrgn {
    margin-top: 1rem;
}

.businesscard a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.4rem;
    text-decoration: none;
}

.businesscard .linkedin {
    font-size: 0.65rem;
}

.businesscard a .icon.linkedin {
    width: 1.2rem;
    height: 1.2rem;
}

.businesscard a .icon.icon-mail {
    width: 1.2rem;
    height: 0.8rem;
}

.businesscard a .icon.icon-phone {
    width: 1.2rem;
    height: 0.7rem;
}

.businesscard img {
    background-color: #fff;
    border-radius: 50%;
    width: 8rem;
    height: 8rem;
    /* border: 1px solid #e2e2e2; */
}

.contactus {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 2.5rem 4rem 1.7rem;
    width: 50%;
    font-size: 0.85rem;
}

.contactus>div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.contactus label {
    width: 6rem;
    font-weight: var(--semibold);
}

#presssignup {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0.6rem;
}

#presssignup fieldset {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0.6rem;
}

#presssignup fieldset input {
    width: calc((100% - 0.6rem) / 2);
    height: 2rem;
}

.readmore {
    color: var(--dvrozehover);
    font-weight: var(--semibold);
    white-space: nowrap;
}

.morenews {
    width: 100%;
    text-align: center;
}

a.readmore {
    margin-top: 2rem;
    display: block;
    margin-bottom: -1rem;
}

.benchmarkoverview {
    display: grid;
    width: 100%;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3rem 0;
    margin-top: 3rem;
    justify-items: stretch;
}

.bmcat h2 {
    font-weight: var(--semibold);
    margin-bottom: 0.5rem;
}

img.dubbel.foto1,
section.wit .right img.dubbel.foto1,
section.leftright .right img.dubbel.foto1 {
    height: 13rem;
    width: 19.4rem;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

img.dubbel.foto2,
section.wit .right img.dubbel.foto2,
section.leftright .right img.dubbel.foto2 {
    height: 20rem;
    width: 10rem;
}

section.leftright .right.dubbelefoto,
section.leftright .left.dubbelefoto {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
}

.right.dubbelefoto img.dubbel.foto1 {
    border-radius: 1rem !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

section.leftright .left.fiftyfifty {
    display: flex;
    flex-direction: row;
}

section .left.fiftyfifty img {
    height: 15.5rem;
    width: 17rem;
}

.left.fiftyfifty img.foto2 {
    margin-top: 4rem;
    margin-left: -6rem;
}

.wrapper.lbl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3rem;
}

.lbl>div {
    width: 30%;
}

.lbl>div>img {
    width: 16rem;
    height: 5rem;
    object-fit: contain;
    object-position: 50% 0%;
}

body.contact section .right,
.contact-thankyou section .right,
.api-thankyou section .right,
.signup-thankyou section .right,
.newsletter-thankyou section .right,
.whitepaper-thankyou section .right {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 1rem;
    justify-content: flex-start;
}

.signup-thankyou .right ul>li.trial {
    visibility: hidden;
}

form#contactform,
form#signupform,
form#whitepaperform,
form#apiform {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1rem;
}

form#newsletter {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 22rem;
    gap: 0.6rem;
}

form#newsletter input[type='submit'] {
    padding: 0.3rem 1rem;
}

form#whitepaperform,
form#apiform {
    width: 20rem;
    margin-top: 1rem;
}

.microtxt {
    font-size: 0.6rem;
    color: #666;
}

fieldset {
    width: 100%;
}

form div:not(.iti__selected-flag) {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1rem;
}

form input[type="text"],
form input[type="number"],
form input[type="tel"],
form input[type="email"],
form select,
form textarea {
    background-color: #ffffff;
    border: 0.05rem solid #c5cbcf;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    padding: 0 0.5rem;
    line-height: 0.8rem;
    width: 100%;
    font-weight: 500;
    height: 2rem;
    color: var(--tekstkleur);
}

form textarea {
    height: 6rem;
    padding: 0.6rem;
}

fieldset span:not(.iti__country-name, .iti__dial-code) {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.3rem;
    font-size: .75rem;
    width: 9rem;
    margin-left: 0.3rem;
}

fieldset span.alsosignup {
    width: 21rem;
}

form span input[type="checkbox"] {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    accent-color: var(--blauw4);
    width: 0.8rem;
    height: 0.8rem;
}

fieldset>label {
    font-size: 0.7rem;
    position: absolute;
    top: -0.55rem;
    left: 0.4rem;
    background: linear-gradient(180deg, var(--notwhite) 50%, #fff 50%);
    padding: 0 0.4rem;
    color: var(--blauw4);
    font-weight: 500;
}

.signup fieldset>label,
.whitepaper fieldset>label,
.api fieldset>label {
    background: #fff;
}

form input:placeholder-shown~label,
form select:not(.active)~label,
form textarea:placeholder-shown~label {
    display: none;
}

.icon.linkedin {
    color: #0a66c2;
    width: 2rem;
    height: 2rem;
    margin-left: -.2em;
}

body.signup {
    background: linear-gradient(-90deg, var(--notwhite) 50%, #fff 50%);
}

body.signup nav {
    box-shadow: none;
    background-color: transparent;
    position: relative;
}

body.signup nav .left>ul,
body.signup nav .right>ul,
body.signup footer {
    display: none;
}

section.signup .left {
    width: calc(100% - 41rem);
    padding-right: 0;
}

section.signup .right {
    width: 41rem;
}

#signupimg {
    width: 31.75rem;
    height: 18.25rem;
    background: url('/img/signup/dashboarding.png');
    background-size: contain;
}

#signupimg img {
    width: 100%;
    height: 100%;
}

/* .pijltje .triangle {
    display: none;
} */

.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;

    li {
        margin: 0 0.25rem;
    }

    button {
        display: block;
        width: 0.7rem;
        height: 0.7rem;
        padding: 0;
        border: none;
        border-radius: 100%;
        background-color: #7a8c96;
        text-indent: -9999px;
    }

    li.slick-active button {
        background-color: var(--dvroze);
    }

}

a.anchor {
    display: block;
    height: 0;
    margin-top: -6rem;
    visibility: hidden;
}

span.seperator {
    margin: 0 0.3rem;
}

section.whitepaperpage {
    padding-top: 4rem;
}

.whitepaperpage .wrapper {
    flex-wrap: nowrap;
    justify-content: center;
    padding-bottom: 2rem;
}

.whitepaperpage .item {
    max-width: 40rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
}

.whitepaperpage .item p {
    font-size: 0.8rem;
    margin-top: 1.7em;
}

.whitepaperpage .item li {
    font-size: 0.8rem;
    list-style: none;
    list-style-position: outside;
}

.whitepaperpage ul li::before {
    content: '✔';
    margin-right: 0.5em;
}

.whitepaperpage .img {
    width: 22.5rem;
}

.whitepaperpage .img img {
    position: absolute;
    bottom: -11rem;
    z-index: 3;
    width: 22.5rem !important;
    /* 450px*/
}

.iti {
    margin-top: 0;
    width: 100%;
}

span.iti__country-name {
    color: #111;
    margin-left: 0.8rem;
    font-size: 0.65rem;
}

.iti__country-list {
    overflow-x: hidden;
}

section div:not(.dca-pra, .benchmarks)>ul li.iti__country::before {
    display: none;
}

section ul li.iti__country {
    margin-left: 0;
    margin-bottom: 0;
    max-width: 15.75rem;
    line-height: 1.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.iti:has(input:placeholder-shown)~label {
    display: none;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
}

.iti__dial-code {
    color: #999;
    font-size: 0.65rem;
}

.product_INTEREST {
    display: none;
}

.dataviewwrap:not(.dv_tabel) {
    border: 1px solid #ffffff;
    box-sizing: border-box;
    padding: 0 0 4px;
    background: #ffffff;
    margin-left: -10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-bottom: 2em;
}

.dataviewwrap.dcamish {
    padding-top: 1em;
}

.dataview {
    font-family: var(--fontfam);
    font-weight: 300;
    display: block;
    position: relative;
    margin: 0 2%;
}

.dataview div.chartdiv {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

g[style='cursor: pointer;'] {
    display: none;
}

g[role=switch] {
    display: block;
}

g[role=scrollbar] g g[fill-opacity='0.8'] {
    fill: #f3f4f6;
}

g[role=scrollbar] g[fill-opacity='0.5'] path {
    fill: #595e6d;
}

g[role=region]>g>g>g[style='user-select: none;'] text:nth-child(1)>tspan {
    font-family: var(--fontfam);
    /*font-family: 'Bree serif';*/
    font-weight: 500;
}

g[aria-labelledby*="id-"][aria-labelledby*="-title"][filter*="url("] {
    display: none;
}