@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrQ.ttf) format('truetype');}            :root {              --color: var(--dark-color);              --primary-background-color: var(--primary-color) !important;              --secondary-background-color: var(--secondary-color);              --primary-button-color: var(--on-primary-color) !important;              --secondary-button-color: var(--on-secondary-color) !important;              --primary-border-color: 	var(--on-primary-color);              --primary-border-radius:25px !important;              --height-navigation: calc(80px + 40px + 0px);              --primary-navigation-color: var(--light-color) ;              --background-color: #ffffffff;              --surface-color: #ffffff00;              --primary-color: #000000ff;              --primary-variant-color: #000000ff;              --secondary-color: #28a144ff;              --secondary-variant-color: #28a144ff;              --tertiary-color: #d93025ff;              --tertiary-variant-color: #d93025ff;              --dark-color: #000000ff;              --dark-gray-color: #333333ff;              --gray-color: #ccccccff;              --light-gray-color: #fafafaff;              --light-color: #ffffffff;              --approve-color: #274af1ff;              --succeed-color: #2ecc71;              --error-color: #d93025ff;              --warning-color: #f28f1d;              --link-color: #0064bcff;              --link-hover-color: #000000ff;              --on-background-color: var(--dark-color);              --on-surface-color: var(--dark-color);              --on-primary-color: var(--light-color);              --on-secondary-color: var(--light-color);              --on-tertiary-color: var(--light-color);              --on-dark-color: var(--light-color);              --on-dark-gray-color: var(--light-color);              --on-gray-color: var(--dark-color);              --on-light-gray-color: var(--dark-color);              --on-light-color: var(--dark-color);              --on-link-color: var(--light-color);              --on-approve-color: var(--light-color);              --on-error-color: var(--light-color);              --inner-content:1200px;              --input-border-width: 1px;              --custom-font: Raleway;            }            @media (hover: hover) {              .PrimaryWrapper .navButton:hover > a, .PrimaryWrapper .navButton:hover > .subButton svg, .PrimaryWrapper .navButton:hover > a.active{                color: var(--light-color);              }              .SecondaryWrapper .navButton:hover > a, .SecondaryWrapper .navButton:hover > .subButton svg, .SecondaryWrapper .navButton:hover > a.active {                color: var(--primary-color) !important;                fill: var(--primary-color) !important;              }              .TertiaryWrapper .navButton:hover > a, .TertiaryWrapper .navButton:hover > .subButton svg, .TertiaryWrapper .navButton:hover > a.active {                color: var(--primary-color) !important;                fill: var(--primary-color) !important;              }              a.item.child:hover::before {                width: 100%;                content:"";                position: absolute;                top: calc(100% - 3px);                border-bottom: inset 3px var(--light-color);              }            }            html {              /*background-color: var(--primary-color);*/            }            body {              font-family: Raleway !important;              font-size: 13pt !important;              color: var(--dark-color);              background-color: var(--background-color);            }            main, footer {              letter-spacing: 0px;            }            .polygon polygon {              fill: var(--background-color) !important;            }            textarea {              font-family: Raleway !important;            }            h1,h2,h3,h4,h5,h6, .text-huge, big {              color: var(--dark-color);              letter-spacing: 0px;            }            h1 {              font-family: Raleway !important;                          }            h2 {              font-family: Raleway !important;                          }            h3 {                                        }            .inner-content a, #cartContainer a {              color: #0064bcff;            }            .inner-content a:hover, #cartContainer a:hover {              color: #000000ff;            }            hr {              color: var(--light-gray-color);              border-width: 1px;              border-radius: 0px;            }            input, input::placeholder, textarea::placeholder, select {              color: var(--dark-color);              opacity: 1;            }            input:-ms-input-placeholder, textarea:-ms-input-placeholder {              color: var(--dark-color);            }            input::-ms-input-placeholder, textarea::-ms-input-placeholder {              color: var(--dark-color);            }            input[type=submit], input[type=button], button, .pageTags a, a.stdButton, a.stdButton svg, .sliderButtons, ::selection, .ui-widget-header, .toggleFilters, .toggleFilters a, .toggleFilterContainers, .toggleFilterContainers svg, .toggleFilterContainers a, .paginationButton.Active, .paginationButton.Active a, .ProductSale, .submitDiscountCode {              background: var(--primary-color);              color: var(--on-primary-color) !important;              fill: var(--on-primary-color) !important;              border-radius: 25px !important;              border-width: 0px !important;              border-color: 	var(--on-primary-color);            }            .paginationWrapper div a {              border-radius: 25px !important;            }            a.secondairButton {              background: var(--secondary-color);              color: var(--on-secondary-color) !important;              fill: var(--on-secondary-color) !important;              border-radius: 0px !important;              border-width: 0px;              border-color: var(--on-secondary-color);            }            .dropdownListHead::before {              color: var(--primary-color) !important;            }            .whiteModernPrimairButton:hover, .blackModernPrimairButton:hover, .dropdownListOpen .dropdownListHead::before, .primaryColors {              background: var(--primary-color) !important;              color: var(--on-primary-color) !important;              box-shadow: 0px 15px 20px rgba(170,170,204,.2);            }            .whiteModernSecondairButton:hover, .blackModernSecondairButton:hover {              background: var(--secondary-color) !important;              color: var(--on-primary-color) !important;              box-shadow: 0px 15px 20px rgba(174,205,172,.2);            }            .filterHead, .filterHead a {              background: var(--primary-color);              color: var(--on-primary-color) !important;              fill: var(--on-primary-color) !important;            }            #compassSVG {              fill: var(--primary-color);            }            .shareContainerIcons {              fill: var(--dark-color) !important;            }            .bgcolor .social-media svg {              fill: var(--dark-color) !important;            }            header input::placeholder {              color: var(--light-color) !important;            }            header .social-media svg {              fill: var(--light-color) !important;            }            #headerBar .social-media svg {              fill: var(--on-primary-color) !important;            }            footer .social-media svg {              fill: #000000ff !important;            }            input[type=submit]:hover, input[type=button]:hover, button:hover, .pageTags a:hover, a.stdButton:hover, .webButton:hover {              background: rgba(170,170,204,.9);              color: var(--on-primary-color);            }            input[type=submit]:active, input[type=button]:active, button:active, .pageTags a:active, a.stdButton:active, .webButton:active {              background: rgba(170,170,204,.6);              transition: .0s !important;            }            .webButton.secuodairButton:hover {              background: rgba(174,205,172,.9);            }            .webButton.secondairButton:active {              background: rgba(174,205,172,.6);              transition: .0s !important;            }            .PrimaryWrapper .navButton, .PrimaryWrapper, .mobileWrapper, header .PrimaryWrapper .navButton a.item {              min-height: 80px;            }            #logoContainer img, #logoContainer svg {              max-height: 80px;            }            #logoContainer svg {              height: 100%;            }            .SecondaryWrapper, .SecondaryWrapper .navButton {              min-height: 40px;            }            .TertiaryWrapper, .TertiaryWrapper .navButton {              min-height: 0px;            }            .PrimaryWrapper .navButton {              font-size: 17px !important;              max-height: 80px;            }            .TertiaryWrapper .navButton {              font-size: 14px !important;              max-height: 0px;            }            #headerBar {              height: calc(40px + 10px);              background-color: var(--primary-color);              color: var(--on-primary-color);              border-bottom-style: solid;              border-bottom-width: 0px;              border-color: var(--light-gray-color);            }            #headerBar a, #headerBar #searchContainer input, #headerBar #searchContainer input::placeholder {              color: var(--on-primary-color);            }            #headerBar #searchContainer svg {              fill: var(--on-primary-color);            }            #headerBar #searchContainer input {              border-bottom-color: var(--on-primary-color);            }            #spinner {              border-top-color: var(--primary-color) !important;            }            .scrollBackground, header.scrollBackground, .staticBackgroundColor, header.staticBackgroundColor , .PrimaryWrapper .subBground, #logoContainer::before, #logoContainer::after, #navigation::after, .scrollBackground.secundairNav, .staticBackgroundColor.secundairNav, .secundairNav .navButtonWrapper::before {              background-color: #ffffff00 !important;              border-bottom-style: solid;              border-bottom-width: 0px;              border-color: 	var(--light-gray-color);            }            .SecondaryWrapper, .SecondaryWrapper .subBground {              background-color: var(--light-color) !important;            }            .TertiaryWrapper, .TertiaryWrapper .subBground {              background-color: var(--light-color) !important;            }            #navigationBground.staticBackgroundColor {              border-bottom-style: solid;              border-bottom-width: 0px;              border-color: 	var(--light-gray-color);            }            /*.PrimaryWrapper .subBground::before {              border-bottom-color: #ffffff00 !important;            }*/            .PrimaryWrapper a, .PrimaryWrapper svg, .MobileWrapper svg, .cartContainer svg, .PrimaryWrapper input, .PrimaryWrapper #searchContainer input::placeholder {              color: var(--light-color);              fill: var(--light-color);            }            #hamburgerFlatNav span {              background-color: var(--light-color) ;            }            .PrimaryWrapper .navButton a {              letter-spacing: 0px;            }            .SecondaryWrapper .navButton a, .SecondaryWrapper .subBground {              letter-spacing: 0px;              color: var(--dark-color);            }            .TertiaryWrapper .navButton a, .TertiaryWrapper .subBground {              letter-spacing: 0px;              color: var(--dark-color);            }            .Sub .closeSub svg {              fill: var(--light-color);            }            header .PrimaryWrapper .navButton a {              padding-left:25px;              padding-right:25px;            }            #socialContainer {              padding-left:25px;            }            header .SecondaryWrapper .navButton {              padding-left:10px;              padding-right:10px;            }            header .TertiaryWrapper .navButton {              padding-left:10px;              padding-right:10px;            }            .navButton a {                          }            .navButton a.active {              color: var(--light-color) !important;                          }            .SecondaryWrapper .navButton a.active {              color: var(--primary-color) !important;            }            .SecondaryWrapper #headerInnerContainer {              border-top-width: 0px !important;            }            .SecondaryWrapper #headerInnerContainer {              border-top-color: var(--light-gray-color) !important;            }            .TertiaryWrapper .navButton a.active {              color: var(--primary-color) !important;            }            .TertiaryWrapper #headerInnerContainer {              border-top-width: 0px !important;            }            .TertiaryWrapper #headerInnerContainer {              border-top-color: var(--light-gray-color) !important;            }            .quantityNotification {              background-color: var(--light-color) !important;              color: #ffffff00 !important;            }            #headerInnerBar, .inner-content, .SecondaryWrapper #headerInnerContainer, .PrimaryWrapper #headerInnerContainer {              max-width: 1200px;            }            .subBground {              margin: 0 calc((-100vw + 1200px) / 2);              padding: 0 calc((100vw - 1200px) / 2);            }            .Sub {              max-width: 1200px;              background-color: #ffffff00;            }            #footer {              background-color: #ffffffff;            }            #footer, #footer td, #footer strong, #footer b, #footer i {              color: #000000ff;            }            #footer #searchContainer input, #footer #searchContainer input::placeholder {              color: #000000ff;            }            #footer #searchContainer input {              border-bottom-color: #000000ff;            }            #footer #searchContainer svg {              fill: #000000ff;            }            #footer a {              color: #000000ff;            }            #footer, #footer a, #footer td, #footer p {              font-size: 14pt !important;            }            #footer hr {              color: #ffffffff;            }            #footer a:hover {                color: #000000ff;              }#overlay, .bgcolor, .openCart {              background-color: var(--background-color);            }            #spinner {              border-top-color: var(--dark-color);            }            .ProductContainer, .CategoryContainer, .catalogItem {              background-color: #00000000;}            .ProductContainer img, .CategoryContainer img {}            .catalogSelector a, .filterSubWrapper a.closeFilter {              color: #000000ff !important;            }            p.categoryName, p.productName, .span.menuTitle {              color: #000000ff;            }            .productDescription p {              color: #000000ff;            }            .productPrice p, span.productFilterPrice {              color: #000000ff;            }            a.stdButton.orderButton {              color: #ffffffff;              fill: #ffffffff;            }            #poweredBy {              background-color: #ffffffff !important;              border-color: #00000000 !important;            }            #poweredBy a, #poweredBy p {              color: #000000ff !important;            }            @media screen and (max-width: 1200px) {              .subBground {                width: 100vw;                margin: unset !important;              }            }            input[type=button], input[type="password" i], input[type=time], input[type=text], input[type=search], input[type=email], input[type=number], input[type=tel], input[type=mail], input[type=date], select, textarea {              border-color: #ccccccff;              border-width: var(--input-border-width);              border-radius: 0px;              background: #ffffffff;            }            @media screen and (max-width : 810px) {              body {                --height-navigation: 80px;              }              h1,h2,h3,h4,h5,h6, .text-huge, big {                              }              #navigationBground.staticBackgroundColor, .staticBackgroundColor #headerInnerContainer {                border-bottom-style: unset;                border-bottom-width: unset;                border-color: unset;              }              #navigation {                background-color: #ffffff00 !important;                padding-top: calc(80px + 40px);              }              #searchBackground, header, .MobileWrapper, .openMobileNavigation .primaryWrapper {                background-color: #ffffff00 !important;              }              #navigation::after {                height: 80px;              }              .scrollBackground #navigation::after {                height: 80px;              }              .scrollBackground #navigation {                padding-top: 80px;              }              .catalogFilter {                background-color: var(--background-color);              }              #socialContainer {                padding-right:25px;              }              .PrimaryWrapper .navButton {                min-height: unset;              }              header {                height: 80px ;              }              <!--.coverImage {                margin-top: -80px !important;              }-->              #logoContainer img, #logoContainer svg {                max-height: 80px !important;              }              header .PrimaryWrapper .navButton {                border-width: 1px !important;              }              header .SecondairyWrapper .navButton {                border-width: 0px !important;              }              .openCatalogFilter {                transform: translateY(80px) !important;              }            }            @media screen and (max-width : 600px) {              h1,h2,h3,h4,h5,h6, .text-huge, big {                              }            }* {
  -webkit-hyphens: unset !important;
   -ms-hyphens: unset !important;
   hyphens: unset !important;
   hyphens: unset !important;
}
.caseLogoBox img {
max-width: 600px !important;
}
.padgin-link-wrapper {
margin-bottom: 50px;
margin-top: 50px;
}
#footer {
padding: unset !important;
}
#footer .W100 {
padding: 5rem 5rem !important;
}
.academy-header {
position: relative;
}
.academy-header::before {
content: "";
background: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 100%);
position: absolute;
left: 0px;
top: 0px;
width: 100vw;
height: 100%;
}
.course-tile-text {
font-size: 22px !important;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 25px !important;
  border-radius: 25px;
  overflow: hidden;
height: 200px !important;
  background: #F2CA7E;
}
.course-tile-text:nth-child(2) {
  background: #deff5f;
}
.course-tile-text p {
line-height: 1.2 !important;
font-size: 18px !important;
font-weight: 600;
}
.academy-wrapper {
  padding-top: 50px !important;
  border-top-left-radius: 50px !important;
  box-shadow: rgba(50, 50, 93, 0.1) 0px -8px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  border-top-right-radius: 50px;
  padding-bottom: 100px;
}
.course-row .Column:has(strong):not(.course-tile) {
flex: 3;
}
.course-row .ColumnWrapper {
grid-gap: 15px;
align-items: center;
}
.course-row p {
font-size: 12px;
}
.course-row p:has(strong) {
font-size: 16px !important;
line-height: 1.2 !important;
}
.academy-wrapper .inner-content {
padding-left: unset !important;
padding-right: unset !important;
}
.academy-wrapper .inner-content.course-tile-text .content {
padding-left: 25px !important;
padding-right: 25px !important;
}
.course-row {
grid-gap: 40px;
display: inline-flex;
}
.course-tile {
border-radius: 25px;

}
.course-tile img {
  border-radius: 25px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  object-fit: cover !important;

}
.course-tile .content:has(img) {

border-radius: 25px;
transition: .2s;
margin-bottom: 10px;
height: 200px !important;
}
.course-tile-text {
box-shadow: rgba(50, 50, 93, 0.15) 0px 50px 100px -20px, rgba(0, 0, 0, 0.2) 0px 30px 60px -30px;
transition: .2s;
}
.course-tile-text:hover {
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.academy-header .blackOutlineButton {
  border-radius: 50px !important;
  font-weight: 600 !important;
  border-width: 1px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
}
.academy-header .blackOutlineButton:hover {
  border-width: 1px !important;
}
.academy-header h1 {
font-weight: 300 !important;
font-size: 68px !important;
}
.academy-header h1 strong {
font-weight: 600;
}
.academy-header {
min-height: 40vh;
padding-top: 100px;
}
.academy-header .inner-content {
padding-left: 0px !important;
padding-right: 0px !important;
}
 .verticalListItems .ColumnWrapper {
   margin-bottom: 40px;
}
 .padgin-link-tile .content.inner-content {
   padding: unset !important;
}
 .img-max-1000 img {
   max-width: 100% !important;
   width: 1000px;
}
 .small-font-size p:has(strong) {
   margin-top: 10px;
}
 .small-font-size p {
   line-height: 1.25 !important;
}
 .small-font-size p:not(p:has(strong)) {
   font-size: 13px;
}
 .light-text-color *:not(#professionele-website-laten-maken) {
   -webkit-font-smoothing: antialiased;
}
 #deze-website-is-offline-gehaald {
   filter: invert(1);
}
 .image-square {
   padding-left: unset !important;
   padding-right: unset !important;
}
 .whiteModernPrimairButton {
   box-shadow: unset !important;
   border: 2px solid #000 !important;
   letter-spacing: unset !important;
   font-weight: 600 !important;
   font-size: 16px !important;
}
 .whiteModernPrimairButton:hover {
   transform: unset !important;
}
 .padgin-seo-page img {
   width: 100% !important;
   height: 500px !important;
   object-fit: cover !important;
}
 .W100.padgin-link-wrapper {
   padding: unset !important;
}
 .padgin-max-width {
   max-width: 1600px !important;
}
 .padgin-link-tile {
   padding: 25px !important;
   background: #fafafa;
}
 .light-text-color a:not(a.readMorePadgin, .link-button-padgin a, a.readMorePadginSmallLeft ) {
   color: #ffffff !important;
   text-decoration: underline !important;
}
 h5 strong {
   font-size: 1.5rem;
   line-height: 1;
}
 h6 {
   margin-bottom: 5px;
}
 .SEO span {
   padding: 5px 10px;
   border-radius: 50px;
   font-size: smaller;
   white-space: nowrap;
   display: inline-block;
}
 .Red {
   color: #c0392b !important;
}
 .Orange {
   color: #e67e22 !important;
}
 .Yellow {
   color: #d29c00 !important;
}
 .Green {
   color: #27ae60 !important;
}
 .DarkGreen {
   color: darkgreen !important;
}
 .Blue {
   color: #507dd0 !important;
}
 .Brown {
   color: brown !important;
}
 .Purple {
   color: #8e44ad !important;
}
 .deepBlue {
   color: darkblue;
}
 .deepOrange {
   color: darkorange;
}
 .SEO span.Red, .SEO .Red.number {
   background: #c0392b20;
}
 .SEO span.Orange, .SEO .Orrange.number {
   background: #e67e2220;
}
 .SEO span.Yellow, .SEO .Yellow.number {
   background: #e6cf2220;
}
 .SEO span.Green, .SEO .Green.number {
   background: #27ae6020;
}
 .SEO .wordCounterBox {
   display: inline-flex !important;
   align-items: center;
   width: 100%;
   font-size: 9pt;
   color: #000;
   font-weight: 500;
}
 .SEO .wordCounterBox p {
   font-size: 9pt;
   color: #000;
   font-weight: 500;
}
 .light-text-color .dark-text-color *:not(.Seo span) {
   color: var(--dark-color) !important;
}
 .box-sizing-border-box * {
   box-sizing: border-box;
}
 .object-fit-contain img {
   object-fit: contain !important;
}
 big .text-huge {
   font-size: 4rem !important;
}
 .dark-overlay {
   position: relative;
}
 .dark-overlay::before {
   position: absolute;
   content: \"\";
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-color:#000000c2;
}
 .diensten-template {
   padding: 10rem 0px 0px 0px !important;
}
 .transform-180 {
   transform: rotate(180deg);
}
 .contentPreview svg {
   max-width: 48px !important;
}
 .force-inline-wrapper-padgin {
   display: grid !important;
   flex-wrap: nowrap;
   grid-auto-columns: minmax(0, 1fr);
   grid-auto-flow: column;
}
 .highlight-wrapper-dock {
   background: #fafafa;
   padding: 5rem 0rem !important;
}
 .highlight-dock-column-wrapper {
   grid-gap: 40px;
   min-height: 600px;
   grid-auto-columns: minmax(0, 1fr);
   grid-auto-flow: column;
   display: grid;
}
 .highlight-box-dock {
   background-color: #ffffff;
   border-radius: 25px;
   overflow: hidden;
   position: relative;
}
 .highlight-padgin-title {
   padding: 36px 40px;
   font-size: 24px !important;
}
 .highlight-padgin-image {
   padding: 0px !important;
   margin: unset !important;
   min-height: 500px !important;
}
 .highlight-padgin-typo:not(#blockOrder .highlight-padgin-typo) {
   display: inline-flex;
   justify-content: center;
   flex-direction: column;
   font-size: 2.5rem !important;
   padding: 80px !important;
}
 .highlight-padgin-typo a{
   font-size: 1.2rem !important;
}
 .highlight-padgin-typo.light-text-color svg {
   fill: #ffffff;
}
 .highlight-padgin-typo svg {
   height: 58px;
   width: 58px;
}
 .highlight-padgin-typo .highlight-padgin-title {
   position: absolute;
   top: 0px;
   left: 0px;
}
 .highlight-padgin-typo * {
   font-weight: 600;
   line-height: 1.4 !important;
}
 .google-gradient-background {
   background:linear-gradient(-120deg, #4285f4, #34a853, #fbbc05, #ea4335);
}
 .black-gradient-background {
   background-color: #000000;
   background-image: linear-gradient(315deg, #000000 0%, #414141 74%);
}
 .blue-gradient-background {
   background-color: #2a2a72;
   background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
}
 .green-gradient-background {
   background-color: #3bb78f;
   background-image: linear-gradient(315deg, #3bb78f 0%, #0bab64 74%);
}
 .red-gradient-background {
   background-color: #3f0d12 !important;
   background-image: linear-gradient(315deg, #3f0d12 0%, #a71d31 74%) !important;
}
 .highlight-padgin-typo strong {
   -webkit-text-stroke: 0.5px;
}
 .highlight-padgin-image img {
   min-height: 500px;
   max-height: 500px;
   min-width: 100%;
   object-fit: cover;
   margin-bottom: unset !important;
   margin-top: unset !important;
}
 .fade-in-wrapper-padgin .Column {
   animation: fadeDownToTopPadgin 2s;
   animation-fill-mode: forwards;
   transform: translateY(100px);
}
 .fade-in-wrapper-padgin .Column:nth-child(2){
  animation-delay: 100ms;
}
 .fade-in-wrapper-padgin .Column:nth-child(3) {
  animation-delay: 200ms;
}
 .fade-in-wrapper-padgin .Column:nth-child(4) {
  animation-delay: 300ms;
}
 .fade-in-wrapper-padgin .Column:nth-child(5) {
  animation-delay: 400ms;
}
 @keyframes fadeDownToTopPadgin {
   from {
    transform: translateY(100px);
     opacity: 0;
  }
   to {
     transform: translateY(-0px);
     opacity: 0.6 !important;
  }
}
 .sticky-navigation-dock {
   position: sticky;
   top: 0px;
   background: #ffffff;
   z-index: 999;
}
 .dock-menu-wrapper * {
   font-weight: 600 !important;
   font-size: 0.9rem;
   -webkit-text-stroke: 0.2px;
   letter-spacing: 1px;
   transform: unset;
   text-align: center !important;
}
 .dock-menu-wrapper {
   grid-gap: 20px;
   flex-wrap: nowrap;
   margin: 9rem auto 0px auto !important;
   overflow-x: auto !important;
   overflow-y: hidden !important;
   padding: 1rem 23px 1rem 23px !important;
   position: relative;
}
 .dock-menu-wrapper .Column:hover {
   opacity: 1 !important;
}
 #dock .page-dock.Column, #website .page-website.Column, #webshop .page-webshop.Column, #ordersysteem .page-order.Column, #crm .page-crm.Column {
   opacity: 1 !important;
}
 .light-text-color .dock-menu-wrapper * {
   color: #ffffff !important;
   fill: #ffffff !important;
}
 .dock-menu-wrapper::-webkit-scrollbar {
   display: none;
}
 .dock-menu-wrapper svg {
   width: 28px;
   height: 28px;
   text-align: center;
}
 .whatsappFooter a {
   display: inline-flex !important;
   grid-gap: 10px;
   margin: 10px 0px;
}
 #website .contactNavButton {
   display: none;
}
 .scroll-down .navRightPadgin {
   opacity: 0;
   transform: translateY(-50px);
}
 .navRightPadgin {
   display: flex;
   flex-direction: column;
   font-weight: 600;
   position: fixed;
   right: 3.75rem;
   top: 3.75rem;
   z-index: 999;
   transition: .4s;
   transition-timing-function: ease;
   flex-direction: row-reverse;
   grid-gap: 40px;
   align-items: center;
}
 .navRightPadgin span {
   line-height: 1.5;
   font-size: 1rem;
}
 .navRightPadgin span a {
   color: #ffffff !important;
}
 .desktopNav .desktopHamburgerIcon {
   position: unset;
   right: unset;
   top: unset;
}
 .overFlowHidden .contactNavButton {
   opacity: 0;
}
 .PrimaryWrapper .Center .navButton {
   margin-bottom: 0px;
}
 .contactNavButton {
   top: 3.75rem;
   position: fixed;
   z-index: 999;
   left: 50%;
   transform: translateX(-50%);
   z-index: 1;
   color: #000000 !important;
   padding: 10px 17px;
   box-sizing: border-box;
   border: 2px solid #ffffff;
   border-radius: 38px;
   background: #000000 !important;
   transition: .2s;
   cursor: pointer;
   display: none;
}
 .contactNavButton:hover {
   filter: invert(1);
}
 .contactNavButton a {
   font-weight: 600;
}
 .contactNavButton a:hover {
   text-decoration: none !important;
}
 .smaller-text * {
   font-size: 0.875rem;
}
 .smaller-text strong, .smaller-text b {
   font-size: 1rem;
   font-weight: 600 !important;
}
 p:has(span.text-small) {
   line-height: 1.3 !important;
   font-weight: 300;
}
 .padgin-sticky-top-subject {
   position: sticky;
   top: 3.75rem;
   mix-blend-mode: difference;
   z-index: 1;
}
 .reset-line-height p {
   line-height: 1.2 !important;
}
 .readMorePadginSmallLeftActive {
   pointer-events: none;
}
 .readMorePadginSmallLeftActive .link-button-padgin {
   background-color: #ffffff !important;
}
 .readMorePadginSmallLeftActive i {
   color: #000000 !important;
}
 .video-fullscreen video {
   min-height: 100vh !important;
   pointer-events: none;
   object-fit: cover;
}
 .movie-background-padgin {
   position: relative;
}
 .movie-background-padgin {
   position: absolute;
   top: 50%;
   max-width: 50rem !important;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 1;
   display: flex;
   align-items: center;
   vertical-align: middle;
}
 .movie-background-text {
   display: inline;
   line-height: 1;
}
 .movie-background-text .readMorePadginSmall {
   width: 100%;
   font-weight: 600;
   opacity: 0.6;
   margin-top: 30px;
}
 html body .Body:has(.gauge-wrapper) {
   display: flex;
   flex-direction: column;
}
 html body .Body:has(.gauge-wrapper) * {
   font-size: 12px !important;
}
 html body .inner-content.embed .Body .gauge-wrapper {
   width: 100% !important;
}
 .movie-background-text .readMorePadginSmall:hover {
   opacity: 1;
}
 .movie-background-text span {
   font-weight: 600;
   font-size: 4rem;
   color: #ffffff;
   opacity: 0.7;
   transition: .4s;
}
 .movie-background-text span:hover {
   opacity: 0.8;
}
 span.span-highlite {
   opacity: 1 !important;
}
 .movie-background-text strong {
   font-weight: 600 !important;
   opacity: 1 !important;
}
 .overflow-scroll-100-height {
   overflow: scroll;
   height: 100vh;
}
 .sortableContainer.overflow-scroll-100-height {
   height: unset !important;
   overflow: unset !important;
}
 .inline-appstore {
   display: inline-flex;
   justify-content: center;
   grid-gap: 20px;
}
 .inline-appstore svg {
   width: 120px;
}
 .huge-typographic * {
   font-size: 4rem;
   line-height: 1.2 !important;
}
 .green-gradient-padgin {
   background-image: linear-gradient( 109.6deg, rgba(24,138,141,1) 11.2%, rgba(96,221,142,1) 91.1% );
}
 .postWrapper {
   display: none;
}
 .line-height-unset-p p {
   line-height: 1.2 !important;
   padding-bottom: 10px;
}
 .dropdownList .inner-content {
   padding-right: 50px !important;
}
 .font-weight-500 * {
   font-weight: 500 !important;
}
 .font-weight-600 * {
   font-weight: 600 !important;
}
 .tablet-background img, .desktop-background img, .iphone-background img {
   box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 8px;
   position: relative;
}
 .desktop-background::before {
   border: 1px solid #000000;
   border-radius: 8px;
   content: \"\";
   position: absolute;
   left: -10px;
   width: calc(100% + 20px);
   top: -10px;
   height: 100%;
}
 .tablet-background::before {
   border: 1px solid #000000;
   border-radius: 8px;
   content: \"\";
   position: absolute;
   left: -10px;
   width: calc(100% + 20px);
   top: -10px;
   height: calc(100% + 20px);
}
 .iphone-background img {
   border-radius: 12px;
}
 .iphone-background::before {
   border: 1px solid #000000;
   border-radius: 16px;
   content: \"\";
   position: absolute;
   top: -3px;
   height: calc(100% + 6px);
   width: calc(100% + 6px);
   max-width: 155px !important;
   transform: translateX(-1px);
}
 .desktop-background::after {
   display: block;
   position: relative;
   top: -1px;
   content: \"\";
   width: 120%;
   transform: translateX(-8.33%);
   height: 16px;
   border: 1px solid #000000;
   border-radius: 8px 8px 30px 30px;
   background-color: #ffffff;
}
 .desktop-background::before, .desktop-background::after , .iphone-background::before , .tablet-background::before {
   border: unset !important;
}
 .gauge-wrapper {
   margin: 0 auto;
   padding: 10px 20px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 100%;
}
 .gauge {
   background: #e7e7e7;
   width: 200px;
   height: 100px;
   border-radius: 100px 100px 0 0!important;
   position: relative;
   overflow: hidden;
}
 .gauge.min-scaled {
   transform: scale(0.5);
}
 .seoScoreHead {
   display: inline-flex;
   width: 100%;
   justify-content: space-between;
   align-items: center;
   padding: 0px 20px;
   margin-bottom: 5px;
   padding-bottom: 5px;
   border-bottom: 1px solid #efefef;
}
 .titleScore {
   border-top: 1px solid #efefef;
   padding-top: 5px;
}
 .seoScoreHead label {
   padding-left: unset !important;
   padding-right: unset !important;
}
 .seoScoreHead .Seo {
   justify-content: flex-end;
}
 .seoScoreHead .Seo.Score span {
   width: 55px;
   text-align: center 
}
 .gauge-center {
   content: \"\";
   width: 80%;
   height: 80%;
   background: #ffffff;
   border-radius: 120px 120px 0 0!important;
   position: absolute;
   right: 10%;
   bottom: 0px;
   text-align: center;
   justify-content: center;
   display: inline-flex;
   z-index: 10;
}
 .gauge-center .number {
   position: absolute;
   bottom: 0px;
   font-size: larger;
   background: #f8e6e5;
   border-radius: 25px;
   width: 120px !important;
   color: #c03a2b;
}
 .gauge-center .number strong {
   font-size: xx-large;
}
 .gauge-center .label, .gauge-center .number {
   display: block;
   width: 100%;
   text-align: center;
   border: 0 !important;
}
 .gauge-center .label {
   font-size: 0.75em;
   opacity: 0.6;
   margin: 1.1em 0 0.3em 0;
}
 .gauge-center .number {
   font-size: 1.2em;
}
 .needle {
   width: 100px;
   height: 7px;
   background: #000;
   position: absolute;
   bottom: 0px;
   left: 0px;
   transform-origin: 100% 4px;
   transform: rotate(-10deg);
   z-index: 9;
   border-right: 50px solid #000000;
   transition: 2s;
   margin-left: -5px;
}
 .slice-colors {
   height: 100%;
}
 .slice-colors .st {
   position: absolute;
   bottom: 0;
   width: 0;
   height: 0;
   border: 50px solid transparent;
}
 .four .slice-colors .st.slice-item:nth-child(2) {
   border-top: 50px #e67e22 solid;
   border-right: 50px #e67e22 solid;
   background-color: #E84C3D;
}
 .four .slice-colors .st.slice-item:nth-child(4) {
   left: 50%;
   border-bottom: 50px #1eaa59 solid;
   border-right: 50px #1eaa59 solid;
   background-color: #f1c40f;
}
 @media screen and (max-width: 1000px), screen and (max-height: 500px) {
.force-square .inner-content {
padding-left: 0px !important;
padding-right: 0px !important;
}
   .diensten-template {
     padding: 3rem 0px 0px 0px !important;
  }
   .navRightPadgin {
     right: 23px !important;
  }
   #logoContainer {
     left: 23px !important;
  }
   .stay-inline {
     display: inline-flex !important;
     flex-direction: row !important;
  }
   html body .Column .dropdownListHead, html body .Column .dropdownListHead * {
     padding-left: 0px !important;
  }
   .movie-background-text span {
     font-size: 2rem;
  }
   .movie-background-text * {
     font-size: 1rem;
  }
   .sd-display-none {
     display: none !important;
  }
   .sitemapCategories {
     grid-template-columns: 1fr;
  }
   .grid-padgin-info {
     display: grid !important;
     grid-template-columns: 1fr 1fr 1fr;
     margin-bottom: 30px;
  }
   .grid-padgin-info .smaller-text * {
     line-height: 1.5 !important;
  }
   .contactNavButton {
     top: 20px;
  }
   .navRightPadgin {
     top: 20px;
     right: 10px;
  }
   .dock-menu-wrapper {
     margin: 6rem auto 0px auto !important;
  }
   .stay-inline {
     display: inline-flex !important;
     flex-direction: row !important;
  }
   .sd-margin-reset {
     margin: unset !important;
  }
   .highlight-dock-column-wrapper .highlight-padgin-typo {
     padding-top: 100px !important;
     font-size: 1.5rem !important;
  }
   .highlight-dock-column-wrapper .highlight-padgin-typo * {
     font-size: 1.5rem !important;
  }
   .highlight-dock-column-wrapper .highlight-padgin-title *, .highlight-dock-column-wrapper .readMorePadginSmall * {
     font-size: 1rem !important;
  }
   .highlight-padgin-image img, .highlight-padgin-image {
     min-height: 300px !important;
     max-height: 300px !important;
  }
   .highlight-dock-column-wrapper {
     min-height: 300px !important;
  }
   .highlight-padgin-typo:not(#blockOrder .highlight-padgin-typo) {
     padding: 90px 40px 60px 40px !important;
  }
   .highlight-padgin-typo svg {
     height: 42px;
     width: 42px;
  }
   .padgin-link-line-wrapper {
     display: grid !important;
     grid-template-columns: auto auto !important;
  }
}
 @media screen and (max-width : 810px) {
   .sd-margin-top-reset {
     margin-top: unset !important;
  }
   .sd-normal-vertical-padding {
     padding: 3rem 0px;
  }
   .highlight-dock-column-wrapper {
     display: inline-flex !important;
     flex-direction: Column !important;
  }
   .lg-gap {
     grid-gap: var(--md-space);
  }
   .sd-align-items-flex-start {
     align-items: flex-start;
  }
}
 @media screen and (max-width : 610px) {
   .padgin-link-line-wrapper {
     display: grid !important;
     grid-template-columns: auto !important;
  }
   .highlight-padgin-title {
     font-size: 1rem !important;
  }
   .dock-menu-wrapper p * {
     text-align: left !important;
  }
   .navRightPadgin span {
     display: none;
  }
   .contactNavButton {
     display: none;
  }
   .grid-padgin-info {
     grid-template-columns: 1fr 1fr;
  }
   .lg-gap {
     grid-gap: var(--sm-space);
  }
   big .text-huge {
     font-size: 2.5rem !important;
  }
}