@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
    --primary-color: #3dbdab;
    --line-border-color: #1bad92;
    --secondary-color: #fde3c8;
    --text-color: #000000;
    --faq-text: #ffffff;
    --text-foreground: #000000;
    --white: #ffffff;
    --cream: #fdf3da;
    --button-text: #ffffff;

    --light-gray: hsl(0deg 0% 95% / 39%);
    --gray: #f3f4f6;
    --dark-gray: #4a4a4a;
    --border-color: #e5e7eb;

    --font-family: 'Open Sans', sans-serif;

    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 32px;
    --spacing-xl: 100px;
    --spacing: 60px;

    --line-start: 1vh; /* Should always be 1vh */
    --line-height: 400px; /* Adjust this for the height of each line (influences calculation!) */
    --line-spacing: 700px; /* Adjust this for spacing between lines (influences calculation!) */
}

.functionaliteiten_container div#functies {
    margin-bottom: 0 !important;
}

.pricing_template #prijzen {
    margin-bottom: 0 !important;
}

.function_item p {
    min-height: 65px !important;
}
.small_pricing  {
    background-color: var(--gray) !important;
    border: 1px solid var(--border-color) !important;
}

.company-item, .contact-socials a, .contact_form {
    background-color: hsl(0deg 0% 95%) !important;
}