* {margin: 0; padding: 0; line-height: 1.5;} a {color: inherit;text-decoration: none;} ul, ol {list-style-type: none;} *, :after, :before { box-sizing: border-box; border: 0 solid #e2e8f0; } .bg-background {background-color: #FFFAFA;} .hover\:bg-background:hover {background-color: #FFFAFA;} .hover\:text-background:hover {color: #FFFAFA;} .bg-error {background-color: #FF0000;} .hover\:bg-error:hover {background-color: #FF0000;} .hover\:text-error:hover {color: #FF0000;} .bg-success {background-color: #4BB543;} .hover\:bg-success:hover {background-color: #4BB543;} .hover\:text-success:hover {color: #4BB543;} .bg-black {background-color: #23333a;} .hover\:bg-black:hover {background-color: #23333a;} .hover\:text-black:hover {color: #23333a;} .bg-primary {background-color: #007db3;} .hover\:bg-primary:hover {background-color: #007db3;} .hover\:text-primary:hover {color: #007db3;} .bg-secondary {background-color: #f0f9fd;} .hover\:bg-secondary:hover {background-color: #f0f9fd;} .hover\:text-secondary:hover {color: #f0f9fd;} .bg-tertiary {background-color: #fcf202;} .hover\:bg-tertiary:hover {background-color: #fcf202;} .hover\:text-tertiary:hover {color: #fcf202;} .bg-white {background-color: #ffffff;} .hover\:bg-white:hover {background-color: #ffffff;} .hover\:text-white:hover {color: #ffffff;} .text-shadow { text-shadow: 1px 1px 2px black; } @media (max-width: 1023px) { form .container div { gap:0 !important; margin-top:0 !important; margin-bottom:0 !important; } } form .container { padding:0 !important; } form .container .py-5 { padding:0 !important; } .top-image:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; background: linear-gradient(0deg, rgba(35, 51, 58, 1) 0%,rgba(35, 51, 58, 0) 35%, rgba(35, 51, 58, 0) 100%); } .opacity-80 { opacity: .8; } .block-grid .block-grid { box-shadow:none !important; } .top-block { min-height:30vh; } .top-block img:not(.original_proportions) { height:100% !important; } .block-grid .bg-black { padding:0 !important; background:none !important; } .block-text ul { list-style-type: disc; margin-left: 1rem !important; } a:hover i , button:hover i { color: #23333a; } img { max-width: 500px; margin: auto; } .top-image img { max-width:100% !important; min-height:100% !important; } .top-image div { height:100%; } .rotate-90 { transform: rotate(90deg); } .rotate-180 { transform: rotate(180deg); } .rotate-270 { transform: rotate(270deg); } .vertical-position-0 { object-position: 50% 0%; } .vertical-position-20 { object-position: 50% 20%; } .vertical-position-33 { object-position: 50% 33%; } .vertical-position-50 { object-position: 50% 50%; } .vertical-position-66 { object-position: 50% 66%; } .vertical-position-80 { object-position: 50% 80%; } .vertical-position-100 { object-position: 50% 100%; } .block-gallery img { max-height:100% !important; width:100%; height:100%; } .block-gallery img:hover { filter: brightness(80%); } .block-grid img { max-height:initial !important; } h1, h2, h3, h4, h5, h6 { color: #007db3; } strong, b { } h1, h2, h3, h4, h5, h6 { margin-bottom: 1.25rem; text-transform: uppercase; font-weight: 600; } h1, h2 { line-height: 2.5rem; } h3, h4, h5, h6 { line-height: 2rem; } .text-white h1, .text-white h2 { color:inherit !important; } ul, .button { line-height: 1rem; } p, .block-text ul { line-height: 2rem; } p, ul { margin-bottom:1rem; font-size: 1.125rem; } p a { color: #23333a; border-bottom-width: 2px; border-color: #23333a; } p a:hover { color: #007db3; border-color: #007db3; } ::selection { background-color: #007db3; color: #ffffff; } .text-h1 { font-size:2.6rem; } @media (min-width: 576px) { h1, .text-h1 { font-size:3rem !important; } } .slug-onze-diensten p { text-align:left; } img:not(.original_proportions) { object-fit:cover; max-height:50vh; } img { width:100%; } .min-h-100 { min-height:100vh; } .-top-10 { top: -2.5rem; } * {font-family: Kanit;} h1 {font-size: 2.6rem;} h2 {font-size: 1.6rem;} h3 {font-size: 2rem;} .space-y-5 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))); margin-bottom: calc(1.25rem * var(--space-y-reverse));} .bg-black {background-color: #23333a;} .bg-white {background-color: #ffffff;} .border-black {border-color: #23333a;} .rounded-full {border-radius: 9999px;} .border-2 {border-width: 2px;} .border-b-2 {border-bottom-width: 2px;} .border-b-4 {border-bottom-width: 4px;} .cursor-pointer {cursor: pointer;} .block {display: block;} .inline-block {display: inline-block;} .flex {display: flex;} .inline-flex {display: inline-flex;} .grid {display: grid;} .hidden {display: none;} .flex-row-reverse {flex-direction: row-reverse;} .flex-col {flex-direction: column;} .flex-col-reverse {flex-direction: column-reverse;} .items-end {align-items: flex-end;} .items-center {align-items: center;} .justify-center {justify-content: center;} .justify-between {justify-content: space-between;} .h-24 {height: 6rem;} .h-40 {height: 10rem;} .mx-auto {margin-left: auto; margin-right: auto;} .-mx-5 {margin-left: -1.25rem; margin-right: -1.25rem;} .mb-0 {margin-bottom: 0;} .mb-3 {margin-bottom: 0.75rem;} .mb-5 {margin-bottom: 1.25rem;} .-mt-10 {margin-top: -2.5rem;} .-mb-10 {margin-bottom: -2.5rem;} .opacity-0 {opacity: 0;} .opacity-50 {opacity: 0.5;} .overflow-hidden {overflow: hidden;} .overflow-x-hidden {overflow-x: hidden;} .p-2 {padding: 0.5rem;} .p-5 {padding: 1.25rem;} .py-2 {padding-top: 0.5rem; padding-bottom: 0.5rem;} .py-3 {padding-top: 0.75rem; padding-bottom: 0.75rem;} .py-5 {padding-top: 1.25rem; padding-bottom: 1.25rem;} .px-5 {padding-left: 1.25rem; padding-right: 1.25rem;} .pb-2 {padding-bottom: 0.5rem;} .pt-5 {padding-top: 1.25rem;} .pr-5 {padding-right: 1.25rem;} .pb-5 {padding-bottom: 1.25rem;} .absolute {position: absolute;} .relative {position: relative;} .sticky {position: -webkit-sticky; position: sticky;} .top-0 {top: 0;} .right-0 {right: 0;} .bottom-0 {bottom: 0;} .left-0 {left: 0;} .shadow-lg {box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);} .text-center {text-align: center;} .text-black {color: #23333a;} .text-white {color: #ffffff;} .uppercase {text-transform: uppercase;} .w-24 {width: 6rem;} .w-40 {width: 10rem;} .w-auto {width: auto;} .w-full {width: 100%;} .z-10 {z-index: 10;} .z-20 {z-index: 20;} .gap-2 {grid-gap: 0.5rem; gap: 0.5rem;} .gap-5 {grid-gap: 1.25rem; gap: 1.25rem;} .gap-10 {grid-gap: 2.5rem; gap: 2.5rem;} .grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));} .transition-all {transition-property: all;} .transition {transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;} .ease-in-out {transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);} .duration-300 {transition-duration: 300ms;} .duration-500 {transition-duration: 500ms;} .bg-primary {background-color: #007db3;} .border-primary {border-color: #007db3;} .bg-tertiary {background-color: #fcf202;} .text-h1 {font-size: 2.6rem;} .container {width:100%;} @media (min-width: 640px) { .sm\:bg-secondary {background-color: #f0f9fd;} .sm\:block {display: block;} .sm\:hidden {display: none;} .sm\:justify-between {justify-content: space-between;} .sm\:flex-row {flex-direction: row;} .sm\:items-end {align-items: flex-end;} .sm\:mb-0 {margin-bottom: 0;} .sm\:flex {display: flex;} .sm\:justify-start {justify-content: flex-start;} .sm\:space-x-5 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(1.25rem * var(--space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));} .sm\:border-black {border-color: #23333a;} .sm\:text-black {color: #23333a;} .sm\:bg-tertiary {background-color: #fcf202;} .sm\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .sm\:pb-10 {padding-bottom: 2.5rem;} .sm\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .sm\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .sm\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .sm\:bg-white {background-color: #ffffff;} } @media (min-width: 768px) { .container {max-width: 640px;} .md\:bg-secondary {background-color: #f0f9fd;} .md\:block {display: block;} .md\:hidden {display: none;} .md\:justify-between {justify-content: space-between;} .md\:flex-row {flex-direction: row;} .md\:items-end {align-items: flex-end;} .md\:mb-0 {margin-bottom: 0;} .md\:flex {display: flex;} .md\:justify-start {justify-content: flex-start;} .md\:space-x-5 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(1.25rem * var(--space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));} .md\:border-black {border-color: #23333a;} .md\:text-black {color: #23333a;} .md\:bg-tertiary {background-color: #fcf202;} .md\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .md\:pb-10 {padding-bottom: 2.5rem;} .md\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .md\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .md\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .md\:bg-white {background-color: #ffffff;} } @media (min-width: 1024px) { .container {max-width: 768px;} .lg\:bg-secondary {background-color: #f0f9fd;} .lg\:block {display: block;} .lg\:hidden {display: none;} .lg\:justify-between {justify-content: space-between;} .lg\:flex-row {flex-direction: row;} .lg\:items-end {align-items: flex-end;} .lg\:mb-0 {margin-bottom: 0;} .lg\:flex {display: flex;} .lg\:justify-start {justify-content: flex-start;} .lg\:space-x-5 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(1.25rem * var(--space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));} .lg\:border-black {border-color: #23333a;} .lg\:text-black {color: #23333a;} .lg\:bg-tertiary {background-color: #fcf202;} .lg\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .lg\:pb-10 {padding-bottom: 2.5rem;} .lg\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .lg\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .lg\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .lg\:bg-white {background-color: #ffffff;} } @media (min-width: 1280px) { .container {max-width: 1024px;} .xl\:bg-secondary {background-color: #f0f9fd;} .xl\:block {display: block;} .xl\:hidden {display: none;} .xl\:justify-between {justify-content: space-between;} .xl\:flex-row {flex-direction: row;} .xl\:items-end {align-items: flex-end;} .xl\:mb-0 {margin-bottom: 0;} .xl\:flex {display: flex;} .xl\:justify-start {justify-content: flex-start;} .xl\:space-x-5 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(1.25rem * var(--space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));} .xl\:border-black {border-color: #23333a;} .xl\:text-black {color: #23333a;} .xl\:bg-tertiary {background-color: #fcf202;} .xl\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .xl\:pb-10 {padding-bottom: 2.5rem;} .xl\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .xl\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .xl\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .xl\:bg-white {background-color: #ffffff;} } @media (min-width: 1536px) { .container {max-width: 1280px;} .2xl\:bg-secondary {background-color: #f0f9fd;} .2xl\:block {display: block;} .2xl\:hidden {display: none;} .2xl\:justify-between {justify-content: space-between;} .2xl\:flex-row {flex-direction: row;} .2xl\:items-end {align-items: flex-end;} .2xl\:mb-0 {margin-bottom: 0;} .2xl\:flex {display: flex;} .2xl\:justify-start {justify-content: flex-start;} .2xl\:space-x-5 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(1.25rem * var(--space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));} .2xl\:border-black {border-color: #23333a;} .2xl\:text-black {color: #23333a;} .2xl\:bg-tertiary {background-color: #fcf202;} .2xl\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .2xl\:pb-10 {padding-bottom: 2.5rem;} .2xl\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .2xl\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .2xl\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .2xl\:bg-white {background-color: #ffffff;} }