h1 {
font-size: 80px;
margin-bottom: 16px;
line-height: 1.2;
}
h2 {
font-size: 60px;
}
h3 {
font-size: 24px;
}
p {
font--size: 16px;
}
@keyframes bounce { 
0%, 
20%, 
50%, 
80%, 
100% { 
transform: translateY(0); 
} 
40% { 
transform: translateY(-16px); 
} 
60% { 
transform: translateY(-8px); 
} 
} 
.scroll-for-more { 
animation: bounce 4s infinite; 
} 
a.icon:not(.button), button.icon:not(.button) {
margin-right: 0px !important;
}
.header:not(.transparent) .header-nav-main.nav > li.active > a {
color: #FF61E3 !important;
}	
.header-wrapper.stuck:before {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(-45deg, #31E1F7 0%, #2B63F3 33%, #8C62EC 66%, #FD61E3 100% );
filter: blur(10px);
opacity: var(0.4);
transition: opacity 0.3s;
border-radius: inherit;
}
.header-wrapper.stuck::after {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
border-radius: inherit;
}
[data-text-color="primary"] {
background: -webkit-linear-gradient(0deg, #FD61E3 0%, #8C62EC 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
[data-text-color="secondary"] {
background: -webkit-linear-gradient(0deg, #2B63F3 0%, #31E1F7 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.vacatures .white span {
background: -webkit-linear-gradient(0deg, #FD61E3 0%, #8C62EC 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
font-weight: normal;
}
ol {
padding-left: 40px;
}
ol > li::marker {
color: #FD61E3;
font-size: 60px;
}
.voorwaarden ol {
padding-left: 0px;
}
.voorwaarden ol > li::marker {
color: #FFFFFF;
font-size: 16px;
}
.voorwaarden li {
padding-bottom: 8px;
}
ol > li > ol {
padding-left: 0px;
margin:0px;
list-style-type: circle;
}
li > ul > li::marker {
color: #fff;
font-size: 16px;
}
.kennisbank span {
text-decoration: underline;
}
.kennisbank h3 span {
text-decoration: none;
}
.box-image .image-cover {
background: transparent linear-gradient(136deg, #FD61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 14px 14px 0 0;
}
.box-image .image-cover img {
opacity: 0.7;
}
.ruit1 .img-inner, .ruit2 .img-inner, .ruit3 .img-inner {
background: transparent linear-gradient(135deg, #FD61E3 0%, #8C62EC 35%, #2B63F3 68%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 14px 14px 0 0;
}
.ruit1 img, .ruit2 img, .ruit3 img {
opacity: 0.7;
}
.header-button .button {
background: #101010;
padding:0px 20px 0px 20px;
color: #fff;
font-size: 16px;
}
.menu-item a {
font-size: 16px !important;
}
.box-text.text-center {
padding: 16px !important;
}
.box-blog-post h5 {
background: -webkit-linear-gradient(0deg, #FD61E3 0%, #8C62EC 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
text-align: left;
min-height: 70px; 
}
.from_the_blog_excerpt {
min-height: 125px; 
}
.student .box-blog-post h5 {
background: -webkit-linear-gradient(0deg, #2B63F3 0%, #31E1F7 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;	
}
.dark .has-shadow .box:not(.box-overlay):not(.box-shade) {
background-color: #151519;
border-radius: 14px;
border: 1px solid #505050;
}
.box-blog-post .is-divider {
display: none;
}
.box-blog-post {
padding-bottom: 15px;
}
.box-blog-post .post-meta {
position: absolute;
bottom: 10px;
right: 16px;
}
.from_the_blog_excerpt {
padding-top: 15px;
padding-bottom: 15px;
text-align: left;
}
.box-text p {
margin-bottom: -20px !important;
}
.has-hover [class*="image-"] img {
border-radius: 14px 14px 0 0;
}
.has-shadow > .col > .col-inner {
background-color: #101010;
}
.flickity-page-dots {
margin-bottom: 30px;
}
.flickity-button {
margin-top: -70px !important;
}
.flickity-prev-next-button.previous {
left: 0 !important;
}
.flickity-prev-next-button.next {
right: 0 !important;
}
.slider-nav-circle .flickity-prev-next-button:hover .arrow, .slider-nav-circle .flickity-prev-next-button:hover svg {
background: linear-gradient(60deg,#FD61E3, #8C62EC, #2B63F3, #31E1F7);
}
.row-slider .flickity-page-dots .dot {
background: #ccc;
}
.slider-nav-light .flickity-prev-next-button {
color: #FD61E3 !important;
}
.nav:hover > li:not(:hover) > a::before {
opacity: 1;
}
.mobile-nav .button:before {
content: '';
position: absolute;
top: calc(-1 * 2px);
left: calc(-1 * 2px);
height: calc(100% + 2px * 2);
width: calc(100% + 2px * 2);
background: linear-gradient(60deg,#FD61E3, #8C62EC, #2B63F3, #31E1F7);
border-radius: 8px !important;
z-index: -1;
animation: animatedgradient 3s ease alternate infinite;
background-size: 300% 300%;
}
.mobile-nav .circle {
border-radius: 10px !important;
}
.header-button .button:hover {
background: linear-gradient( to right , #FD61E3 0%, #8C62EC 50%, #2B63F3 75%, #31E1F7 100%);
animation: animatedgradient 5s ease alternate infinite;
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown::before, .nav-dropdown-has-arrow li.has-dropdown::after { 
display: none;
}
.nav-dropdown > li > a {
padding-left:10px !important;
padding-top:6px;
padding-bottom: 6px;
border-radius: 10px;
border: 1px solid #151619 !important;
opacity: 1;
transition: 0.1s;
}
.nav-dropdown li.active > a {
background: -webkit-linear-gradient(0deg, #FD61E3 0%, #8C62EC 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.nav-dropdown > li > a:hover {
background: linear-gradient( to right , rgba(253,97,227,0.4) 0%, rgba(140,98,236,0.4) 100%);
animation: animatedgradient 5s ease alternate infinite;
color: #fff;
border-radius: 8px;
border: 1px solid #8753ae !important;
opacity: 1
}
.stuck .header-main .nav > li > a {
line-height: 16px !important;
}
.primary, .alert, .secondary {
background: #101010;	
padding:10px 20px 10px 20px;
font-weight: normal;
-webkit-transition: background 1s; transition: background 1s; }
.primary:before {
content: "";
position: absolute;
inset: 0;
border-radius: 6px;
padding: 1px; background: linear-gradient( to right , #FD61E3 0%, #8C62EC 100%);
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
background-color: rgba(0,0,0,0);
animation: animatedgradient 3s ease alternate infinite;	
}
.primary:hover {
background: linear-gradient( to right , #FD61E3 0%, #8C62EC 100%);
box-shadow: none !important;
}
.alert:before  {
content: '';
position: absolute;
top: calc(-1 * 1px);
left: calc(-1 * 1px);
height: calc(100% + 1px * 2);
width: calc(100% + 1px * 2);
background: linear-gradient( to right , #FD61E3 0%, #8C62EC 50%, #2B63F3 75%, #31E1F7 100%);
border-radius: 6px;
z-index: -1;
animation: animatedgradient 3s ease alternate infinite;	
}
.alert:hover {
background: linear-gradient( to right , #FD61E3 0%, #8C62EC 50%, #2B63F3 75%, #31E1F7 100%);
animation: animatedgradient 5s ease alternate infinite;
box-shadow: none !important;
}
.success:before, .success:hover::before  {
content: '';
position: absolute;
top: calc(-1 * 2px);
left: calc(-1 * 2px);
height: calc(100% + 2px * 2);
width: calc(100% + 2px * 2);
background: linear-gradient( to right , #FD61E3 0%, #8C62EC 50%, #2B63F3 75%, #31E1F7 100%);
border-radius: 6px;
z-index: -1;
animation: animatedgradient 3s ease alternate infinite;	
}
.success:hover {
background: linear-gradient( to right , #FD61E3 0%, #8C62EC 100%);
animation: animatedgradient 5s ease alternate infinite;
box-shadow: none !important;
}
.success {
background: #101010;	
font-weight: normal;
transition: background .8s ease-in-out;
}
.waarom .button {
float: right;
}
.block .button {
position: relative;
padding: 10px 20px 10px 20px;
margin: 5px;
display: inline-block;
font-size: 14px;
font-weight: 500;  
}
.toepassingen .button {
position: relative;
padding: 0px 20px 0px 20px;
margin: 5px;
display: inline-block;
font-size: 14px;
font-weight: 500;  
}
.kennisbank .button {
position: relative;
padding: 0px;
margin: 0px;
display: inline-block;
font-size: 14px;
font-weight: 500;  
}
.secondary {
background-color: rgba(0,0,0,0);
}
.secondary:after {
content: "";
position: absolute;
inset: 0;
border-radius: 6px;
padding: 1px; background: linear-gradient( to right , #2B63F3 0%, #31E1F7 100%);
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
background-color: rgba(0,0,0,0);
}
.secondary:hover {
background: linear-gradient( to right , #2B63F3 0%, #31E1F7 100%);
animation: animatedgradient 5s ease alternate infinite;
}
.easion:before {
content: '';
position: absolute;
top: calc(-1 * 2px);
left: calc(-1 * 2px);
height: calc(100% + 2px * 2);
width: calc(100% + 2px * 2);
background: linear-gradient( to right , #2B63F3 0%, #31E1F7 100%);
border-radius: 6px;
z-index: -1;
animation: animatedgradient 3s ease alternate infinite;
background-size: 300% 300%;	
}
.easion:hover {
background: linear-gradient( to right , #2B63F3 0%, #31E1F7 100%);
animation: animatedgradient 5s ease alternate infinite;
}
.nav > li > a > i {
margin-left: 10px !important;
}
.nav-dropdown {
background: #151619;
color: #fff;
border-radius: 0px 0px 10px 10px;
min-width: 150px;
padding-top:10px;
margin-top: 17px;
transition: opacity .1s,visibility .1s !important;
}
.nav-dropdown-has-border .nav-dropdown {
border-top: #FD61E3 solid 1px;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
}
.nav-dropdown.nav-dropdown-default > li > a {
padding-right:5px;
margin: 0px !important;
}
.nav-column > li > a, .nav-dropdown > li > a, .nav-vertical-fly-out > li > a, .nav > li > a {
color: #fff;
}
.nav-dropdown-default .nav-column li > a, .nav-dropdown.nav-dropdown-default > li > a {
border:0px;
}
#footer {
font-size: 14px;
}
.icon-box-text {
padding-bottom: 15px;
}
.team .icon-box-text {
min-height: 90px;
display:flex;
align-items:center;
margin-bottom: -10px;
}
.team .icon-box-text p {
margin: auto;
}
.ruit-rechts {
padding-left: -100px !important;
}
.ruit-rechts:before {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px;
--angle: 0deg;  
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: -200px;
margin-top: 200px;
width: 700px;
height: 700px;
overflow:hidden;
z-index:-10;
animation: rotateGradient 8s linear infinite;
}
.ruit {
padding-left: 200px !important;
}
.ruit:before  {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 90deg;
background: linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7);
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 300px;
margin-top: -100px;
width: 700px;
height: 700px;
animation: rotateGradient 8s linear infinite;
}
.ruit-top-easion {
padding-left: 200px !important;
}
.ruit-top-easion:before  {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 300deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 200px;
margin-top: -100px;
width: 700px;
height: 700px;
animation: rotateGradient 8s linear infinite;
}
.ruit1:before  {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 90deg;
background: linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7);
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-top: 150px;
margin-left: 30px;
width: 400px;
height: 400px;
animation: rotateGradient 8s linear infinite;
}
@property --angle {
syntax: '<angle>';
inherits: false;
initial-value: 90deg; }
@keyframes rotateGradient {
to { --angle: 450deg; } } @media (prefers-reduced-motion: reduce) {
.ruit1::before { animation: none; }
}
.ruit1 .col-inner {
transform: rotate(-45deg);
width: 400px;
height: 400px;
margin: 24px;
overflow: hidden;
border-radius: 16px;
margin-top: 120px !important;
margin-left: 15px !important;
background: rgba(34, 167, 240, .5);
}
.ruit1 .img-inner {
transform: rotate(45deg);
overflow: hidden;
width: 1000px;
height: 880px;
margin-left: -500px;
margin-top: -300px;
border-radius: 16px;
}
.ruit2:before  {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 90deg;
background: linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 80px;
margin-top: -80px;
width: 200px;
height: 200px;
animation: rotateGradient 8s linear infinite;
}
.ruit2 .col-inner {
transform: rotate(-45deg);
width: 200px;
height: 200px;
margin: 24px;
overflow: hidden;
border-radius: 16px;
margin-top: -55px !important;
margin-left: 65px !important;
}
.ruit2 .img-inner {
transform: rotate(45deg);
overflow: hidden;
width: 400px;
height: 380px;
margin-left: -140px;
margin-top: -60px;
border-radius: 16px;
}
.ruit3:before  {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 90deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 10px;
margin-top: 155px;
width: 100px;
height: 100px;
animation: rotateGradient 8s linear infinite;
}
.ruit3 .col-inner {
transform: rotate(-45deg);
width: 100px;
height: 100px;
margin: 24px;
overflow: hidden;
border-radius: 16px;
margin-top: 155px !important;
margin-left: -30px !important;
}
.ruit3 .img-inner {
transform: rotate(45deg);
overflow: hidden;
width: 200px;
height: 180px;
margin-left: -70px;
margin-top: -20px;
border-radius: 16px;
}
.ruit5 .img-inner {
position: relative;
top: 10px;
left: 10px;
content: '';
height: calc(100% - 22px); width: calc(100% - 22px); transform: rotateX(45deg) rotateZ(45deg);
height: 400px;
width: 400px;
line-height: 200px;
text-align: center;
margin: 10px 40px;
border-radius: 10px;
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
}
.ruit5:before {
content: "";
position: absolute;
height: calc(100% - 22px); width: calc(100% - 22px); transform: rotateX(45deg) rotateZ(45deg);
height: 400px;
width: 400px;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 90deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-top: 20px;
margin-left: 150px;
width: 400px;
height: 400px;
animation: rotateGradient 8s linear infinite;
}
.ruit5 img {
transform: rotate(-45deg);
opacity: 0.7;
width: 100%; height: 100%; 
object-fit: fill;
scale: 1.5;
border-radius: 10px;
}
.ruit6:before  {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 90deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-top: 120px;
margin-left: 40px;
width: 400px;
height: 400px;
animation: rotateGradient 8s linear infinite;
}
.ruit6 .col-inner {
transform: rotate(-45deg);
width: 400px;
height: 400px;
margin: 24px;
overflow: hidden;
border-radius: 16px;
margin-top: 120px !important;
margin-left: 80px !important;
}
.ruit6 .img-inner {
transform: rotate(45deg);
overflow: hidden;
width: 950px;
height: 680px;
margin-left: -250px;
margin-top: -50px;
border-radius: 16px;
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.ruit6 img {
opacity: 0.7;
}
.ruit7:before  {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 90deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-top: 120px;
margin-left: 60px;
width: 400px;
height: 400px;
animation: rotateGradient 8s linear infinite;
}
.ruit7 .col-inner {
transform: rotate(-45deg);
width: 400px;
height: 400px;
margin: 24px;
overflow: hidden;
border-radius: 16px;
margin-top: 120px !important;
margin-left: 80px !important;
}
.ruit7 .img-inner {
transform: rotate(45deg);
overflow: hidden;
width: 850px;
height: 680px;
margin-left: -350px;
margin-top: -150px;
border-radius: 16px;
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.ruit7 img {
opacity: 0.7;
}
.ruit-easion .img-inner {
position: relative;
top: 10px;
left: 10px;
content: '';
height: calc(100% - 22px); width: calc(100% - 22px); transform: rotateX(45deg) rotateZ(45deg);
height: 400px;
width: 400px;
line-height: 200px;
text-align: center;
margin: 10px 40px;
border-radius: 10px;
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
}
.ruit-easion:before {
content: "";
position: absolute;
height: calc(100% - 22px); width: calc(100% - 22px); transform: rotateX(45deg) rotateZ(45deg);
height: 400px;
width: 400px;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 240deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-top: 20px;
margin-left: 150px;
width: 400px;
height: 400px;
animation: rotateGradient 8s linear infinite;
}
.ruit-easion img {
transform: rotate(-45deg);
opacity: 0.7;
width: 100%; height: 100%; 
object-fit: fill;
scale: 1.5;
border-radius: 10px;
}
.ruit5-links:before  {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 90deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-top: 120px;
margin-left: -30px;
width: 400px;
height: 400px;
animation: rotateGradient 8s linear infinite;
}
.ruit5-links .col-inner {
transform: rotate(-45deg);
width: 400px;
height: 400px;
margin: 24px;
overflow: hidden;
border-radius: 16px;
margin-top: 120px !important;
margin-left: 15px !important;
}
.ruit5-links .img-inner {
transform: rotate(45deg);
overflow: hidden;
width: 850px;
height: 680px;
margin-left: -350px;
margin-top: -110px;	border-radius: 16px;
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.ruit5 img {
opacity: 0.7;
}
.ruit-contact .img-inner {
position: relative;
top: 10px;
left: 10px;
content: '';
height: calc(100% - 22px); width: calc(100% - 22px); transform: rotateX(45deg) rotateZ(45deg);
height: 300px;
width: 300px;
line-height: 200px;
text-align: center;
margin: 10px 40px;
border-radius: 10px;
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
}
.ruit-contact:before {
content: "";
position: absolute;
height: calc(100% - 22px); width: calc(100% - 22px); transform: rotateX(45deg) rotateZ(45deg);
height: 300px;
width: 300px;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 90deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-top: 20px;
margin-left: 0px;
width: 300px;
height: 300px;
animation: rotateGradient 8s linear infinite;
}
.ruit-contact img {
transform: rotate(-45deg);
opacity: 0.7;
width: 100%; height: 100%; 
object-fit: fill;
scale: 1.5;
border-radius: 10px;
}
.banner-bg {
border-radius: 16px;
}
.gradient-border-9-blokken:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
width: 1500px;
max-width: 98vw;
margin: auto;
margin-bottom: 400px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-6-blokken:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 300deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
width: 1500px;
max-width: 98vw;
margin: auto;
margin-bottom: 400px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-3-items:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 2px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin: auto;
margin-left:40px;
margin-top: -80px;
margin-bottom: 100px;
animation: rotateGradient 8s linear infinite;
}
.item h1 {
background: #101010;
margin-top: -30px;
}
.gradient-border:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
width: 1600px;
max-width: 98vw;
margin: auto;
animation: rotateGradient 8s linear infinite;
}
.contact .icon-box-img .icon-inner:before {
content: "";
position: absolute;
inset: 0;
border-radius: 10px; 
padding: 1px; 
background:linear-gradient(120deg,#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
height: 30px;
width: 30px;
margin-left: -5px;
margin-top: -2px;  
}
hr {
height: 8px;
background-image: linear-gradient(120deg,#FD61E3, #8C62EC); 
border: 0;
height: 1px;
opacity: 1 !important;
}
.gradient-border2:before {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin: auto;
width: 350px;
height: 350px;
margin-top: -50px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border3:before {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin: auto;
width: 350px;
height: 350px;
margin-top: 50px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-3-easion:before {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 280deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin: auto;
width: 350px;
height: 350px;
margin-top: 50px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-4:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 2px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
width: 1400px;
max-width: 98vw;
margin: auto;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-5:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 2px; 
--angle: 300deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
width: 1400px;
margin: auto;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-top:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: -40px;
margin-top: -40px;
margin-bottom: 80px;
margin-right: 40px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-top-easion:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle), #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: -40px;
margin-top: -40px;
margin-bottom: 90px;
margin-right: 40px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-top-foto img {
border-radius: 16px !important;
opacity: 0.7;	
}
.gradient-border-top-foto .image-cover {
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.gradient-border-top-foto:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: -10px;
margin-top: 30px;
margin-bottom:100px;
margin-right: 60px;
height: 500px;
animation: rotateGradient 8s linear infinite;
}
.vierkant-easion img {
border-radius: 16px !important;
opacity: 0.7;	
}
.vierkant-easion .image-cover {
background: transparent linear-gradient(316deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.vierkant-easion:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 316deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 0px;
margin-top: 30px;
margin-bottom:100px;
margin-right: 60px;
height: 500px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-top-werken-bij:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 60px;
margin-top: 70px;
margin-bottom: 20px;
margin-right: 0px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-top-werken-bij .banner-bg, .gradient-border-top-kennisbank .banner-bg {
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.gradient-border-top-werken-bij .bg-loaded,  .gradient-border-top-kennisbank .bg-loaded {
opacity: 0.7;
border-radius: 14px !important;
}
.gradient-border-top-werken-bij img, .gradient-border-top-kennisbank img {
border-radius: 16px !important;
opacity: 0.7;	
}
.gradient-border-top-kennisbank .banner {
border-radius: 16px !important;
}
.gradient-border-top-werken-bij .image-cover {
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.gradient-border-top-werken-bij .image-cover {
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.gradient-border-top-kennisbank:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 50px;
margin-top: -10px;
margin-bottom: 80px;
margin-right: 0px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-top-kennisbank .image-cover {
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.gradient-border-top-kennisbank img {
border-radius: 14px !important;
opacity: 0.7;
}
.gradient-border-image img:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin: auto;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-bottom:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 100px;
margin-top: 50px;
margin-bottom: -20px;
margin-right: -40px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-bottom-contact:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 145deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 90px;
margin-top: 90px;
margin-bottom: 90px;
margin-right: -20px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-bottom-visie:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 300deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 100px;
margin-top: -40px;
margin-bottom: 60px;
margin-right: -40px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-bottom-easion:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle), #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 100px;
margin-top: -40px;
margin-bottom: 90px;
margin-right: -40px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-easion:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle), #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 100px;
margin-top: -40px;
margin-bottom: 60px;
margin-right: -40px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-werken:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: -40px;
margin-top: -40px;
margin-bottom: 160px;
margin-right: 40px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-stage:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle), #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 100px;
margin-top: -40px;
margin-bottom: 160px;
margin-right: -40px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-easion .image-cover {
background: transparent linear-gradient(180deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.gradient-border-easion img {
border-radius: 16px !important;
opacity: 0.7;	
}
.gradient-border-easion-top:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
background:linear-gradient(120deg, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: -20px;
margin-top: -20px;
margin-bottom: 60px;
margin-right: 60px;
}
.gradient-border-easion-top .image-cover {
background: transparent linear-gradient(180deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.gradient-border-easion-top img {
border-radius: 16px !important;
opacity: 0.7;	
}
.student-vierkant:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
background:linear-gradient(145deg, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 0px;
margin-top: 30px;
margin-bottom:100px;
margin-right: 60px;
height: 500px;
}
.student-vierkant img {
border-radius: 16px !important;
opacity: 0.7;	
}
.student-vierkant .image-cover {
background: transparent linear-gradient(145deg, #2B63F3 0%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.block {
background: #151519 0% 0% no-repeat padding-box;
border-radius: 14px;
opacity: 1;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
border: 1px solid #2A2B32;
}
.block-easion {
background: #151519 0% 0% no-repeat padding-box;
border-radius: 14px;
opacity: 1;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
border: 1px solid #2A2B32;
}
.block .button {
float: right;
}
.kennisbank .button {
float: left;
}
.kennisbank .button span {
min-width: 400px !important;
text-align: left;
}
.kennisbank {
margin-bottom: 15px;
}
.wbc-timeline__content {
background: none !important;
border: 0px !important;
box-shadow: none !important;
}
.wbc-timeline__content::before {
display: none;
}
.wbc-timeline__content h2 {
background: -webkit-linear-gradient(0deg, #FD61E3 0%, #8C62EC 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
font-size: 60px !important;  
}
.team img {
border-radius: 10px 10px 0 0;
}
.kubus img {
position: absolute;
margin-right:-100px;
}
.kubus2 .img-inner{
margin-right:-100px;
}
.sollicitatie {
margin-left: -80px;
}
.datum {
position: absolute;
right: 70px;
}
.accordion-item {
border: 1px solid;
border-color: hsla(0,0%,100%,.2);
background: #151519 0% 0% no-repeat padding-box;	
}
.accordion-title, .accordion-inner {
border-top: 0px;
border: 0px solid;
border-color: hsla(0,0%,100%,.2);
background: #151519 0% 0% no-repeat padding-box;
font-size: 16px;
padding: 1.2em 1em !important;
color: #ffffff;
}
.accordion-title.active {
border-color: hsla(0,0%,100%,.2);
background: #151519 0% 0% no-repeat padding-box;
font-size: 16px;
padding: 1.2em 1em !important;
color: #666564;
}
.accordion-title.active + .accordion-inner {
border-top: 1px solid;
width:98%;
margin: auto;
border-color: hsla(0,0%,100%,.2);
} 
.accordion-item:first-of-type, .accordion-item:first-of-type .accordion-title {
border-radius: 10px 10px 0 0;
}
.accordion-item:last-of-type, .accordion-item:last-of-type .accordion-title {
border-radius: 0px 0px 10px 10px;
}
accordion-item:last-of-type .accordion-title.active {
border-radius: 0px;
}
.accordion .toggle {
position: relative !important;
float: right;
width: 45px;
margin-top: -10px;
}
.accordion-item i.icon-angle-down::before {
content:"";
background-image:url(https://scorion.com/wp-content/themes/flatsome-child/chevron-down.svg);
width: 15px;
height: 10px;
display: inline-block;
background-position:center;
background-size:cover;
margin-bottom: 6px;
}
.follow-icons .circle {
padding: 3px 0px 0px 0px !important;
background-color: rgba(255,255,255,0.7) !important;
margin-right: 5px;
}
.follow-icons .circle:hover {
padding: 3px 0px 0px 0px !important;
background-color: rgba(255,255,255,1) !important;
margin-right: 5px;
}
.follow-icons .circle i, .follow-icons .circle i:hover {
color: #272727;
}
.scroll-for-more  i.icon-angle-down::before {
content:"";
background-image:url(https://scorion.com/wp-content/themes/flatsome-child/chevron-down.svg);
width: 35px;
height: 20px;
display: inline-block;
background-position:center;
background-size:cover;
margin-bottom: 6px;
color: #fff !important;
}
.scroll-for-more i {
color: #fff !important;
}
.html_topbar_right {
margin-right: 0px !important;
}
.login {
padding: 0px 10px 0px 0px !important;
width: 40px !important;
}
.demo {
padding: 0px 15px 0px 15px !important;
margin-bottom: 2px;
text-transform: none !important;
font-size: 16px !important;
margin-right: 0px !important;
}
.inloggen {
width: 20px;
height: 32px;
filter: invert(100%) sepia(0%) saturate(7421%) hue-rotate(211deg) brightness(110%) contrast(95%);
margin: 4px 8px 4px 8px;
padding-left: 3px;
}
.button {
border:0px !important;
}
.header-button {
margin: 0px;
}
.header-button span {
text-transform: none !important;
}
.gform-field-label a {
color: #FF61E3 !important;
}
.gfield_label {
text-transform: none;
border: 0px;
}
.gform_wrapper.gravity-theme .gfield_label {
font-weight: normal !important;
}
.gfield_required {
display: none !important;
}
#gform_1 .gfield_label {
padding-bottom:0px !important;
font-weight: normal;
}
.gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
background: #151519 0% 0% no-repeat padding-box;
color: #fff;
border-radius: 8px !important;
border: 1px solid #2A2B32 !important;
height:50px;
}
.gform_wrapper.gravity-theme select {
background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 12px;
}
.icon-color {
width: 50px;
}
.gform_required_legend {
display: none;
}
.gform_wrapper.gravity-theme .gfield-choice-input + label, .gform_wrapper.gravity-theme .gfield-choice-input + label:hover {
font-size:16px;
font-weight: normal;
margin-bottom:25px;
color: #fff;
}
.gform_wrapper.gravity-theme .gf_step_active .gf_step_number,.gform_wrapper.gravity-theme .gf_step_number {
display:none;
}
.gform_wrapper.gravity-theme .gf_step_active .gf_step_label {
background: #e2e2e8 !important;
border-radius: 99px;
width: 40px;
}
.gform_wrapper.gravity-theme .gf_step {
margin: 8px 8px 8px 0;
}
.gform_wrapper.gravity-theme .gf_step_label {
background: #747494;
border-radius: 99px;
padding-left: 12px;
}
.gform_page_footer {
position: absolute;
bottom: -100px;
width: 100%;
}
.gform_wrapper.gravity-theme .gf_page_steps {
border:0px;
position: absolute;
bottom: -90px;
left: 160px;
}
.gform_wrapper.gravity-theme .gfield-choice-input {
margin-top: -20px;
margin-right: 20px;
background: #151519 0% 0% no-repeat padding-box;
}
#gform_8_validation_container {
display: none;
}
.gform_wrapper.gravity-theme .gform_previous_button.button {
background: #FFC933;
border-radius: 99px;
padding: 0px;
width: 40px;
height: 40px;
}
.gform_wrapper.gravity-theme .gform_previous_button.button::before {
font-family: 'Font Awesome 5 Pro';
content: "\f060" !important;	
font-size: 18px;
background-color: #FFC933;
border-radius: 99px;
padding:10px;
}
.gform_next_button::after {
font-family: 'Font Awesome 5 Pro';
content: "\f061" !important;	
font-size: 18px;
background-color: #FFC933;
border-radius: 99px;
padding:10px;
}
body .gform_wrapper ul li.gfield, 
.gform_wrapper li.hidden_label input,
body .gform_wrapper .top_label div.ginput_container{
margin-top: 0px !important;
font-size: 14.5px;
}
.gform_wrapper{
margin-top: 0px !important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_next_button {
background: linear-gradient( to right , #FD61E3 0%, #8C62EC 100%);
animation: animatedgradient 5s ease alternate infinite;
text-transform: none;
width: 100%;
}
.gform_footer span:after
{
content: "\f061";
font-family: 'Font Awesome 5 Pro';
z-index: 100; 
margin-left: -35px;
position:absolute;
margin-top: 10px;
color: #17174C;
padding-left: 10px;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
margin: 0px -5px 8px 0 !important;
border-radius: 10px;
width:100%;
}
input[type="checkbox"] {
display: none !important;
}
input[type="checkbox"] + label {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 20px;
font: 14px/20px "Open Sans", Arial, sans-serif;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
input[type="checkbox"]:hover + label:hover {
color:#fff;;
}
input[type="checkbox"]:hover + label:before {
background: #50565a;
box-shadow: inset 0px 0px 0px 2px #f7f2f2;
}
input[type="checkbox"] + label:last-child {
margin-bottom: 0;
}
input[type="checkbox"] + label:before {
content: "";
display: block;
width: 1.4em;
height: 1.4em;
border: 1px solid #343a3f;
border-radius: 0.2em;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.2s, background 0.2s ease-in-out;
transition: all 0.2s, background 0.2s ease-in-out;
background: #151519 0% 0% no-repeat padding-box;
}
input[type="checkbox"]:checked + label:before {
width: 1.3em;
height: 1.3em;
border-radius: 0.2em;
border: 2px solid #fff;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background: linear-gradient( to right , #FD61E3 0%, #8C62EC 100%);
box-shadow: 0 0 0 1px #000;
}
input[type="radio"] {
display: none !important;
}
input[type="radio"] + label {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 20px;
font: 14px/20px "Open Sans", Arial, sans-serif;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
input[type="radio"]:hover + label:hover {
color: rgb(23, 86, 228);
}
input[type="radio"]:hover + label:before {
background: #50565a;
box-shadow: inset 0px 0px 0px 2px #f7f2f2;
}
input[type="radio"] + label:last-child {
margin-bottom: 0;
}
input[type="radio"] + label:before {
content: "";
display: block;
width: 1.4em;
height: 1.4em;
border: 1px solid #343a3f;
border-radius: 100%;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.2s, background 0.2s ease-in-out;
transition: all 0.2s, background 0.2s ease-in-out;
background: #151519 0% 0% no-repeat padding-box;
}
input[type="radio"]:checked + label:before {
width: 1.3em;
height: 1.3em;
border-radius: 100%;
border: 2px solid #fff;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background: linear-gradient( to right , #FD61E3 0%, #8C62EC 100%);
box-shadow: 0 0 0 1px #000;
}
.gfield--type-fileupload label {
position: relative;
z-index: 0;
display: inline-block;
width: 100%;
background: #151519 0% 0% no-repeat padding-box;
cursor: pointer;
color: #fff;
padding: 10px 30px 10px 30px !important;
text-transform:uppercase;
font-size:12px;
border: 1px solid #2B63F3;
border-radius: 10px;
text-align:center;
}
.gfield--type-fileupload label:hover {
background: linear-gradient( to right ,#2B63F3 0%, #31E1F7 100%);
animation: animatedgradient 5s ease alternate infinite;
}
#input_2_17, #input_2_16 {
display: inline-block;
position: absolute;
z-index: 1;
width: 100%;
height: 50px;
top: 0;
left: 0;
opacity: 0;
cursor: pointer;
}
.gform_fileupload_rules {
display: none !important;
}
.button span {
font-weight: normal !important;
}
.google-map {
border-radius: 16px;
overflow: hidden;
}
.portaal .button {
width: 100% !important;
text-align:left;
padding-left: 50px !important;
margin-bottom: -5px;
}
.portaal .button span {
text-decoration: underline;
}
.comments-area {
display: none;
}
.blog-single .section {
padding-left: 0px !important;
padding-right: 0px !important;
}
.absolute-footer {
display: none !important;
}
.col {
padding: 0 16px 30px !important;
}
@media only screen and (max-width: 48em) { h1 {
font-size: 40px;
margin-bottom: 10px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 20px;
}
p {
font--size: 16px;
}
ol > li::marker {
color: #FD61E3;
font-size: 30px;
}
ol {
padding-left: 10px;
}
.kennisbank .button span {
min-width: 150px !important;
text-align: left;
max-width: 340px;
}
.off-canvas-right.dark .mfp-content {
background: #101010;
}
.header-button .primary {
background: #101010 !important;
}
.html_topbar_left {
width: 80px !important;
position: relative !important;
right: 0px !important;
border:0px !important;
}
.sidebar-menu .html_topbar_left {
width: 100% !important;
}
.inloggen {
width: 20px;
height: 32px;
filter: invert(100%) sepia(0%) saturate(7421%) hue-rotate(211deg) brightness(110%) contrast(95%);
margin: 4px 20px 4px 8px;
}
.gradient-border-top-foto:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
background:linear-gradient(120deg,#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 0px;
margin-top: 30px;
margin-bottom:100px;
margin-right: 60px;
height: 80%;
}
.gradient-border:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
background:linear-gradient(120deg,#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
width: 95%;
margin-bottom: 200px;
}
.gradient-border-4:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 2px; 
background:linear-gradient(120deg,#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
width: 95%;
margin: auto;
}
.gradient-border-5:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 2px; 
background:linear-gradient(300deg,#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
width: 95%;
margin: auto;
}
.student-vierkant:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
background:linear-gradient(145deg, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 0px;
margin-top: 30px;
margin-bottom:100px;
margin-right: 60px;
height: 80%;
}
.sollicitatie {
margin-left: 16px;
margin-right: 16px;
}
.flickity-prev-next-button.previous {
left: 2% !important;
}
.flickity-prev-next-button.next {
right: 2% !important;
}
#footer .is-border {
border: 0px !important
}
}input[type="checkbox"].cmplz-category { width: initial; -webkit-appearance: checkbox;}input[type="checkbox"].cmplz-category:checked::before { content: '';}.cmplz-cookiebanner { box-sizing: border-box;}:root { --cmplz_banner_width: 526px; --cmplz_banner_background_color: #ffffff; --cmplz_banner_border_color: #f2f2f2; --cmplz_banner_border_width: 0px 0px 0px 0px ; --cmplz_banner_border_radius: 12px 12px 12px 12px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 163px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #222222; --cmplz_hyperlink_color: #1E73BE; --cmplz_text_font_size: 12px; --cmplz_link_font_size: 12px; --cmplz_category_body_font_size: 12px; --cmplz_button_accept_background_color: #1E73BE; --cmplz_button_accept_border_color: #1E73BE; --cmplz_button_accept_text_color: #ffffff; --cmplz_button_deny_background_color: #f9f9f9; --cmplz_button_deny_border_color: #f2f2f2; --cmplz_button_deny_text_color: #222222; --cmplz_button_settings_background_color: #f9f9f9; --cmplz_button_settings_border_color: #f2f2f2; --cmplz_button_settings_text_color: #333333; --cmplz_button_border_radius: 6px 6px 6px 6px; --cmplz_button_font_size: 15px; --cmplz_category_header_always_active_color: green; --cmplz_category_header_title_font_size: 14px; --cmplz_category_header_active_font_size: 12px; --cmplz-manage-consent-height: 50px; --cmplz-manage-consent-offset: -35px; --cmplz_slider_active_color: #1e73be; --cmplz_slider_inactive_color: #F56E28; --cmplz_slider_bullet_color: #ffffff;}body.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) { pointer-events: none !important; user-select: none !important;}.cmplz-cookiebanner * { pointer-events: auto !important; user-select: auto !important;}#cmplz-manage-consent .cmplz-manage-consent { margin: unset; z-index: 9998; color: var(--cmplz_text_color); background-color: var(--cmplz_banner_background_color); border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: initial; position: fixed; bottom: var(--cmplz-manage-consent-offset); min-width: 100px; height: var(--cmplz-manage-consent-height); right: 40px; padding: 15px; cursor: pointer; animation: mc_slideOut 0.5s forwards;}#cmplz-manage-consent .cmplz-manage-consent:active { outline: none; border: none;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed { display: none;}#cmplz-manage-consent .cmplz-manage-consent:hover,#cmplz-manage-consent .cmplz-manage-consent:focus { animation: mc_slideIn 0.5s forwards; animation-delay: 0;}@-webkit-keyframes mc_slideIn { 100% { bottom: 0; }}@keyframes mc_slideIn { 100% { bottom: 0; }}@-webkit-keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: none; }}.cmplz-cookiebanner { max-height: calc(100vh - 20px); overflow-y: auto; position: fixed; height: auto; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); grid-template-rows: minmax(0, 1fr); z-index: 99999; background: var(--cmplz_banner_background_color);}.cmplz-cookiebanner a { transition: initial;}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf { display: none;}.cmplz-cookiebanner.cmplz-dismissed { display: none;}.cmplz-cookiebanner .cmplz-body { width: 100%; grid-column: span 3; overflow-y: auto; overflow-x: hidden; max-height: 55vh;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar { width: 5px; background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb { background-color: var(--cmplz_button_accept_background_color); border-radius: 10px;}@media (min-width: 350px) { .cmplz-cookiebanner .cmplz-body { min-width: 300px; }}@media (max-height: 400px) { .cmplz-cookiebanner { height: calc(100vh - 20px); display: flex; flex-direction: column; overflow: hidden; gap: 1px; grid-row-gap: 1px; padding: 7px 12px !important; zoom: 0.6; } .cmplz-cookiebanner .cmplz-body { flex: 1; min-height: 0; overflow-y: auto; max-height: none; margin-top: 15px !important; } .cmplz-cookiebanner .cmplz-header, .cmplz-cookiebanner .cmplz-divider, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-documents { flex-shrink: 0; } .cmplz-cookiebanner .cmplz-header { margin-bottom: 15px !important; max-height: 10px; } .cmplz-close { zoom: 0.6 !important; } .cmplz-cookiebanner .cmplz-buttons { gap: 1px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 15vh !important; min-height: unset !important; padding: 0 !important; white-space: nowrap !important; font-size: 1.1rem !important; line-height: 14px !important; zoom: 0.5 !important; } .cmplz-cookiebanner .cmplz-documents, .cmplz-cookiebanner .cmplz-information { zoom: 0.5 !important; }}@media (max-height: 400px) and (max-width: 768px) { .cmplz-cookiebanner { gap: 1px; }}.cmplz-cookiebanner { border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); padding: 15px 20px; display: grid; grid-gap: 10px;}.cmplz-cookiebanner .cmplz-divider { margin-left: -20px; margin-right: -20px;}.cmplz-cookiebanner .cmplz-header { grid-template-columns: 100px 1fr 100px; align-items: center; display: grid; grid-column: span 3;}@media (max-width: 399px) { .cmplz-cookiebanner .cmplz-header { grid-template-columns: auto 1fr auto; }}.cmplz-cookiebanner .cmplz-logo svg { max-height: 35px; width: inherit;}.cmplz-cookiebanner .cmplz-logo img { max-height: 40px; width: inherit;}.cmplz-cookiebanner .cmplz-title { justify-self: center; grid-column-start: 2; font-size: var(--cmplz_title_font_size); color: var(--cmplz_text_color); font-weight: 500;}.cmplz-cookiebanner .cmplz-close { line-height: 20px; justify-self: end; grid-column-start: 3; font-size: 20px; cursor: pointer; width: 20px; height: 20px; color: var(--cmplz_text_color);}.cmplz-cookiebanner .cmplz-close svg { width: 20px; height: 20px;}.cmplz-cookiebanner .cmplz-close:hover { text-decoration: none; line-height: initial; font-size: 18px;}.cmplz-cookiebanner .cmplz-message { word-wrap: break-word; font-size: var(--cmplz_text_font_size); line-height: var(--cmplz_text_line_height); color: var(--cmplz_text_color); margin-bottom: 5px;}.cmplz-cookiebanner .cmplz-message a { color: var(--cmplz_hyperlink_color);}.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-divider { grid-column: span 3;}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header { grid-template-columns: 1fr auto;}.cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 0.5);}.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: grid; grid-template-columns: 1fr auto 15px; grid-template-rows: minmax(0, 1fr); align-items: center; grid-gap: 10px; padding: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { font-weight: 500; grid-column-start: 1; justify-self: start; font-size: var(--cmplz_category_header_title_font_size); color: var(--cmplz_text_color); margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { font-size: var(--cmplz_category_header_active_font_size); font-weight: 500; color: var(--cmplz_category_header_always_active_color);}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { display: flex; align-items: center; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { cursor: pointer; content: ''; transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover; height: 18px; width: 18px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { font-size: var(--cmplz_category_body_font_size); color: var(--cmplz_text_color); margin: 0; max-width: 100%; padding: 10px;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-category .cmplz-category-header { grid-template-columns: 1fr!important; }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-message { margin-right: 5px; }}.cmplz-cookiebanner .cmplz-buttons { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 45px; padding: 10px; margin: initial; width: 100%; white-space: nowrap; border-radius: var(--cmplz_button_border_radius); cursor: pointer; font-size: var(--cmplz_button_font_size); font-weight: 500; text-decoration: none; line-height: 20px; text-align: center; flex: initial;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover { text-decoration: none;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--cmplz_button_accept_background_color); border: 1px solid var(--cmplz_button_accept_border_color); color: var(--cmplz_button_accept_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { background-color: var(--cmplz_button_deny_background_color); border: 1px solid var(--cmplz_button_deny_border_color); color: var(--cmplz_button_deny_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn { display: flex; align-items: center; justify-content: center; padding: initial;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-links.cmplz-information { display: initial; text-align: center; }}.cmplz-cookiebanner .cmplz-links { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: space-between;}.cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center;}.cmplz-cookiebanner .cmplz-links .cmplz-link { color: var(--cmplz_hyperlink_color); font-size: var(--cmplz_link_font_size); text-decoration: underline; margin: 0;}.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes { display: none;}.cmplz-cookiebanner .cmplz-links ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--cmplz_banner_margin); justify-content: center;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: none;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: block;}.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open { transform: rotate(180deg);}@media (min-width: 768px) { .cmplz-cookiebanner { min-width: var(--cmplz_banner_width); max-width: 100%; display: grid; grid-row-gap: 10px; }}@media (max-width: 768px) { .cmplz-cookiebanner { width: 100%; gap: 1px; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: column; }}@media (min-width: 769px) { .cmplz-message, .cmplz-categories { width: calc(var(--cmplz_banner_width) - 42px); }}.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-save-preferences,.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,.cmplz-cookiebanner .cmplz-manage-vendors,.cmplz-cookiebanner .cmplz-read-more,.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { display: none;}.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; display: block;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-marketing:not(.cmplz-tcf),.cmplz-manage-consent-container .cmplz-marketing:not(.cmplz-tcf) { display: none;}@media (max-width: 768px) { #cmplz-manage-consent .cmplz-manage-consent { display: none; }}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox { position: relative;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox { opacity: 0; margin: 0; margin-top: -10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; width: 40px; height: 20px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #245fcc;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { display: block; background-color: var(--cmplz_slider_active_color); content: ""; padding-left: 6px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after { left: 14px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label { position: relative; padding-left: 30px; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before,.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { box-sizing: border-box; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before { display: block; content: ""; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; padding-left: 23px; font-size: 12px; line-height: 20px; background-color: var(--cmplz_slider_inactive_color); left: 0px; top: -7px; height: 15px; width: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { display: block; content: ""; letter-spacing: 20px; background: var(--cmplz_slider_bullet_color); left: 4px; top: -5px; height: 11px; width: 11px;}.cmplz-soft-cookiewall { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 9999;}.cmplz-soft-cookiewall.cmplz-dismissed { position: initial; display: none;}.cmplz-optout .cmplz-soft-cookiewall { position: initial;}.cmplz-document .cmplz-soft-cookiewall { position: initial;}.cmplz-cookiebanner { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}#cmplz-manage-consent .cmplz-manage-consent { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show:hover { transition-duration: 1s; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}