@font-face {
  font-family: "PF-Uniform-Regular";
  src: url(/templates/yootheme_custom/webfonts/PF-Uniform-Regular.ttf);
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url(/templates/yootheme_custom/webfonts/Montserrat-Bold.ttf);
}
@font-face {
  font-family: "Montserrat-BoldItalic";
  src: url(/templates/yootheme_custom/webfonts/Montserrat-BoldItalic.ttf);
}
@font-face {
  font-family: "Montserrat-LightItalic";
  src: url(/templates/yootheme_custom/webfonts/Montserrat-LightItalic.ttf);
}
@font-face {
  font-family: "Montserrat-Italic";
  src: url(/templates/yootheme_custom/webfonts/Montserrat-Italic.ttf);
}
@font-face {
  font-family: "Quicksand-Medium";
  src: url(/templates/yootheme_custom/webfonts/Quicksand-Medium.ttf);
}
@font-face {
  font-family: "Quicksand-Bold";
  src: url(/templates/yootheme_custom/webfonts/Quicksand-Bold.ttf);
}
@font-face {
  font-family: "Domus-Titling-Bold";
  src: url(/templates/yootheme_custom/webfonts/Domus-Titling-Bold.ttf);
}
html {
  font-size: 18px;
}

.uk-section-default {
  background-color: #8438DF;
}

.frisian-dynamic-text {
  text-decoration: line-through;
}

.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
  content: "";
  display: inline-block;
  background-image: url(/images/system/bread-pijl.svg);
  margin: 0 10px 0 6px;
  font-size: 11px;
  color: #b4b5ba;
  width: 22px;
  height: 10px;
  background-repeat: no-repeat;
}

.uk-breadcrumb > * > * {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.3137254902);
  font-family: "Quicksand-Medium";
  text-transform: none;
  letter-spacing: normal;
}

.uk-breadcrumb > :last-child > a:not([href]),
.uk-breadcrumb > :last-child > span {
  color: #fff;
}

.color-text {
  color: #2E1352;
  display: inline-block;
  white-space: nowrap;
}

.color-text + .color-text + .color-text {
  margin-right: 0.5em;
}

.uk-button-default {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 99px;
  font-family: "Montserrat-Bold";
  text-transform: none;
  letter-spacing: normal;
  font-size: clamp(15px, 2vw, 17px);
}
.uk-button-default:hover {
  background-color: #C7FDBB;
  border-color: #C7FDBB;
  color: #2E1352 !important;
}

.uk-button-primary {
  background-color: #F7148B;
  color: #fff;
  border: 2px solid #F7148B;
  border-radius: 99px;
  font-family: "Montserrat-Bold";
  text-transform: none;
  letter-spacing: normal;
  font-size: clamp(15px, 2vw, 17px);
}
.uk-button-primary:hover {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
}

.uk-button-secondary {
  background-color: #C7FDBB;
  color: #2E1352;
  border: 2px solid #C7FDBB;
  border-radius: 99px;
  font-family: "Montserrat-Bold";
  text-transform: none;
  letter-spacing: normal;
  font-size: clamp(15px, 2vw, 17px);
}
.uk-button-secondary:hover {
  background-color: transparent;
  color: #2E1352;
  border: 2px solid #2E1352;
}

h1,
h2,
h3 {
  font-family: "Montserrat-Bold";
  text-wrap: balance;
}

.uk-h2,
h2 {
  font-size: clamp(30px, 4vw, 40px);
  line-height: clamp(35px, 4.5vw, 43px);
  padding: 0 0 20px 0;
}

.el-meta {
  font-family: "Montserrat-Bold";
  color: #fff;
  text-transform: none;
  letter-spacing: normal;
  font-size: clamp(18px, 2vw, 22px);
  text-wrap: balance;
}

.tekstblok {
  font-family: "Quicksand-Medium";
}
.tekstblok ul {
  list-style: none;
}
.tekstblok ul li {
  position: relative;
  line-height: 30px;
  padding: 0 0 10px 0;
}
.tekstblok ul li::before {
  content: "";
  display: block;
  height: 30px;
  width: 30px;
  background-image: url(/images/system/icons/pijl-tesktbullet.svg);
  background-size: cover;
  position: absolute;
  left: -35px;
  top: 0px;
}

.uk-modal {
  overflow-y: initial;
}

.uk-modal-close-full {
  background-color: transparent;
}
.uk-modal-close-full:hover line {
  stroke: #F7148B !important;
}
.uk-modal-close-full svg {
  min-width: 25px;
}
.uk-modal-close-full line {
  stroke: #fff !important;
  stroke-width: 4px !important;
}

.uk-modal-dialog {
  background-color: #8438DF;
}
.uk-modal-dialog h2 {
  color: #fff;
  font-size: clamp(40px, 5vw, 60px);
  line-height: clamp(45px, 5.5vw, 65px);
}
.uk-modal-dialog .label-content {
  font-family: "Montserrat-Bold";
}
.uk-modal-dialog .uk-nav > li > a {
  padding: 4px 0;
}

.uk-navbar-toggle-icon {
  background-image: url(/images/system/nav-toggler.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
.uk-navbar-toggle-icon svg {
  display: none;
}

#tm-dialog .uk-flex {
  justify-content: space-between;
}
#tm-dialog .uk-margin-auto {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
#tm-dialog .uk-padding-large {
  padding: 0px;
  /* margin    : 0 auto; */
  min-width: 1200px;
  /* display   : flow-root; */
  /* box-sizing: content-box; */
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
}
#tm-dialog .uk-nav-primary {
  margin: 0 100px 0 0;
}
#tm-dialog .uk-button {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 99px;
  color: #fff;
  font-family: "Montserrat-Bold";
  text-transform: none;
  letter-spacing: normal;
}
#tm-dialog .uk-button:hover {
  color: #F7148B;
  border-color: #F7148B;
}
#tm-dialog .el-nav a {
  position: relative;
  color: #fff;
}
#tm-dialog .el-nav a:hover {
  color: #fff;
}
#tm-dialog .el-nav a:hover::before {
  content: "";
  background-image: url(/images/system/icons/pijl-roze.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  left: -45px;
  top: 10px;
}
#tm-dialog .el-nav .uk-active a {
  position: relative;
}
#tm-dialog .el-nav .uk-active a::before {
  content: "";
  background-image: url(/images/system/icons/pijl-roze.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  left: -45px;
  top: 10px;
}
#tm-dialog .el-link {
  color: #fff;
  text-transform: none;
  letter-spacing: normal;
  font-family: "Montserrat-Bold";
  font-size: clamp(18px, 2vw, 20px);
}
#tm-dialog .el-link svg {
  width: 30px;
  height: 30px;
}
#tm-dialog .el-link .uk-flex-nowrap {
  align-items: flex-start;
}
#tm-dialog .uk-nav-subtitle {
  font-family: "quicksand-medium";
  color: #fff;
  font-size: clamp(0.8rem, 2vw, 0.85rem);
}
#tm-dialog .el-item {
  padding: 0 0 30px 0;
}

.uk-navbar-nav {
  display: flex;
  gap: 0px;
}
.uk-navbar-nav li:has(a.hidden) {
  margin-right: 0;
}
.uk-navbar-nav li:not(:has(a.hidden)) {
  margin-right: 50px;
}
.uk-navbar-nav li:last-child {
  margin-right: 0;
}
.uk-navbar-nav .hidden {
  display: none;
}
.uk-navbar-nav .koffie {
  background-color: #C7FDBB;
  border-radius: 100px;
  color: #2E1352;
  padding: 5px 40px 5px 20px;
  background-image: url(/images/system/icons/koffie-blauw.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 20px;
}

.uk-navbar-nav > li > a {
  font-family: "Montserrat-Bold";
  color: #fff;
  text-transform: none;
  letter-spacing: normal;
  font-size: clamp(15px, 2vw, 17px);
  min-height: 40px;
}

.uk-navbar-right,
[class*=uk-navbar-center] {
  gap: 15px;
}

.intro {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 100px 0;
}
.intro h1 {
  color: #fff;
  text-align: left;
  max-width: 100%;
  font-size: clamp(30px, 5vw, 77px);
  line-height: clamp(2rem, 6vw, 6.5rem);
}

.intro.full {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 100px 0;
  align-content: flex-start;
  flex-wrap: wrap;
}
.intro.full h1 {
  font-size: clamp(2.5rem, 6vw, 6rem);
  line-height: clamp(2.5rem, 5.5vw, 5.5rem);
}
.intro.full h2 {
  font-size: clamp(1.8rem, 4vw, 3rem);
  line-height: clamp(1.8rem, 3.5vw, 2.5rem);
  padding: 0px;
  margin: 0px;
  color: #2E1352;
}
.intro.full p {
  margin-top: 20px;
  color: #FFF;
}
.intro.full .opdracht {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: #fff;
}
.intro.full .opdracht span {
  color: #2E1352;
}
.intro.full .taglist {
  padding-top: 100px;
}
.intro.full .taglist li {
  max-width: fit-content;
}
.intro.full .taglist li a {
  background-color: #D1D1E6;
  color: #2E1352;
  font-family: "Montserrat-Bold";
  margin: 0px !important;
  border-radius: 99px;
  padding: 4px 10px;
}

.intro.full.mini {
  padding: 50px 0;
  display: block;
}
.intro.full.mini .el-item .el-content {
  column-gap: 10px;
  display: flex;
}

/* New styles for body class */
.uk-navbar-nav > li > a {
  flex-direction: row-reverse;
}

.toggler .toggle-button-cover {
  display: table-cell;
  position: relative;
  box-sizing: border-box;
}
.toggler .button-cover {
  height: 100px;
  margin: 20px;
  background-color: #2E1352;
  border-radius: 4px;
}
.toggler .button-cover:before {
  counter-increment: button-counter;
  content: counter(button-counter);
  position: absolute;
  right: 0;
  bottom: 0;
  color: #d7e3e3;
  font-size: clamp(10px, 1vw, 12px);
  line-height: clamp(10px, 1vw, 12px);
  padding: 5px;
}
.toggler .button-cover,
.toggler .knobs,
.toggler .layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.toggler .button {
  position: relative;
  top: 50%;
  width: 70px;
  height: 40px;
  margin: 0 auto 0 auto;
  overflow: hidden;
}
.toggler .checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}
.toggler .knobs {
  z-index: 2;
}
.toggler .layer {
  width: 100%;
  background-color: rgba(46, 19, 82, 0.3137254902);
  transition: 1s ease all;
  z-index: 1;
}
.toggler .button.r,
.toggler .button.r .layer {
  border-radius: 20px;
}
.toggler #button-3 .knobs:before {
  content: "Je";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 32px;
  height: 22px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  background-color: #2E1352;
  border-radius: 99%;
  transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
.toggler #button-3 .checkbox:active + .knobs:before {
  width: 36px;
  border-radius: 2px;
}
.toggler #button-3 .checkbox:checked:active + .knobs:before {
  margin-left: -26px;
}
.toggler #button-3 .checkbox:checked + .knobs:before {
  content: "U";
  left: 31px;
  background-color: #F7148B;
  color: white;
}
.toggler #button-3 .checkbox:checked ~ .layer {
  background-color: rgba(46, 19, 82, 0.3137254902);
}

.searchbartop {
  /* From Uiverse.io by ZAKARIAE48CHELLE */
}
.searchbartop .input-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  position: relative;
}
.searchbartop input {
  border-style: none;
  height: 40px;
  width: 40px;
  padding: 0px;
  outline: none;
  border-radius: 100px;
  transition: 0.5s ease-in-out;
  background-color: rgba(46, 19, 82, 0.3137254902);
  color: #fff;
}
.searchbartop input::placeholder,
.searchbartop input {
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 17px;
}
.searchbartop input::placeholder {
  color: #8f8f8f;
}
.searchbartop .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  outline: none;
  border-style: none;
  border-radius: 50%;
  pointer-events: painted;
  background-color: #2e1352;
  transition: 0.2s linear;
  background-image: url(/images/system/icons/search.svg);
  background-position: center;
  background-image: url(/images/system/icons/search.svg);
  background-size: 20px;
  background-repeat: no-repeat;
}
.searchbartop .icon:focus ~ .input,
.searchbartop .input:focus {
  box-shadow: none;
  width: 250px;
  border-radius: 0px;
  background-color: #2e1352;
  border-bottom: 0;
  transition: all 500ms cubic-bezier(0, 0.11, 0.35, 2);
  border-radius: 99px;
  padding: 0 10px;
}

.onswerkgrid img {
  aspect-ratio: 271/325;
  object-fit: cover;
  border-radius: 15px;
  min-width: 100%;
}
.onswerkgrid .uk-card {
  background-color: transparent;
  border: 0px;
}
.onswerkgrid .uk-card:hover {
  background-color: transparent;
}
.onswerkgrid .uk-card:hover h3 {
  color: #fff;
}
.onswerkgrid .uk-card:hover .el-meta {
  color: #fff;
}
.onswerkgrid h3 {
  font-family: "Quicksand-Medium";
  color: #fff;
}
.onswerkgrid .uk-card-default .uk-card-title {
  color: #fff;
  text-transform: none;
  letter-spacing: normal;
  font-family: "Montserrat-Bold";
  font-size: clamp(18px, 2vw, 20px);
}
.onswerkgrid .el-meta {
  font-family: "Quicksand-Medium";
  color: #fff;
  text-transform: none;
  letter-spacing: normal;
  margin-top: 0px !important;
  font-size: clamp(14px, 2vw, 18px);
}
.onswerkgrid .el-content {
  position: absolute;
  top: -15px;
  left: 15px;
}
.onswerkgrid .el-content .word {
  background-color: #F7148B;
  color: #fff;
  font-family: "Montserrat-Bold";
  margin: 0px !important;
  border-radius: 99px;
  padding: 2px 6px;
  font-size: 12px;
  margin-right: 10px !important;
}

.header {
  position: relative;
  padding: 50px 0 75px 0;
  background: linear-gradient(to bottom, #8438DF 50%, transparent 50%);
}
.header .rotatelogo {
  margin-bottom: -100px;
}
.header video {
  border-radius: 10px;
}
.header .headerimage {
  position: relative;
}
.header .headerimage picture {
  display: block;
  height: 100%;
  background-color: #2E1352;
  border-radius: 10px;
}
.header .headerimage img {
  aspect-ratio: 176/85;
  object-fit: cover;
  border-radius: 10px;
  opacity: 0.7;
}
.header .headerimage::before {
  content: "";
  position: absolute;
  border-radius: 10px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2E1352;
  /* Choose a color for the overlay */
  opacity: 0.7;
  mix-blend-mode: soft-light;
}

.introtekst {
  background-color: #fff;
  padding: 75px 0 75px 0;
}
.introtekst h2 {
  color: #2E1352;
}
.introtekst .tekstblok {
  color: #2E1352;
}
.introtekst .color-text {
  color: #8438DF;
}

.dienstenkeuzeblok {
  background-color: #fff;
  position: relative;
}
.dienstenkeuzeblok .row {
  margin-bottom: -300px;
  position: relative;
  z-index: 99;
}
.dienstenkeuzeblok::before {
  content: "";
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/images/system/wj-shape.svg);
  background-size: 33%;
  background-position: left center;
  background-repeat: no-repeat;
  filter: invert(0%) sepia(140%) saturate(2953%) hue-rotate(252deg) brightness(36%) contrast(102%);
  z-index: 0;
  opacity: 0.1;
  transform: rotate(347deg);
  transform-origin: center;
}
.dienstenkeuzeblok .uk-card {
  border: 0px;
  padding: 60px;
}
.dienstenkeuzeblok h2 {
  color: #fff;
  font-size: clamp(25px, 4vw, 30px);
  line-height: clamp(1.2em, 4vw, 1.5em);
  padding: 0 0 40px 0;
  margin: 0;
}
.dienstenkeuzeblok .uk-nav-default > li > a {
  font-family: "Montserrat-Bold";
  color: #fff;
  text-transform: none;
  letter-spacing: normal;
  font-size: clamp(18px, 2vw, 18px);
  min-height: 40px;
}
.dienstenkeuzeblok .uk-icon {
  padding-right: 20px;
}
.dienstenkeuzeblok .dienstennav .uk-card {
  background-color: #F7148B;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.dienstenkeuzeblok .dienstennav .uk-icon {
  fill: #8438DF !important;
}
.dienstenkeuzeblok .dienstennav .uk-icon .fa-primary {
  fill: #fff !important;
}
.dienstenkeuzeblok .dienstennav .uk-icon .fa-secondary {
  opacity: 1;
}
.dienstenkeuzeblok .branchesnav .uk-card {
  background-color: #2E1352;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.dienstenkeuzeblok .branchesnav .uk-icon {
  fill: #F7148B !important;
}
.dienstenkeuzeblok .branchesnav .uk-icon .fa-primary {
  fill: #fff !important;
}
.dienstenkeuzeblok .branchesnav .uk-icon .fa-secondary {
  opacity: 1;
}

.wijwerken h2 {
  color: #fff;
  font-size: 6.6666666667vw;
  word-wrap: break-word;
}
.wijwerken .uk-slider-container .uk-slider-items > div:nth-child(odd) h3 {
  color: #7056AF;
}
.wijwerken .uk-child-width-expand {
  display: flex;
  flex-direction: column-reverse;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: center;
  padding-top: 40px;
}
.wijwerken .el-meta {
  text-align: center;
  color: #fff;
  font-family: "Quicksand-Medium";
  text-transform: none;
  letter-spacing: normal;
  padding: 0 0 5px 0;
  font-size: clamp(16px, 2vw, 18px);
  line-height: clamp(16px, 2vw, 18px);
}
.wijwerken h3 {
  color: #F7148B;
  font-size: clamp(30px, 3vw, 38px);
  line-height: clamp(30px, 3vw, 38px);
  padding: 0px;
  margin: 0px;
  height: 50px;
}

.uitgelicht {
  background-color: #2E1352;
  padding-top: 150px;
  padding-bottom: 0px;
}
.uitgelicht .uk-card {
  background-color: #8438DF;
  border-radius: 20px;
  border: 0px;
}
.uitgelicht .uk-card .uk-flex-last\@m {
  right: -100px;
  position: relative;
}
.uitgelicht .uk-card picture {
  display: block;
  height: 100%;
  border: 15px solid #fff;
  position: relative;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-right: 0px;
}
.uitgelicht .uk-card img {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.uitgelicht .uk-card .el-meta {
  font-family: "Montserrat-Bold";
  color: #fff;
  text-transform: none;
  letter-spacing: normal;
  font-size: clamp(15px, 2vw, 17px);
  line-height: clamp(15px, 2vw, 17px);
}
.uitgelicht .uk-card h3 {
  font-family: "Montserrat-Bold";
  color: #fff;
  text-transform: none;
  letter-spacing: normal;
  font-size: clamp(30px, 4vw, 45px);
  line-height: clamp(30px, 4vw, 45px);
}
.uitgelicht .uk-card .el-content {
  color: #fff;
  font-family: "Quicksand-Medium";
}

.casesslider {
  background-color: #2E1352;
  padding: 100px 0;
}
.casesslider .uk-slidenav-previous,
.casesslider .uk-slidenav-next {
  background: url(/images/system/icons/pijl-roze.svg) no-repeat center/contain;
  width: 40px;
  height: 40px;
}
.casesslider .uk-slidenav-previous svg,
.casesslider .uk-slidenav-next svg {
  display: none;
}
.casesslider .uk-slidenav-next {
  left: 0px;
  margin-top: 40px;
}
.casesslider .uk-slidenav-previous {
  transform: rotate(180deg);
}
.casesslider h3 {
  color: rgba(255, 255, 255, 0.3137254902);
  text-decoration: line-through;
  font-size: clamp(30px, 4vw, 46px);
  line-height: clamp(30px, 4vw, 46px);
  padding: 0px;
  margin: 0px;
}
.casesslider h2 {
  color: #fff;
  font-size: clamp(30px, 5vw, 46px);
  line-height: clamp(30px, 5vw, 46px);
  padding: 0 0 40px 0;
  margin: 0px;
}
.casesslider img {
  aspect-ratio: 16/9;
  object-fit: cover;
  min-width: 100%;
}
.casesslider .uk-button-default {
  margin-top: 108px;
}
.casesslider .uk-slider-container {
  position: relative;
  overflow-y: visible;
}
.casesslider .uk-slider-container h3 {
  color: #fff;
  font-size: clamp(20px, 2vw, 26px);
  line-height: clamp(20px, 2vw, 26px);
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  position: relative;
  max-width: fit-content;
}
.casesslider .uk-slider-container h3::after {
  position: absolute;
  right: -40px;
  top: 2px;
  background-image: url(/images/system/icons/pijl-donkerpaars.svg);
  background-size: 25px;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  content: "";
}
.casesslider .uk-slider-container .el-content {
  color: #fff;
  margin: 10px 0 0 0 !important;
  font-family: "Quicksand-Medium";
}
.casesslider .uk-slider-container img {
  border-radius: 15px;
}
.casesslider .uk-slider-container::after {
  content: "";
  position: absolute;
  right: 0px;
  bottom: -200px;
  height: 100px;
  width: 100%;
  background-image: url(/images/system/horizontal-scroll-bg.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  max-width: 60vw;
}

.bloktext {
  padding: 200px 0 50px 0;
  background-color: #2E1352;
}
.bloktext h2 {
  font-size: clamp(80px, 8vw, 110px);
  line-height: clamp(75px, 7.5vw, 105px);
  color: #fff;
  margin-left: -130px;
  top: -100px;
  position: relative;
}
.bloktext img {
  aspect-ratio: 54/65;
  object-fit: cover;
  border-radius: 15px;
}
.bloktext .uk-flex-column {
  display: flex;
  justify-content: flex-start;
}
.bloktext .uk-button-primary {
  top: -100px;
  position: relative;
}
.bloktext .el-meta {
  color: #fff;
  text-transform: none;
  letter-spacing: normal;
  font-size: clamp(24px, 3vw, 36px);
  line-height: clamp(28px, 3.5vw, 42px);
  padding: 0px;
  margin: 0px;
  font-family: "Montserrat-Bold";
  top: -100px;
  position: relative;
}

.werkwijzeslider {
  background-color: #2E1352;
}
.werkwijzeslider .uk-container {
  background-color: #8438DF;
  border-radius: 15px;
  padding: 50px;
  max-width: 1100px;
}
.werkwijzeslider .navcon {
  position: relative;
  width: 100%;
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}
.werkwijzeslider h2 {
  font-size: clamp(80px, 8vw, 110px);
  line-height: clamp(75px, 7.5vw, 105px);
  color: #fff;
}
.werkwijzeslider h3 {
  color: #fff;
  font-size: clamp(30px, 4vw, 36px);
  line-height: clamp(36px, 5vw, 42px);
  padding: 0px;
  margin: 0px;
  font-family: "Montserrat-Bold";
}
.werkwijzeslider .uk-position-relative {
  position: initial !important;
}
.werkwijzeslider .el-content {
  color: #fff;
  margin: 10px 0 0 0 !important;
  font-family: "Quicksand-Medium";
}
.werkwijzeslider .werkwijze-slider-numeric-indicator {
  position: relative;
  color: #fff;
  font-family: "Domus-Titling-Bold";
  max-width: fit-content;
  padding: 0 30px;
  font-size: 20px;
  min-width: 35px;
  text-align: center;
}
.werkwijzeslider .werkwijze-slider-numeric-indicator::before {
  content: "{";
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 40px;
  line-height: 27px;
}
.werkwijzeslider .werkwijze-slider-numeric-indicator::after {
  content: "}";
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 40px;
  line-height: 27px;
}
.werkwijzeslider .uk-slider-container {
  overflow-y: visible;
}
.werkwijzeslider .uk-slidenav-previous {
  background-image: url(/images/system/icons/pijl-roze.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
  left: -20px;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  margin: -20px 0 0 0;
  display: none;
}
.werkwijzeslider .uk-slidenav-previous svg {
  display: none;
}
.werkwijzeslider .uk-slidenav-next {
  background-image: url(/images/system/icons/pijl-roze.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
  right: 0px;
  background-repeat: no-repeat;
  margin: 59px 0 0px 0;
}
.werkwijzeslider .uk-slidenav-next svg {
  display: none;
}

.werkwijzesliderduo {
  padding-left: 50px;
}
.werkwijzesliderduo .uk-button-default {
  background-color: transparent;
  border-color: rgba(46, 19, 82, 0.7294117647);
  color: rgba(46, 19, 82, 0.7294117647);
  padding: 10px;
  line-height: 5px;
  font-family: "Quicksand-Medium";
}
.werkwijzesliderduo .uk-button-default:hover {
  background-color: rgba(46, 19, 82, 0.7294117647);
  color: #fff;
  border-color: rgba(46, 19, 82, 0.7294117647);
}
.werkwijzesliderduo .uk-container-expand-right {
  max-width: calc(50% + 600px - 20px);
}
.werkwijzesliderduo .uk-first-column {
  padding-left: 0px !important;
}
.werkwijzesliderduo h2 {
  color: #fff;
}
.werkwijzesliderduo .werkwijze-slider-numeric-indicator {
  display: none;
}
.werkwijzesliderduo .uk-slider-items .el-item {
  background-color: #fff;
  border-radius: 15px;
  padding: 30px;
  display: flex;
  flex-direction: column;
}
.werkwijzesliderduo .uk-slider-items .el-title {
  font-family: "Montserrat-Bold";
  color: #8438DF;
  text-transform: none;
  letter-spacing: normal;
  font-size: clamp(15px, 2vw, 17px);
}
.werkwijzesliderduo .uk-slider-items .el-content {
  color: #2E1352;
  font-family: "Quicksand-Medium";
  font-size: clamp(14px, 2vw, 18px);
  display: flex;
  flex-grow: inherit;
}
.werkwijzesliderduo .uk-slider-items .el-meta {
  color: #8438DF;
  font-family: "Quicksand-Medium";
  font-size: clamp(14px, 2vw, 18px) !important;
  margin-top: 0px !important;
}
.werkwijzesliderduo .uk-list {
  margin-left: 8px;
}
.werkwijzesliderduo .uk-list .el-content {
  font-family: "Montserrat-Bold";
  color: #fff;
  text-transform: none;
  letter-spacing: normal;
  font-size: clamp(15px, 2vw, 20px);
  line-height: clamp(30px, 3vw, 35px);
  min-height: 35px;
}
.werkwijzesliderduo .uk-list .uk-icon {
  fill: #F7148B !important;
  top: -3px;
  position: relative;
}
.werkwijzesliderduo .uk-list .uk-icon path {
  opacity: 1;
}
.werkwijzesliderduo .uk-list .uk-icon .fa-primary {
  fill: #fff !important;
}
.werkwijzesliderduo .uk-slider-container {
  margin-right: -150px;
  position: relative;
  height: 100%;
}
.werkwijzesliderduo .uk-slider-container::after {
  content: "";
  background-image: linear-gradient(270deg, rgba(132, 56, 223, 0.45) 0%, rgba(185, 105, 241, 0) 100%);
  position: absolute;
  right: 0;
  width: 400px;
  top: 0;
  height: 100%;
  pointer-events: none;
}
.werkwijzesliderduo .uk-position-center-right-out {
  left: calc(100% - 75px);
}
.werkwijzesliderduo .uk-slidenav-previous {
  background-image: url(/images/system/icons/pijl-roze.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
  left: -40px;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  margin: 0 0 0 20px;
}
.werkwijzesliderduo .uk-slidenav-previous svg {
  display: none;
}
.werkwijzesliderduo .uk-slidenav-next {
  background-image: url(/images/system/icons/pijl-roze.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
  right: 0;
  background-repeat: no-repeat;
  margin: 20px 0 0 0;
}
.werkwijzesliderduo .uk-slidenav-next svg {
  display: none;
}

.bloktext2 {
  background-color: #2E1352;
}
.bloktext2 h2 {
  color: #fff;
}
.bloktext2 h3 {
  color: #fff;
}
.bloktext2 .el-meta {
  margin-top: 0px !important;
  font-size: 28px !important;
  line-height: 1.4;
}
.bloktext2 .color-text {
  color: #8438DF;
}
.bloktext2 .el-content {
  color: #fff;
  margin: 10px 0 0 0 !important;
  font-family: "Quicksand-Medium";
}
.bloktext2 img {
  border-radius: 15px;
}
.bloktext2 .uk-button-primary {
  background-color: #8438DF;
  border-color: #8438DF;
}
.bloktext2 .uk-button-primary:hover {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
}

.footer-panel {
  background: linear-gradient(to bottom, #2E1352 50%, #8438DF 50%);
}
.footer-panel .col1 h3 {
  color: #fff;
}
.footer-panel .col1 .uk-card {
  background-color: #F7148B;
  border: 0px;
  border-radius: 15px;
}
.footer-panel .col1 .el-content {
  color: #fff;
  margin: 10px 0 0 0 !important;
  font-family: "Quicksand-Medium";
}
.footer-panel .col1 .uk-button-default {
  background-color: #8438DF;
  border-color: #8438DF;
}
.footer-panel .col1 .uk-button-default:hover {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.footer-panel .col2 h3 {
  color: #2E1352;
}
.footer-panel .col2 .el-title {
  font-family: "Montserrat-Italic";
  padding: 0 15px;
  font-size: 18px;
}
.footer-panel .col2 .uk-card {
  background-color: #fff;
  padding: 50px 70px;
  border: 0px;
  border-radius: 15px;
}
.footer-panel .col2 .el-content {
  color: #2E1352;
  font-family: "Quicksand-Medium";
  margin: 0px !important;
  padding-left: 15px;
}
.footer-panel .col2 .el-link {
  color: #8438DF;
  border-color: #8438DF;
  font-size: 14px;
  margin: 0 0 0 15px;
  line-height: 23px;
}
.footer-panel .col2 .el-link:hover {
  color: #2E1352;
  border-color: #2E1352;
  background-color: transparent;
}
.footer-panel .col2 .el-item {
  display: flex;
  justify-content: center;
}
.footer-panel .col2 .el-meta {
  color: #2E1352;
  font-family: "Quicksand-Bold";
  margin: 0px !important;
  padding-left: 15px;
}
.footer-panel .col2 .uk-dotnav > .uk-active > * {
  background-color: #8438DF;
}
.footer-panel .col2 .uk-dotnav > * > * {
  background-color: #2E1352;
  width: 15px;
  height: 15px;
}
.footer-panel .col2 .uk-slider-container::before {
  content: "{";
  position: absolute;
  left: -60px;
  top: -4px;
  height: 100%;
  font-size: 145px;
  line-height: 0;
  font-family: "Quicksand-Bold";
  display: flex;
  align-items: center;
  color: #2E1352;
}
.footer-panel .col2 .uk-slider-container::after {
  content: "}";
  position: absolute;
  right: -60px;
  top: -4px;
  height: 100%;
  font-size: 145px;
  line-height: 0;
  font-family: "Quicksand-Bold";
  display: flex;
  align-items: center;
  color: #2E1352;
}
.footer .tekstblok {
  color: #fff;
}
.footer .logo {
  padding-bottom: 35px;
}
.footer .sociallist {
  gap: 10px;
  display: flex;
  align-items: center;
}
.footer .uk-button {
  background-color: transparent;
  border: 0px;
  font-family: "Montserrat-Bold";
  color: #fff;
  font-size: clamp(20px, 3vw, 28px);
  padding: 0px;
}
.footer .uk-button:hover {
  color: #F7148B;
  text-decoration: none;
}
.footer .uk-button a {
  color: #fff;
}
.footer .uk-button a:hover {
  color: #F7148B;
  text-decoration: none;
}
.footer .uk-button .uk-icon {
  height: 25px;
  width: 25px;
  fill: #fff !important;
  background-color: #8438DF;
  border-radius: 100%;
}
.footer .convertforms .cf-form-wrap {
  padding: 0px;
}
.footer .convertforms .cf-form-wrap .cf-control-group {
  gap: 0px !important;
  --control-gap: 0px !important;
  color: #fff;
}
.footer .convertforms .cf-form-wrap .cf-one-third,
.footer .convertforms .cf-form-wrap .cf-two-sixths {
  width: 20%;
}
.footer .convertforms .cf-form-wrap .cf-two-thirds {
  width: 80%;
}
.footer .convertforms .cf-form-wrap .cf-input:focus,
.footer .convertforms .cf-form-wrap .cf-input:invalid:focus {
  border: 1px solid #2E1352;
}
.footer .convertforms .cf-form-wrap input {
  background-color: rgba(46, 19, 82, 0.3137254902);
  border: 0px;
  border-top-left-radius: 99px;
  border-bottom-left-radius: 99px;
  height: 43px;
  color: #fff !important;
  font-family: "Quicksand-Medium" !important;
}
.footer .convertforms .cf-form-wrap .cf-input::placeholder {
  color: rgba(255, 255, 255, 0.3137254902);
}
.footer .convertforms .cf-form-wrap button {
  font-size: 0px;
  background-image: url(/images/system/icons/circle-chevron-right-solid-wit.svg);
  background-repeat: no-repeat;
  background-position: 40px 7px;
  background-size: 30px;
  background-color: rgba(46, 19, 82, 0.3137254902);
  height: 43px;
  padding: 10px;
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
  border: 0px;
}
.footer .convertforms .cf-form-wrap button:hover {
  background-color: rgba(46, 19, 82, 0.3137254902);
  opacity: 1;
}
.footer .sublayoutblok {
  color: #fff;
  font-family: "Quicksand-Medium";
  font-size: clamp(14px, 2vw, 18px);
}
.footer .sublayoutblok .tekstblok p {
  margin-bottom: 12px !important;
  margin-top: 0px;
  line-height: normal;
}
.footer .sublayoutblok h3 {
  color: #fff;
  font-family: "Quicksand-Medium";
  font-size: clamp(20px, 2.5vw, 24px);
}
.footer .sublayoutblok a {
  color: #fff;
  font-family: "Quicksand-Medium";
  font-size: clamp(14px, 2vw, 18px);
}
.footer .sublayoutblok .uk-list {
  line-height: clamp(20px, 2.5vw, 24px);
}
.footer .sublayoutblok .tm-child-list > ul > * > ul,
.footer .sublayoutblok .tm-child-list > ul > :nth-child(n+2),
.footer .sublayoutblok .uk-list > * > ul,
.footer .sublayoutblok .uk-list > :nth-child(n+2) {
  margin-top: 10px;
}

.copy {
  display: flex;
  align-items: center;
}
.copy .tekstblok {
  margin: 0px;
}
.copy .el-content {
  color: #fff;
  font-family: "Quicksand-Medium";
  font-size: clamp(20px, 2.5vw, 24px);
}
.copy .uk-width-1-4\@m.uk-first-column > div > span:nth-child(1) > span {
  padding-right: 20px;
}

.meetme .row {
  padding: 0px;
  background-color: #2E1352;
  border-radius: 15px;
  border: 0px;
  margin: 0;
}
.meetme .row .col1 {
  padding-left: 0px;
}
.meetme .row .col2 {
  padding: 50px 50px 100px 50px;
}
.meetme .row h3 {
  color: #fff;
  font-size: clamp(30px, 4vw, 50px);
  line-height: clamp(35px, 4.5vw, 55px);
}
.meetme .row .uk-icon {
  color: #8438DF !important;
}
.meetme .row .uk-card {
  background-color: transparent;
  border: 0px;
  padding: 0 0 0 50px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  align-content: flex-end;
  position: relative;
  overflow: hidden;
}
.meetme .row .uk-card::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/images/system/wj-shape.svg);
  background-size: 50%;
  background-position: top left;
  background-repeat: repeat-y;
  filter: invert(0%) sepia(140%) saturate(2953%) hue-rotate(232deg) brightness(46%) contrast(102%);
  z-index: 0;
  opacity: 1;
  transform: rotate(347deg);
  transform-origin: center;
}
.meetme .row .uk-card .uk-grid-collapse {
  height: 100%;
  display: flex;
  align-content: flex-end;
  align-items: flex-end;
}
.meetme .row .uk-card .uk-first-column {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 99;
  padding: 0px;
}
.meetme .row .uk-card .uk-flex-last\@m {
  display: flex;
  align-items: flex-end;
}
.meetme .row .tekstblok {
  color: #fff;
  font-family: "Montserrat-Bold";
  font-size: clamp(1.2rem, 2vw, 1.25rem);
  line-height: clamp(1.5rem, 2.5vw, 1.75rem);
}
.meetme .row .uk-card-media-right {
  margin-right: -20px;
  margin-left: -100px;
  z-index: 99;
}
.meetme .row h3 {
  color: #fff;
  font-size: clamp(30px, 4vw, 46px);
  line-height: clamp(35px, 4.5vw, 50px);
  padding: 0 0 0px 0;
  margin: 0px;
  font-family: "Montserrat-Bold";
}
.meetme .row .el-meta {
  color: #fff;
  font-size: clamp(20px, 2vw, 26px);
  line-height: clamp(20px, 2vw, 26px);
  padding: 0;
  margin: 0px;
}
.meetme .row .buttons {
  padding: 10px 0 0 0;
}
.meetme .row .buttons .uk-flex-middle {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.meetme .row .buttons a:hover {
  text-decoration: none;
  color: #fff;
}
.meetme .row .buttons .uk-button-default {
  background-color: #C7FDBB;
  color: #2E1352;
  border: 2px solid #C7FDBB;
  border-radius: 99px;
  font-family: "Montserrat-Bold";
  text-transform: none;
  letter-spacing: normal;
  font-size: clamp(15px, 2vw, 17px);
  line-height: clamp(20px, 2.5vw, 22px);
  padding: 10px 20px;
}
.meetme .row .buttons .uk-button-default:hover {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
  text-decoration: none;
}
.meetme .row .buttons .uk-button-default:hover a {
  color: #fff;
}

.duopannel {
  background: linear-gradient(to bottom, #8438DF 70%, #fff 70%);
  position: relative;
}
.duopannel .uk-card {
  border: 0px;
  background-color: #2E1352;
  border-radius: 15px;
  min-height: 70vh;
}
.duopannel img {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.duopannel .el-content {
  color: #fff;
  font-family: "Quicksand-Medium";
}
.duopannel h2 {
  color: #fff !important;
  font-size: clamp(30px, 4vw, 46px);
  line-height: clamp(30px, 4vw, 46px);
  padding: 0 0 0px 0;
  margin: 0px;
  font-family: "Montserrat-Bold";
}
.duopannel h3 {
  color: #F7148B;
  font-size: clamp(20px, 3vw, 30px);
  line-height: clamp(20px, 3vw, 30px);
}
.duopannel .el-meta {
  color: #F7148B;
  font-size: clamp(20px, 3vw, 30px);
  line-height: clamp(20px, 3vw, 30px);
}
.duopannel .brandlogo {
  position: absolute;
  top: 50%;
  right: 25%;
  transform: translate(50%, -50%);
  height: auto;
  width: 300px;
  z-index: 999;
  text-align: center;
}
.duopannel .brandlogo img {
  border-radius: 0px;
  max-width: 70%;
}
.duopannel .el-content a {
  color: #FFF;
  text-decoration: underline;
}
.duopannel .el-content a:hover {
  text-decoration: none;
}

.voordelen {
  background-color: #fff;
  padding: 100px 0;
}
.voordelen h2 {
  color: #2E1352;
  padding: 0 0 10px 0;
}
.voordelen .el-item.uk-panel {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
}
.voordelen .el-content {
  color: #2E1352;
  font-family: "Quicksand-Medium";
}
.voordelen .el-title {
  flex: 1;
  order: 2;
  margin-bottom: 0 !important;
  margin-left: 15px;
  padding: 0px;
  line-height: normal;
  color: #2E1352;
}
.voordelen .el-meta {
  flex: 0;
  order: 1;
  align-self: center;
  margin: 0px !important;
  padding: 0px;
  line-height: normal;
  background-color: #F7148B;
  border-radius: 99px;
  padding: 4px;
  display: block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-family: "Quicksand-Medium";
}
.voordelen .color-text {
  color: #F7148B;
}
.voordelen .el-content {
  flex-basis: 100%;
  order: 3;
  margin-top: 10px;
}
.voordelen h3 {
  padding: 0 0 30px 0;
  margin: 0px;
  color: #2E1352;
}
.voordelen h2 {
  padding: 0 0 20px 0;
  margin-bottom: 0px;
}
.voordelen h2 + h3 {
  margin-top: -20px;
}

.voordelen.paars {
  background-color: #8438DF;
}
.voordelen.paars h2,
.voordelen.paars .el-title,
.voordelen.paars .el-content,
.voordelen.paars h3,
.voordelen.paars p {
  color: #fff;
}
.voordelen.paars .fs-teaser-item-container .el-item {
  border-radius: 15px;
  border: 0px;
}
.voordelen.paars .fs-teaser-item-container .el-title {
  color: #2E1352;
  margin-left: 0px;
  margin-bottom: 5px !important;
}
.voordelen.paars .fs-teaser-item-container .close .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
  stroke: #F7148B;
}
.voordelen.paars .fs-teaser-item-container .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
  stroke: #7056AF;
}
.voordelen.paars .fs-teaser-item-container .uk-icon > * {
  fill: #7056AF;
}
.voordelen.paars .fs-teaser-item-container .fs-teaser-attr-content {
  font-family: "Quicksand-Medium";
  color: #2E1352;
}
.voordelen.paars .fs-teaser-item-container .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin {
  margin-top: 13px;
}
.voordelen.paars .fs-teaser-item-container .el-price-container {
  padding-top: 30px;
}
.voordelen.paars .fs-teaser-item-container .el-price-container .el-currency,
.voordelen.paars .fs-teaser-item-container .el-price-container .el-price {
  font-family: "Montserrat-Bold";
  font-size: 20px !important;
  color: #7056AF;
}

.werkgrid {
  background-color: #8438DF;
  border-bottom: 400px solid #2E1352;
  position: relative;
}
.werkgrid .portfoliogrid > .uk-grid {
  position: relative;
  z-index: 99;
  margin-bottom: -400px;
}
.werkgrid::after {
  content: "";
  position: absolute;
  bottom: -230px;
  left: 0;
  background-image: url(/images/system/wj-shape-duo-color.svg);
  background-size: 100%;
  height: 470px;
  width: 470px;
  background-position: top left;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 1;
}
.werkgrid .uk-card {
  background-color: transparent;
  border: 0px;
}
.werkgrid .uk-card:hover {
  background-color: transparent;
  cursor: pointer;
}
.werkgrid .uk-card img {
  aspect-ratio: 271/325;
  object-fit: cover;
  border-radius: 15px;
  min-width: 100%;
}
.werkgrid .uk-card h2,
.werkgrid .uk-card .uk-card-title {
  color: #fff;
  font-size: clamp(20px, 3vw, 26px);
  line-height: clamp(20px, 3vw, 26px);
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  position: relative;
  font-family: "Montserrat-Bold";
  text-align: right;
  left: -40px;
}
.werkgrid .uk-card h2::after,
.werkgrid .uk-card .uk-card-title::after {
  position: absolute;
  right: -40px;
  top: 2px;
  background-image: url(/images/system/icons/pijl-roze.svg);
  background-size: 25px;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  content: "";
}

.werkgrid.filter.kennisbank .tm-grid-expand.uk-child-width-1-1.uk-grid-margin > div > div > div.uk-margin > div {
  margin-top: 0;
}
.werkgrid.filter.kennisbank .dg-grid {
  margin-top: 0;
}
.werkgrid.filter.kennisbank .el-item {
  margin-top: 40px;
  background-color: #fff;
  border-radius: 15px;
  padding: 30px 20px 20px 20px;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
}
.werkgrid.filter.kennisbank .el-item h2 {
  font-size: 18px;
  color: #2E1352;
  font-family: "Quicksand-Medium";
  text-transform: none;
  letter-spacing: normal;
  position: initial;
  text-align: left;
}
.werkgrid.filter.kennisbank .el-item h2::after {
  display: none;
}
.werkgrid.filter.kennisbank .el-item .uk-button-default {
  display: block;
}

.werkgrid.team .uk-card-title {
  text-align: left;
  left: 70px;
}
.werkgrid.team .uk-card-title::after {
  display: none;
}
.werkgrid.team .el-meta {
  font-family: "Quicksand-Medium";
  text-align: left;
  left: 70px;
  position: relative;
  margin-top: 5px !important;
}
.werkgrid.team picture {
  display: block;
  height: 100%;
  position: relative;
}
.werkgrid.team picture::after {
  content: "";
  position: absolute;
  right: 30px;
  bottom: 30px;
  height: 34px;
  background-image: url(/images/system/icons/plus.svg);
  width: 30px;
  background-size: cover;
  z-index: 99;
}

.werkgrid.filter {
  background-color: #2E1352;
  background: #2E1352;
  border-bottom: 0px;
  padding-bottom: 200px;
}
.werkgrid.filter::after {
  display: none;
}
.werkgrid.filter .uk-button-default {
  display: none;
}
.werkgrid.filter .tm-grid-expand.uk-child-width-1-1.uk-grid-margin > div > div > div.uk-margin > div {
  display: flex;
  flex-direction: column;
  align-content: flex-end;
  align-items: flex-end;
  margin-top: -160px;
}
.werkgrid.filter .tm-grid-expand.uk-child-width-1-1.uk-grid-margin > div > div > div.uk-margin > div .uk-grid-margin {
  margin-top: 20px !important;
}
.werkgrid.filter .dg-grid {
  margin-top: 100px;
}
.werkgrid.filter .uk-subnav > * {
  padding-left: 10px;
  padding-bottom: 10px;
}
.werkgrid.filter .uk-child-width-1-2 > * {
  width: auto;
}
.werkgrid.filter .uk-subnav-pill a {
  background-color: rgba(131, 56, 223, 0.3137254902);
  color: #fff;
  font-family: "Montserrat-Bold";
  margin: 0px !important;
  border-radius: 99px;
  padding: 2px 10px;
  text-transform: none;
  letter-spacing: normal;
  font-size: 14px;
}
.werkgrid.filter .uk-input {
  border-radius: 99px;
  font-family: "Montserrat-Bold";
  height: 45px !important;
  background-color: #7056AF;
  box-shadow: none;
  border: 0px;
  color: #fff;
}
.werkgrid.filter .uk-input::placeholder {
  color: rgba(255, 255, 255, 0.4470588235);
}
.werkgrid.filter .tm-grid-expand.uk-child-width-1-1.uk-grid-margin > div > div > div.uk-margin > div > div.uk-grid-margin.uk-first-column > div {
  max-width: 450px;
  margin-left: auto;
  display: flex;
  min-width: 450px;
}
.werkgrid.filter .uk-form-icon {
  left: auto;
  right: 0px;
}
.werkgrid.filter .uk-subnav-pill .uk-active a {
  background-color: #fff;
  color: #8438DF;
}
.werkgrid.filter .uk-subnav-pill li:first-child::before {
  position: absolute;
  left: -70px;
  top: -6px;
  content: "Filter";
  color: #fff;
  font-family: "Montserrat-Bold";
  font-size: clamp(20px, 2.5vw, 24px);
}
.werkgrid.filter h2 {
  font-size: clamp(3rem, 4vw, 6rem);
  line-height: clamp(3.5rem, 4.5vw, 5.5rem);
  color: #fff;
}
.werkgrid.filter .uk-button-primary {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 40px;
  max-width: fit-content;
  margin: 0 auto 0 auto;
  background-color: transparent;
  border: 1px solid #fff;
}
.werkgrid.filter .el-item {
  margin-top: 40px;
}
.werkgrid.filter .el-item img {
  aspect-ratio: 271/325;
  object-fit: cover;
  border-radius: 15px;
  min-width: 100%;
}
.werkgrid.filter .el-item h2 {
  color: #fff;
  font-size: clamp(20px, 3vw, 26px);
  line-height: clamp(20px, 3vw, 26px);
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  position: relative;
  font-family: "Montserrat-Bold";
  text-align: right;
  left: -40px;
}
.werkgrid.filter .el-item h2::after {
  position: absolute;
  right: -40px;
  top: 2px;
  background-image: url(/images/system/icons/pijl-roze.svg);
  background-size: 25px;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  content: "";
}

.portfolio.image {
  background: linear-gradient(to bottom, #8438DF 50%, #fff 50%);
}
.portfolio.image img {
  border-radius: 15px;
  aspect-ratio: 176/85;
  object-fit: cover;
  min-width: 100%;
}
.portfolio.image .kennisbankimage {
  margin-bottom: -50px;
}
.portfolio.image .kennisbankimage img {
  max-height: 350px;
}

.portfolio.image {
  background: #8438DF;
}

.portfolio.tekst {
  background-color: #fff;
}
.portfolio.tekst h2,
.portfolio.tekst h3,
.portfolio.tekst .tekstblok {
  color: #2E1352;
}
.portfolio.tekst .tekstblok b {
  font-family: "Quicksand-Medium";
}
.portfolio.tekst .taglist {
  padding-top: 0px;
}
.portfolio.tekst .taglist li {
  max-width: fit-content;
}
.portfolio.tekst .taglist li a {
  background-color: #D1D1E6;
  color: #2E1352;
  font-family: "Montserrat-Bold";
  margin: 0px !important;
  border-radius: 99px;
  padding: 4px 10px;
}

.portfolio.tekst.support .tekstblok ul li::before {
  background-image: url(/images/system/icons/pijl-donkerpaars.svg);
}
.portfolio.tekst.support .tekstblok ul li {
  padding: 0 0 10px 20px;
}
.portfolio.tekst.support h1 {
  color: #2E1352;
  margin-top: 20px;
}
.portfolio.tekst.support h2 {
  font-size: clamp(20px, 3vw, 30px);
  line-height: clamp(25px, 3.5vw, 35px);
}
.portfolio.tekst.support .publishdate {
  font-family: "Montserrat-Bold";
  color: #2E1352;
}

.portfolio.quote {
  background: linear-gradient(to bottom, #fff 33%, #8438DF 33%);
}
.portfolio.quote img {
  min-width: 100%;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.portfolio.quote .uk-card {
  background-color: #2E1352;
  border: 0px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.portfolio.quote .uk-icon {
  color: #fff !important;
}
.portfolio.quote .uk-icon svg {
  min-width: 100px;
}
.portfolio.quote .tekstblok {
  color: #fff;
  font-style: italic;
}
.portfolio.quote h3 {
  color: #fff;
  font-family: "Quicksand-Medium";
  font-size: clamp(16px, 2vw, 20px);
  line-height: clamp(20px, 2.5vw, 24px);
}

.anderwerkslider .uk-slider-container {
  overflow-y: visible;
}
.anderwerkslider .uk-slidenav-previous {
  background-image: url(/images/system/icons/pijl-wit.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
  left: -40px;
  background-repeat: no-repeat;
  margin: 0 0 0 20px;
}
.anderwerkslider .uk-slidenav-previous svg {
  display: none;
}
.anderwerkslider .uk-slidenav-next {
  background-image: url(/images/system/icons/pijl-wit.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
  right: 0;
  background-repeat: no-repeat;
  margin: -20px 0 0 -20px;
  transform: rotate(180deg);
}
.anderwerkslider .uk-slidenav-next svg {
  display: none;
}
.anderwerkslider .uk-card {
  background-color: #F7148B;
  border: 0px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  padding: 100px 0;
}
.anderwerkslider .uk-card:hover {
  background-color: #F7148B;
}
.anderwerkslider .uk-card .el-item {
  min-height: 500px;
}
.anderwerkslider .uk-card .el-link {
  position: absolute;
  right: 110px;
  bottom: 0px;
  font-family: "Montserrat-Bold";
  font-size: clamp(30px, 4vw, 40px);
  line-height: clamp(33px, 4.5vw, 43px);
  border: 0px;
}
.anderwerkslider .uk-card .el-link:hover {
  background-color: transparent;
  color: #C7FDBB;
}
.anderwerkslider .uk-card .el-link::after {
  position: absolute;
  right: -30px;
  top: 5px;
  background-image: url(/images/system/icons/pijl-donkerpaars.svg);
  background-size: 35px;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  content: "";
}
.anderwerkslider .uk-card h2 {
  position: absolute;
  top: -30px;
  left: 90px;
  font-size: clamp(4rem, 6vw, 6rem);
  line-height: clamp(4.5rem, 6.5vw, 5.5rem);
  max-width: min-content;
  z-index: 99999;
  color: #fff;
}
.anderwerkslider .uk-card picture {
  display: block;
  background-color: #000;
  max-width: 80%;
  margin: 0 auto;
  aspect-ratio: 2.0705882353;
  object-fit: cover;
  border-radius: 15px;
}
.anderwerkslider .uk-card img {
  border-radius: 15px;
  aspect-ratio: 2.0705882353;
  object-fit: cover;
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
  left: 0px;
  right: 0px;
  position: absolute;
  opacity: 0.7;
}

.anderwerkslider.kennisbank .uk-card h2 {
  font-size: clamp(3rem, 6vw, 4rem);
  line-height: clamp(3.5rem, 6.5vw, 4rem);
  max-width: 50%;
  top: 30px;
}

.anderwerkslider.v2 {
  background: linear-gradient(to bottom, #8438DF 50%, #fff 50%);
}
.anderwerkslider.v2 .uk-card {
  background-color: #2E1352;
}
.anderwerkslider.v2 .uk-card .el-link::after {
  background-image: url(/images/system/icons/pijl-wit.svg);
  transform: rotate(180deg);
  height: 40px;
  width: 40px;
  background-size: cover;
  top: 1px;
}

.customfields {
  padding: 20px 0;
  background-color: #fff;
}
.customfields .tekstblok,
.customfields p {
  color: #2E1352;
  font-family: "Quicksand-Medium";
}
.customfields .tekstblok {
  margin-top: 5px !important;
}
.customfields h2 {
  color: #2E1352;
  font-size: clamp(20px, 3vw, 30px);
  padding: 0px;
  margin: 10px 0 0 0;
  line-height: clamp(20px, 3vw, 30px);
}
.customfields h3 {
  color: #2E1352;
  font-family: "Montserrat-Bold";
  margin: 0 0 15px 0 !important;
  font-size: clamp(1rem, 2vw, 1.2rem);
  line-height: clamp(1.2rem, 2.5vw, 1.2rem);
  max-width: fit-content;
}

.casesalbum {
  background-color: #fff;
}
.casesalbum img {
  border-radius: 15px;
  aspect-ratio: 2.0705882353;
  object-fit: cover;
}
.casesalbum .uk-slidenav-previous {
  background-image: url(/images/system/icons/pijl-donkerpaars2.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
  left: -40px;
  background-repeat: no-repeat;
  margin: 0 0 0 20px;
}
.casesalbum .uk-slidenav-previous svg {
  display: none;
}
.casesalbum .uk-slidenav-next {
  background-image: url(/images/system/icons/pijl-donkerpaars2.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
  right: 0;
  background-repeat: no-repeat;
  margin: -20px 0 0 0px;
  transform: rotate(180deg);
  right: -20px;
}
.casesalbum .uk-slidenav-next svg {
  display: none;
}

.extras {
  background-color: #fff;
}
.extras h2 {
  color: #2E1352;
  font-size: clamp(20px, 2.5vw, 25px);
  padding: 0px;
  margin: 0px;
  line-height: clamp(20px, 2.5vw, 25px);
}
.extras h3 {
  background-color: #2E1352;
  color: #fff;
  font-family: "Montserrat-Bold";
  margin: 0px !important;
  border-radius: 99px;
  padding: 4px 10px;
  font-size: clamp(1rem, 2vw, 1.5rem);
  line-height: clamp(1.2rem, 2.5vw, 1.7rem);
  max-width: fit-content;
}
.extras .tekstblok,
.extras p {
  color: #2E1352;
  font-family: "Quicksand-Medium";
  font-size: 0.9rem;
}
.extras .el-content ul {
  list-style: none;
  font-family: "Quicksand-Medium";
  color: #2E1352;
  padding: 0;
}
.extras .el-content ul li {
  position: relative;
  line-height: normal;
  padding: 0 0 10px 0;
  display: flex;
  gap: 10px;
}
.extras .el-content ul li::before {
  content: "";
  display: block;
  height: 30px;
  width: 30px;
  background-image: url(/images/system/icons/pijl-tesktbullet.svg);
  background-size: cover;
}
.extras .tekstblok {
  margin-top: 5px !important;
}

.bloktekstduo img {
  border-radius: 15px;
}
.bloktekstduo h2 {
  color: #fff !important;
  font-size: clamp(30px, 4vw, 46px);
  line-height: clamp(35px, 4vw, 46px);
  padding: 0 0 0px 0;
  margin: 0px;
  font-family: "Montserrat-Bold";
}
.bloktekstduo .tekstblok {
  color: #fff;
}

.bloktekstduo.donkerpaars {
  background-color: #2E1352;
}
.bloktekstduo.donkerpaars .color-text {
  color: #F7148B;
}
.bloktekstduo.donkerpaars .uk-h2 {
  font-family: "Montserrat-Bold";
  font-size: clamp(30px, 4vw, 40px) !important;
  line-height: clamp(35px, 4.5vw, 43px) !important;
  padding: 0 0 20px 0 !important;
  color: #8438DF !important;
}
.bloktekstduo.donkerpaars .typed-container {
  text-decoration: line-through;
  color: #fff;
}
.bloktekstduo.donkerpaars .uk-button-default {
  background-color: #8438DF;
  border-color: #8438DF;
}
.bloktekstduo.donkerpaars .uk-button-default:hover {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
}

.uk-section-default.bloktekstduo.wit {
  background-color: #FFF;
}
.uk-section-default.bloktekstduo.wit .uk-button-primary:hover {
  background-color: #2E1352;
  color: #fff;
  border-color: #2E1352;
}

.bloktekstduo.wit img {
  border-radius: 15px;
}
.bloktekstduo.wit h2 {
  color: #2E1352 !important;
  font-size: clamp(30px, 4vw, 46px);
  line-height: clamp(30px, 4vw, 46px);
  padding: 0 0 0px 0;
  margin: 0px;
  font-family: "Montserrat-Bold";
}
.bloktekstduo.wit .tekstblok {
  color: #2E1352;
}

.contactblok {
  padding: 100px 0;
}
.contactblok .uk-button a {
  color: #fff;
}
.contactblok .uk-button a:hover {
  text-decoration: none;
  color: #2E1352;
}
.contactblok .uk-button-default:hover {
  color: #2E1352 !important;
}
.contactblok .uk-button-default:hover a {
  color: #2E1352;
}
.contactblok a {
  color: #fff;
}
.contactblok .uk-button-secondary {
  color: #2E1352;
}
.contactblok .uk-button-secondary:hover {
  background-color: #fff;
  border-color: #fff;
}
.contactblok .uk-card {
  background-color: #2E1352;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  padding: 75px 50px;
  border: 0px;
  color: #fff;
}
.contactblok .uk-card h2 {
  color: #fff;
  font-size: clamp(30px, 4vw, 46px);
  line-height: clamp(30px, 4vw, 46px);
  padding: 0 0 0px 0;
  margin: 0px;
  font-family: "Montserrat-Bold";
}
.contactblok .uk-card h3 {
  font-size: clamp(28px, 3vw, 32px);
  line-height: clamp(2.4rem, 2vw, 2.8rem);
  color: #fff;
  font-family: "Montserrat-Bold";
}
.contactblok .uk-card-secondary {
  background-color: #F7148B;
  border-radius: 0px;
  border-top-right-radius: 15px;
}
.contactblok .uk-card-secondary .el-meta {
  margin-top: 0px !important;
  color: #fff;
}
.contactblok .uk-card-secondary joomla-hidden-mail {
  margin-top: 30px;
}
.contactblok .uk-card-secondary joomla-hidden-mail a {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 99px;
  font-family: "Montserrat-Bold";
  text-transform: none;
  letter-spacing: normal;
  font-size: clamp(15px, 2vw, 17px);
  padding: 10px 20px;
}
.contactblok .uk-card-secondary joomla-hidden-mail a:hover {
  text-decoration: none;
  color: #2E1352;
  border-color: #2E1352;
}
.contactblok .uk-card-secondary h3 {
  font-size: clamp(28px, 3vw, 32px);
  line-height: clamp(2.4rem, 2vw, 2.6rem);
  color: #fff;
  font-family: "Montserrat-Bold";
}
.contactblok .uk-card-primary {
  background-color: #fff;
  border-radius: 0px;
  border-bottom-right-radius: 15px;
  color: #2E1352;
}
.contactblok .uk-card-primary .el-meta {
  margin-top: 0px !important;
}
.contactblok .uk-card-primary h3 {
  font-size: clamp(28px, 3vw, 32px);
  line-height: clamp(2.4rem, 2vw, 2.6rem);
  color: #2E1352;
  font-family: "Montserrat-Bold";
}
.contactblok .uk-card-primary .el-meta,
.contactblok .uk-card-primary .el-content,
.contactblok .uk-card-primary p,
.contactblok .uk-card-primary a {
  color: #2E1352;
}
.contactblok .uk-card-primary a:hover {
  color: #F7148B;
}
.contactblok .uk-card-primary ul {
  list-style: none;
  padding: 20px 0 0 43px;
}
.contactblok .uk-card-primary ul li {
  position: relative;
  line-height: 30px;
  padding: 0 0 10px 0;
  color: #2E1352;
}
.contactblok .uk-card-primary ul li::before {
  content: "";
  display: block;
  height: 30px;
  width: 30px;
  background-image: url(/images/system/icons/pijl-blauw.svg);
  background-size: cover;
  position: absolute;
  left: -45px;
  top: 0px;
}
.contactblok .tekstblok,
.contactblok .el-content.uk-panel {
  color: #fff;
  font-family: "Quicksand-Medium";
}

.eb-close.placement-outside {
  display: none;
}

.eb-dialog {
  background-color: #fff;
  box-shadow: 0 6px 14px 3px rgba(0, 0, 0, 0.14);
  border-radius: 20px;
  border: 0px;
  overflow: visible;
}
.eb-dialog img {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.eb-dialog h2 {
  color: #7056AF;
  font-size: clamp(30px, 3vw, 40px);
  line-height: clamp(35px, 3.5vw, 45px);
  padding: 0 0 30px 0;
  margin: 0px;
}
.eb-dialog .eb-close {
  background-color: #F7148B;
  display: block;
  width: 30px;
  line-height: 30px;
  padding: 0px;
  text-align: center;
  height: 30px;
  border-radius: 99px;
  right: -10px;
  top: -10px;
}
.eb-dialog .eb-close span {
  display: var(--eb-close-button-icon, none);
  font-size: 1em;
  padding: 0;
  line-height: 30px;
  font-size: 28px;
  top: -2px;
  position: relative;
}
.eb-dialog .hd-progess {
  display: flex;
  color: #2E1352;
  font-family: "Montserrat-Bold";
  align-content: center;
  align-items: center;
  gap: 20px;
  justify-content: flex-start;
  margin: 0px !important;
}
.eb-dialog .hd-progess > div {
  min-width: 175px;
  font-size: 1.25rem;
}
.eb-dialog .uk-width-2-3\@m {
  padding: 50px;
}
.eb-dialog .uk-progress {
  background-color: #D1D1E6;
  height: 30px;
  margin: 10px !important;
}
.eb-dialog .humor .uk-progress::-webkit-progress-value {
  background-color: transparent !important;
  transition: width 0.6s ease;
}
.eb-dialog .humor .uk-progress {
  position: relative;
}
.eb-dialog .humor .uk-progress::before {
  position: absolute;
  left: 10px;
  top: 1px;
  color: #fff;
  content: "{debatable}" !important;
}
.eb-dialog .onmisbaar .uk-progress {
  position: relative;
}
.eb-dialog .onmisbaar .uk-progress::before {
  position: absolute;
  left: 10px;
  top: 1px;
  color: #fff;
  content: "{countless}" !important;
}
.eb-dialog .uk-progress::-webkit-progress-value {
  background-color: #2E1352;
  transition: width 0.6s ease;
  border-radius: 99px;
}

.supportgallery .uk-slidenav-previous {
  background-image: url(/images/system/icons/pijl-roze.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
  left: -40px;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  margin: 0 0 0 20px;
}
.supportgallery .uk-slidenav-previous svg {
  display: none;
}
.supportgallery .uk-slidenav-next {
  background-image: url(/images/system/icons/pijl-roze.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
  right: -20px;
  background-repeat: no-repeat;
  margin: 20px 0 0 0px;
}
.supportgallery .uk-slidenav-next svg {
  display: none;
}
.supportgallery img {
  border-radius: 15px;
}
.supportgallery .uk-thumbnav > .uk-active > ::before {
  border-color: #F7148B;
  border-radius: 15px;
}
.supportgallery .uk-thumbnav > * > :hover::before {
  border-color: #F7148B;
  border-radius: 15px;
}
.supportgallery .uk-thumbnav > * > ::after {
  border-color: #F7148B;
  border-radius: 15px;
}
.supportgallery .uk-thumbnav > * > ::before {
  border-color: transparent;
  border-radius: 15px;
}
.supportgallery .uk-slideshow-nav li:nth-child(n+3) {
  display: none;
}
.supportgallery .uk-slideshow-nav li:first-child {
  margin-right: 10px;
}
.supportgallery .uk-slideshow-nav li:nth-child(n+2) {
  margin-left: 10px;
}
.supportgallery .uk-slideshow-nav li {
  min-width: calc(50% - 10px);
}
.supportgallery .uk-slideshow-nav li a {
  min-width: 100%;
}
.supportgallery .uk-slideshow-nav img {
  min-width: 100%;
}
.supportgallery .uk-thumbnav > * {
  padding-left: 0px;
}
.supportgallery .uk-thumbnav {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 0px;
  justify-content: space-between !important;
}

.errorblok h1 {
  color: #fff;
  font-size: clamp(60px, 8vw, 80px) !important;
  line-height: clamp(70px, 9vw, 90px);
  font-family: "PF-Uniform-Regular";
  text-transform: uppercase;
}
.errorblok h2 {
  color: #fff;
  font-size: clamp(30px, 5vw, 50px) !important;
  line-height: clamp(35px, 5.5vw, 55px);
  font-family: "PF-Uniform-Regular";
  text-transform: uppercase;
}

/*COPYRIGHT*/
.wj-copyright {
  font-size: 100%;
  color: #FFF;
  font-family: "Quicksand-Medium";
}
.wj-copyright a {
  color: #fff;
}
.wj-copyright a:hover {
  text-decoration: underline;
}
.wj-copyright .container {
  display: flex;
  justify-content: flex-start;
  /* Zorgt voor rechtsuitlijning */
}
.wj-copyright .text-wrapper {
  width: 250px;
  /* Stel een vaste breedte in voor de tekstcontainer */
  text-align: left;
  /* Zorgt ervoor dat de tekst rechts uitgelijnd wordt */
  white-space: nowrap;
  /* Voorkom dat de tekst naar de volgende regel gaat */
}
.wj-copyright .dynamicText {
  display: inline-block;
}
.wj-copyright .cursor {
  display: inline-block;
  width: 2px;
  background-color: black;
  margin-left: 2px;
  animation: blink 1s infinite;
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

.hostfactintegratie {
  font-family: "Quicksand-Medium";
  color: #fff;
}
.hostfactintegratie .w_result table th,
.hostfactintegratie .w_result table td {
  border-bottom: 1px solid rgba(230, 230, 230, 0.3490196078);
}
.hostfactintegratie .w_result table th {
  font-family: "Montserrat-Bold";
}
.hostfactintegratie h2 {
  color: #fff;
}
.hostfactintegratie .order_link {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 99px;
  font-family: "Montserrat-Bold";
  text-transform: none;
  letter-spacing: normal;
  font-size: clamp(15px, 2vw, 17px);
  text-decoration: none;
  padding: 5px 10px;
}
.hostfactintegratie .order_link:hover {
  background-color: #C7FDBB;
  border-color: #C7FDBB;
  color: #2E1352 !important;
}
.hostfactintegratie .goto_orderform,
.hostfactintegratie .show_other_tlds {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 99px;
  font-family: "Montserrat";
  text-transform: none;
  letter-spacing: normal;
  font-size: clamp(15px, 2vw, 17px);
  text-decoration: none;
  padding: 5px 10px;
}
.hostfactintegratie .goto_orderform:hover,
.hostfactintegratie .show_other_tlds:hover {
  background-color: #C7FDBB;
  border-color: #C7FDBB;
  color: #2E1352 !important;
}
.hostfactintegratie .w_result table td.domain_td_checked_available {
  color: #C7FDBB;
  font-family: "Montserrat-Bold";
}
.hostfactintegratie .w_result table td.domain_td_checked_unavailable {
  font-family: "Montserrat-Bold";
  color: #F7148B;
}
.hostfactintegratie .w_form input[type=text] {
  background-color: rgba(46, 19, 82, 0.3137254902);
  border: 0px;
  border-top-left-radius: 99px;
  border-bottom-left-radius: 99px;
  height: 53px;
  color: #fff !important;
  font-family: "Quicksand-Medium" !important;
  border: 0px;
  border-radius: 99px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 18px;
  padding: 0 20px;
  width: 400px;
}
.hostfactintegratie .wf_form_submit {
  background-color: #F7148B;
  color: #fff;
  border: 2px solid #F7148B;
  border-radius: 99px;
  font-family: "Montserrat-Bold";
  text-transform: none;
  letter-spacing: normal;
  font-size: clamp(15px, 2vw, 17px);
  height: 53px;
  padding: 0 20px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.hostfactintegratie .wf_form_submit:hover {
  background-color: #fff;
  color: #7056AF;
  border-color: #fff;
  cursor: pointer;
}
.hostfactintegratie .w_form form {
  display: flex;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
}

.werkgrid.zoekresultaat .uk-card img {
  aspect-ratio: 1;
}

/*COOKIE CONSENT*/
.cc-revoke {
  background-color: transparent !important;
  background-image: url(/images/system/icons/cookie-bite-solid.svg);
  background-size: cover;
  width: 32px;
  height: 32px;
}

.cc-btn,
div.cc-checkboxes-container a.cc-btn.cc-allow {
  border: none;
  padding: 15px 30px 15px 30px;
  border-radius: 100px !important;
  margin-top: 10px;
}
.cc-btn:hover,
div.cc-checkboxes-container a.cc-btn.cc-allow:hover {
  text-decoration: none !important;
}

div.cc-checkbox-container {
  width: 100%;
}

span.cc-cookie-settings-toggler {
  display: none;
}

div.cc-checkbox-container input:checked + span {
  background-color: #19a319 !important;
}

div.cc-checkbox-container input + span {
  background-color: #F7148B !important;
}

div.cc-settings-label {
  font-size: 15px !important;
  font-weight: normal !important;
  margin: 15px 0 !important;
  color: #000 !important;
  opacity: 1 !important;
}

div.cc-checkboxes-container div.cc-checkbox-container a {
  pointer-events: none !important;
}

.cc-message-text {
  line-height: 150%;
}

.cc-link {
  opacity: 1 !important;
  color: #2E1352 !important;
  text-decoration: none !important;
  line-height: 30px;
  margin-bottom: 0 !important;
}

a.cc-link.cc-cookie::before,
a.cc-link.cc-privacy::before {
  content: "";
  float: left;
  margin-right: 10px;
  line-height: 30px;
  height: 30px;
  width: 30px;
  background-image: url(/images/system/icons/pijl-tesktbullet.svg);
  background-size: cover;
}

.cc-link:hover {
  color: #000 !important;
}

.cc-highlight {
  margin-top: 50px;
}

.cc-header {
  font-size: 120%;
  color: #000;
  margin: 0;
}
.cc-header p {
  margin: 0;
}

div.cc-gdpr-component-view a.cc-btn.cc-allow {
  background-color: #FFF;
}

div.cc-gdpr-component-view a.cc-btn.cc-allowall {
  background-color: #C7FDBB;
}

.cc-custom-revoke {
  color: #FFF;
  line-height: 20px;
  font-family: "Quicksand-Medium";
  margin-top: 58px;
  opacity: 0.5;
}
.cc-custom-revoke:hover {
  opacity: 1;
  cursor: help;
}

.nowrap {
  white-space: nowrap;
}