/* ergon custom css */

/* algemeen */

@media (max-width: 959px) {
  .uk-text-lead {
    font-size: 20px;
  }
}

@media (min-width: 959px) {
  .h1, .uk-h1, h1 {
    font-size: 48px;
    font-weight: inherit;
  }
}
@media (min-width: 1200px) {
  .h1, .uk-h1, h1 {
    font-size: 72px;
    font-weight: inherit;
  }
}

/* hamburger menu - search icon */

.tm-header-mobile .uk-navbar-toggle-icon svg {
    width: 40px;
}

.tm-header .uk-navbar-toggle.uk-search-icon svg {
    width: 40px;
}

.tm-header .uk-navbar-toggle {
    display: flex;
    flex-direction: column;
}
.tm-header .uk-navbar-toggle.uk-search-icon:after {
    content: 'Zoeken';
    font-size: 13px;
    font-weight: 500;
    margin-top: 0.75rem;
}

/* navbar */

.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: .25em;
  box-sizing: border-box;
  min-height: 100px;
  font-size: 24px;
  font-family: inherit;
  text-decoration: none;
}
@media (max-width: 1500px) {
  .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
    font-size: 16px;
  }
}

/* megamenu */

.tm-header .uk-nav-subtitle {
  margin-top: 1rem;
}

@media (max-width: 1200px) {
  .tm-header .uk-nav-default {
    font-size: 18px;
  }
  .tm-header .uk-nav-subtitle {
    font-size: 15px;
  }
  .tm-header .uk-button-large {
    font-size: 15px;
  }
}

.tm-header .uk-navbar-dropdown .uk-button.uk-button-default {
  color: #707070;
  background-color: transparent;
  border-bottom: 1px solid #707070;
  text-align: left;
  padding-left: 1rem;
}
.tm-header .uk-navbar-dropdown .uk-button.uk-button-default:hover {
  background-color: #343434;
}

.tm-header .uk-navbar-dropdown .uk-button.uk-button-secondary {
  color: #fff;
  background-color: #343434;
  border: none;
}
.tm-header .uk-navbar-dropdown .uk-button.uk-button-secondary:hover {
  background-color: #212529;
}

/* breadcrumbs */

ul.uk-breadcrumb {
    margin-left: 1.25rem;
    max-width: 300px;
}

.uk-breadcrumb > li {
    display: flex;
    margin: 1rem 0 !important;
}
.uk-breadcrumb > li:nth-child(n+1):before {
    content: url(/templates/yootheme/images/breadcrumbs_start.png);
    opacity: 0.5;
    display: inline-block;
    margin: 0 0.5rem 0 0 !important;
    /*vertical-align: top;*/
}
.uk-breadcrumb > li:nth-child(n+2):before {
    content: url(/templates/yootheme/images/breadcrumbs_vervolg.png);
    display: inline-block;
    margin: 0 0.5rem 0 0 !important;
    /*vertical-align: top;*/
}
.uk-breadcrumb > li:last-child:before {
    opacity: 1;
}
.uk-breadcrumb > li:last-child span {
    font-weight: 700;
}
@media (max-width: 1200px) {
    .uk-breadcrumb > * > * {
        font-size: 17px;
    }
}

@media (max-width: 959px) {
    .uk-visible-medium {
        display: none !important;
    }
}

/* tabellen */

.uk-table {
    font-size: 17px;
}

.uk-width-xsmall {
    width: 150px;
}

/* ergon downloads new */

#ergon-downloads-new .uk-card:hover .uk-icon {
	transform: translateY(0.5rem);
	transition: linear 0.3s;
}

#ergon-downloads-new .el-title {
    min-height: 4rem;
    display: flex;
    align-items: flex-end;
}
#ergon-downloads-new .el-meta,
#ergon-downloads-new .el-content {
    min-height: 4rem;
}

/* submenu sidebar links */

.ergon-submenu-sidebar > ul > li > a {
    font-weight: 500;
    color: #3d3d3d;
    font-weight: 500;
    font-size: 20px;
    background-color: #fff;
    text-decoration: none;
    margin: 0;
    padding: 0.5rem 2.5rem 0.5rem 1.25rem;
    line-height: 1.5;
    cursor: pointer;
    border-top: thin solid #e5e5e5;
    min-height: 100px;
    display: flex;
    align-items: center;
    position: relative;
}
.ergon-submenu-sidebar > ul > li > a:hover {
    background-color: #f0eded;
}
.ergon-submenu-sidebar > ul > li > a:after {
    content: url('/templates/yootheme/images/chevron_right.png');
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0.5rem;
}
.ergon-submenu-sidebar > ul > li > a:hover:after {
	transform: translateX(0.5rem);
	transition: linear 0.3s;
}
@media (max-width: 1200px) {
    .ergon-submenu-sidebar > ul > li > a {
        font-size: 17px;
    }
}

/* submenu in het artikel */

ul.ergon-submenu-content {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

ul.ergon-submenu-content > li > a {
  font-weight: 500;
  color: #3d3d3d;
  font-weight: 500;
  font-size: 20px;
  background-color: #fff;
  text-decoration: none;
  margin: 0;
  padding: 0.5rem 2.5rem 0.5rem 1.25rem;
  line-height: 1.5;
  cursor: pointer;
  border-top: thin solid #e5e5e5;
  min-height: 100px;
  display: flex;
  align-items: center;
  position: relative;
}
ul.ergon-submenu-content > li > a:hover {
  background-color: #f7f7f7;
}
ul.ergon-submenu-content > li > a:after {
  content: url('/templates/yootheme/images/chevron_right.png');
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0.5rem;
}
ul.ergon-submenu-content > li > a:hover:after {
transform: translateX(0.5rem);
transition: linear 0.3s;
}
ul.ergon-submenu-content .uk-nav-subtitle {
  font-size: 14px;
  color: #707070;
  font-weight: 500;
  margin-top: 0.25rem;
}
@media (max-width: 1200px) {
  ul.ergon-submenu-content > li > a {
      font-size: 17px;
  }
}
@media (min-width:960px) {
  ul.ergon-submenu-content {
      display: none;
  }
}

/* hide menu-items */

#ergon-footer ul.uk-nav > li > a.hide-footer {
    display: none;
}

.tm-header a.hide-header {
    display: none;
}
.tm-header ul.uk-nav-sub {
    display: none;
}


.ergon-submenu-sidebar ul.uk-nav > li > a.hide-sidebar {
    display: none;
}

/* taalkeuze kwekerij */

.ergon-taalkeuze-kwekerij .uk-button-secondary {
	background-color: #e7e7e7;
    color: #3d3d3d;
    border: 2px solid transparent;
    font-size: 24px;
    font-weight: 500;
    margin-right: 1rem;
    line-height: 1;
    padding: 0.5rem;
}
.ergon-taalkeuze-kwekerij .uk-button-secondary:hover {
    color: #229464;
	border-bottom: 2px solid #229464;
}
@media (max-width: 1200px) {
    .ergon-taalkeuze-kwekerij .uk-button-secondary {
        font-size: 18px;
    }
}
.ergon-taalkeuze-kwekerij .uk-dropdown .uk-dropdown-nav-kwekerij {
	width: 50px!important;
}
.ergon-taalkeuze-kwekerij .uk-dropdown .uk-dropdown-nav-kwekerij > li > a {
  color: #3d3d3d;
  font-size: 18px;
  margin: 0.5rem 0;
}
.ergon-taalkeuze-kwekerij .uk-dropdown .uk-dropdown-nav-kwekerij > li > a:hover {
	opacity: .5;
}
.ergon-taalkeuze-kwekerij .uk-dropdown .uk-dropdown-nav-kwekerij > li > a img {
    margin-right: 0.5rem;
}

/* button in nav */

.uk-navbar-dropdown-nav>li>a.uk-button.uk-button-primary {
    color: #fff !important;
    padding: 0 1rem !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

/* form algemeen */

.uk-radio,
.uk-checkbox {
    margin-right: 0.25rem;
}
/* .formRequired {
    display: none;
} */

#userForm label p {
  display: inline-block;
}

/* mobiel menu */

.uk-offcanvas-bar svg {
  width: 12px;
  height: 12px;
}

button.uk-offcanvas-close.uk-icon.uk-close:before {
  content: 'Sluiten';
  font-size: 16px;
  font-weight: 500;
  margin-right: 0.75rem;
}
.uk-offcanvas-bar ul.uk-nav > li:first-child > a {
  border-top: 1px solid #2d2d2d;
}
.uk-offcanvas-bar ul.uk-nav > li.uk-parent.uk-open > a:after {
  content: url('/templates/yootheme/images/min_white.png');
  position: absolute;
  right: 1rem;
}
.uk-offcanvas-bar ul.uk-nav > li.uk-parent > a:after {
  content: url('/templates/yootheme/images/plus_white.png');
  position: absolute;
  right: 1rem;
}
.uk-offcanvas-bar ul.uk-nav > li > a {
  border-bottom: 1px solid #2d2d2d;
  transition: linear 0.3s;
  font-size: 16px;
  color: #fff;
}
.uk-offcanvas-bar ul.uk-nav > li > a:hover {
  background-color: #2d2d2d;
}
.uk-offcanvas-bar ul.uk-nav > li.uk-parent.uk-active > a {
  background-color: #2d2d2d;
}
.uk-offcanvas-bar .uk-nav-subtitle {
  font-size: 14px;
  color: #707070;
  font-weight: 500;
  margin-top: 0.25rem;
}
.uk-offcanvas-bar ul.uk-nav-sub {
  padding: 0;
}
.uk-offcanvas-bar ul.uk-nav-sub > li > a {
  border: none;
  transition: linear 0.3s;
  font-size: 16px;
  color: #fff!important;
  padding-left: 2rem;
}
.uk-offcanvas-bar ul.uk-nav ul.uk-nav-sub > li > a > ul > li > a {
  border-bottom: none;
  border-bottom: 1px solid #2d2d2d;
  transition: linear 0.3s;
  font-size: 16px;
  color: #fff!important;
  padding-left: 2rem;
}

/* items mobiele menu, derde niveau */

.uk-offcanvas-bar 
ul.uk-nav 
ul.uk-nav-sub
ul {
    padding-left: 0
}
.uk-offcanvas-bar 
ul.uk-nav 
ul.uk-nav-sub
ul > li > a {
	padding: 1rem !important;
    padding-left: 2.5rem !important;
    border-bottom: 1px solid #2d2d2d;
    color: #fff;
}
.uk-offcanvas-bar 
ul.uk-nav 
ul.uk-nav-sub
ul > li > a:hover {
	background-color: #2d2d2d;
}


/* maps */

.osmodul {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* algemene zoekfunctie website */

#search-tm-3-modal {
  width: calc(100vw - 22rem);
  max-width: 900px;
  height: 100px !important;
  border: 0 none !important;
  margin: 0 auto;
}
#search-tm-3-modal .uk-search-large {
  width: 100% !important;
}
#search-tm-3-modal .uk-modal-close-full {
  color: #fff;
  font-size: 24px;
  background-color: #229464;
  width: 80px;
  height: 80px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  top: auto;
  right: 0;
}
#search-tm-3-modal input {
  width: 100%;
  border-bottom: none !important;
  text-align: left !important;
  padding-left: 4rem;
  background-color: #f7f7f7 !important;
  background: url(/templates/yootheme/images/search.png);
  background-repeat: no-repeat;
  background-position: 0.5rem center;
}
#search-tm-3-modal input::placeholder {
  opacity: 0.25;
}
#search-tm-3-modal .uk-modal-close-full:hover {
  color: white;
  background: #1a734e;
}
@media (max-width:960px) {
  #search-tm-3-modal {
      display: none !important;
  }
}

/* jobs / vacatures / werken bij */

.werken-bij main#tm-main {padding-top:0;padding-bottom:0;}
.werken-bij main#tm-main > .uk-container {padding-left:0;padding-right:0;}
.werken-bij #tm-main-jobs > .uk-section {padding-left:2rem;padding-right:2rem;}
.werken-bij #vacature > .uk-section {padding-left:2rem;padding-right:2rem;}
/*.werken-bij #sollicitatieformulier.uk-section {padding-left:0;padding-right:0;}*/
.werken-bij #vacature .vacaturetekst h3{color: #229464 !important;}

.werken-bij .t2m-submit-button {
    display: block;
    margin: 0.5rem 0;
    padding: 0 2rem;
    line-height: 3 !important;
    font-size: 17px;
    background-color: #229464;
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer;
    overflow: visible;
    font: inherit;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    transition: .1s ease-in-out;
    transition-property: color, background-color, background-position, background-size, border-color, box-shadow;
    font-weight: 600;
    background-origin: border-box;
}
.werken-bij .t2m-submit-button:hover {
    background-color: #1a734e;
    color: #fff;
    border-color: transparent;
}
.werken-bij .t2m-submit-button:active {
    background-color: #3d3d3d;
    color: #fff;
    border-color: transparent;
}

/* T2M */

.t2m-flex {
    display: block !important;
}
.t2m-grid {
    display: block !important;
}
.t2m-input-field {  
    margin-bottom: 20px !important;   
}
#tool2match_application_form, 
#sollicitatieformulier p, 
#sollicitatieformulier .el-title {
    margin-left: 0rem;
    margin-right: 0rem;
}

#tool2match_application_form input.fileupload::file-selector-button {
    background-color: transparent;
    color: #707070;
    font-size: 1rem;
    font-weight: 500;
    padding: 0.5em;
    border: none;
    border-left: 1px solid #e5e5e5;
    border-radius: 0;
    position: absolute;
    right: 0;
    height: 2.5rem;
}
#tool2match_application_form input.fileupload::file-selector-button:hover {
    color: #229464;
    cursor: pointer;
}
#tool2match_application_form input.fileupload {
    background-color: #fff;
    color: #707070;
    border-color: #e5e5e5 !important;
    height: 2.5rem;
    line-height: 2.5rem;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #e5e5e5;
    padding: 0 1rem;
}

/* solliciteren titel verbergen */
.werken-bij  #tool2match_application_form h2.job-title-sollicitatie {
   display:none;
}
/* persoonlijke gegevens titel verbergen */
.werken-bij  #tool2match_application_form h3.m-b-30 {
   display:none;
}
/* persoonlijke gegevens titel verbergen */
.werken-bij  #tool2match_application_form .t2m-personal-header h3 {
   display:none;
}
/* contact titel verbergen */
.werken-bij  #tool2match_application_form .m-b-30 {
   display:none;
}

/* contactformulier

#contactformulier p, #quickfonds p {
    font-size: 24px;
    font-weight: 500;
  }
  #contactformulier p.formRed, #quickfonds p.formRed {
    margin: 0.5em 0;
  }
  #contactformulier .placeholder, #quickfonds .placeholder {
    position: absolute;
    top: 50%;
    left: 1rem;
    display: block;
    padding: 0 0.5rem;

    white-space: nowrap;
    font-weight: 500;
    transition: all, 0.2s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #contactformulier .avgtoelichting, #quickfonds .avgtoelichting {
    margin-bottom: 0.5rem;
    font-size: 18px;
    color: #3d3d3d;
  }
  #contactformulier .left, #quickfonds .left {
    padding-right: 3rem;
    border-right: 1px solid #e5e5e5;
  }
  #contactformulier .left .radios > div, #quickfonds .left .radios > div {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
  }
  #contactformulier .left .radios > div .form-check-inline, #quickfonds .left .radios > div .form-check-inline {
    width: 100%;
  }
  #contactformulier .left .radios > div .form-check-inline label, #quickfonds .left .radios > div .form-check-inline label {
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    padding: 14px 10px;
    text-align: center;
    border: 1px solid #e5e5e5;
    background-color: #f7f7f7;
  }
  #contactformulier .left .radios > div .form-check-inline label input[type=radio], #quickfonds .left .radios > div .form-check-inline label input[type=radio] {
    display: none;
  }
  #contactformulier .left .radios > div .form-check-inline label.active, #quickfonds .left .radios > div .form-check-inline label.active {
    border: 1px solid #229464;
    background-color: #229464;
    color: #ffffff;
  }
  #contactformulier .left .radios > div .form-check-inline label:hover, #quickfonds .left .radios > div .form-check-inline label:hover {
    cursor: pointer;
  }
  #contactformulier .left .radios > div .form-check-inline label.rsform-error, #quickfonds .left .radios > div .form-check-inline label.rsform-error {
    border: 1px solid red !important;
  }
  #contactformulier .left.quick, #quickfonds .left.quick {
    border-right: none;
    padding-right: 15px;
    padding-left: 3rem;
  }
  #contactformulier .left div:last-child input, #quickfonds .left div:last-child input {
    margin-bottom: 0;
  }
  #contactformulier .right, #quickfonds .right {
    padding-left: 3rem;
  }
  #contactformulier .right textarea, #quickfonds .right textarea {
    height: calc(100% - 68px);
    padding: 12px 20px;
    border-radius: 0;
    border: 1px solid #e5e5e5;
    font-size: 24px;
    font-weight: 500;
  }
  #contactformulier .right textarea:focus, #quickfonds .right textarea:focus {
    outline: 0 none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #e5e5e5;
  }
  #contactformulier .right textarea.rsform-error, #quickfonds .right textarea.rsform-error {
    border: 1px solid red !important;
  }
  #contactformulier .right textarea + .placeholder, #quickfonds .right textarea + .placeholder {
    top: 31px;
  }
  #contactformulier .right .formRow--input-wrapper, #quickfonds .right .formRow--input-wrapper {
    height: 100%;
  }
  #contactformulier .right.quick textarea, #quickfonds .right.quick textarea {
    height: 150px;
  }
  #contactformulier .right.quick .formRow--input-wrapper, #quickfonds .right.quick .formRow--input-wrapper {
    height: auto;
  }
  #contactformulier .formRow--input-wrapper, #quickfonds .formRow--input-wrapper {
    position: relative;
    display: block;
    width: 100%;
  }
  #contactformulier .formRow--input-wrapper input[type=text], #quickfonds .formRow--input-wrapper input[type=text] {
    font-size: 24px;
    font-weight: 500;
    padding: 30px 20px;
    margin-bottom: 1.5rem;
    border-radius: 0;
    border: 1px solid #e5e5e5;
  }
  #contactformulier .formRow--input-wrapper input[type=text]:focus, #quickfonds .formRow--input-wrapper input[type=text]:focus {
    outline: 0 none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #e5e5e5;
  }
  #contactformulier .formRow--input-wrapper input[type=text].rsform-error, #quickfonds .formRow--input-wrapper input[type=text].rsform-error {
    border: 1px solid red !important;
  }
  #contactformulier .formRow--input-wrapper.active .placeholder, #quickfonds .formRow--input-wrapper.active .placeholder {
    top: -5px;
    background-color: #ffffff;
    color: #707070;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    padding: 0 14px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
  }
  #contactformulier .formRow--input-wrapper.active input[type=text],
  #contactformulier .formRow--input-wrapper.active textarea, #quickfonds .formRow--input-wrapper.active input[type=text],
  #quickfonds .formRow--input-wrapper.active textarea {
    border: 1px solid #229464;
    -webkit-box-shadow: inset 0 0 0 1px #229464;
            box-shadow: inset 0 0 0 1px #229464;
  }
  #contactformulier .formRow--input-wrapper.active input[type=text]:focus,
  #contactformulier .formRow--input-wrapper.active textarea:focus, #quickfonds .formRow--input-wrapper.active input[type=text]:focus,
  #quickfonds .formRow--input-wrapper.active textarea:focus {
    border: 1px solid #229464;
    -webkit-box-shadow: inset 0 0 0 1px #229464;
            box-shadow: inset 0 0 0 1px #229464;
  }
  #contactformulier input[type=file], #quickfonds input[type=file] {
    font-size: 20px;
    font-weight: 500;
    padding: 0.75rem;
    border-radius: 0;
    border: none;
    border: 1px solid #e5e5e5;
  }
  #contactformulier input[type=file].rsform-error, #quickfonds input[type=file].rsform-error {
    border: 1px solid red !important;
  }
  #contactformulier button[type=submit], #quickfonds button[type=submit] {
    border-radius: 0;
    border: 0 none;
    background-color: #229464;
    color: #ffffff;
    -webkit-transition: 0.2;
    -o-transition: 0.2;
    transition: 0.2;
    font-size: 17px;
    font-weight: 600;
    margin-left: 0.5rem;
    padding: 0 40px;
    height: 80px;
    line-height: 1.2;
    outline: 0 none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #contactformulier button[type=submit]:hover, #quickfonds button[type=submit]:hover {
    outline: 0 none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 0 none;
    background-color: #1a734e;
  }
  #contactformulier button[type=button], #quickfonds button[type=button] {
    border-radius: 0;
    border: 0 none;
    background-color: #ffffff;
    color: #229464;
    -webkit-transition: 0.2;
    -o-transition: 0.2;
    transition: 0.2;
    font-size: 17px;
    font-weight: 600;
    padding: 0 40px;
    height: 80px;
    line-height: 1.2;
    outline: 0 none;
    -webkit-box-shadow: inset 0 0 0 1px #229464;
            box-shadow: inset 0 0 0 1px #229464;
  }
  #contactformulier button[type=button]:hover, #quickfonds button[type=button]:hover {
    color: #ffffff;
    outline: 0 none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 0 none;
    background-color: #1a734e;
  }
  #contactformulier .form-control.is-invalid, #quickfonds .form-control.is-invalid {
    background-image: url(../icons/exclamation-triangle-light.svg);
  }
  #contactformulier .custom-file, #quickfonds .custom-file {
    height: 61px;
  }
  #contactformulier .custom-file .custom-file-label, #quickfonds .custom-file .custom-file-label {
    height: 61px;
    line-height: 59px;
    border-radius: 0;
    padding: 0;
    font-size: 20px;
    padding-left: 20px;
  }
  #contactformulier .custom-file .custom-file-label:after, #quickfonds .custom-file .custom-file-label:after {
    border: 0;
    border-radius: 0;
    padding: 0 30px;
    margin-top: -1px;
    margin-right: -1px;
    font-size: 17px;
    height: 61px;
    line-height: 61px;
    font-size: 17px;
    color: #ffffff;
    background-color: #229464;
  }
  #contactformulier .custom-file .custom-file-label:focus, #quickfonds .custom-file .custom-file-label:focus {
    outline: 0 none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #contactformulier .pretty .rsform-error + .state label:before, #quickfonds .pretty .rsform-error + .state label:before {
    border-color: red;
  }
 #contactformulier  .state.p-success {
    display: inline-block;
}

  @media (max-width: 1440px) {
    #contactformulier p, #quickfonds p {
      font-size: 22px;
    }
    #contactformulier input[type=file],
  #contactformulier .custom-file .custom-file-label,
  #contactformulier .placeholder, #quickfonds input[type=file],
  #quickfonds .custom-file .custom-file-label,
  #quickfonds .placeholder {
      font-size: 19px;
    }
    #contactformulier .left .radios .form-check-inline label, #quickfonds .left .radios .form-check-inline label {
      font-size: 15px;
    }
    #contactformulier .right textarea, #quickfonds .right textarea {
      font-size: 22px;
    }
    #contactformulier .formRow--input-wrapper input[type=text], #quickfonds .formRow--input-wrapper input[type=text] {
      font-size: 22px;
    }
    #contactformulier .formRow--input-wrapper.active .placeholder, #quickfonds .formRow--input-wrapper.active .placeholder {
      font-size: 13px;
    }
    #contactformulier button[type=submit], #quickfonds button[type=submit] {
      font-size: 16px;
    }
  }
  @media (max-width: 992px) {
    #contactformulier p, #quickfonds p {
      font-size: 20px;
    }
    #contactformulier input[type=file],
  #contactformulier .custom-file .custom-file-label,
  #contactformulier .placeholder, #quickfonds input[type=file],
  #quickfonds .custom-file .custom-file-label,
  #quickfonds .placeholder {
      font-size: 18px;
    }
    #contactformulier .right textarea, #quickfonds .right textarea {
      font-size: 20px;
    }
    #contactformulier .formRow--input-wrapper input[type=text], #quickfonds .formRow--input-wrapper input[type=text] {
      font-size: 20px;
    }
    #contactformulier .formRow--input-wrapper.active .placeholder, #quickfonds .formRow--input-wrapper.active .placeholder {
      font-size: 12px;
    }
  }
  @media (max-width: 768px) {
    #contactformulier .left.quick, #quickfonds .left.quick {
      padding-left: 15px;
    }
    #contactformulier p, #quickfonds p {
      font-size: 18px;
    }
    #contactformulier input[type=file],
  #contactformulier .custom-file .custom-file-label,
  #contactformulier .placeholder, #quickfonds input[type=file],
  #quickfonds .custom-file .custom-file-label,
  #quickfonds .placeholder {
      font-size: 16px;
    }
    #contactformulier .left .radios .form-check-inline label, #quickfonds .left .radios .form-check-inline label {
      font-size: 14px;
    }
    #contactformulier .left, #quickfonds .left {
      padding-right: 15px;
      border: 0 none;
      padding-bottom: 2em;
    }
    #contactformulier .right, #quickfonds .right {
      padding-left: 15px;
    }
    #contactformulier .right textarea, #quickfonds .right textarea {
      font-size: 18px;
    }
    #contactformulier .formRow--input-wrapper input[type=text], #quickfonds .formRow--input-wrapper input[type=text] {
      font-size: 18px;
    }
    #contactformulier .formRow--input-wrapper.active .placeholder, #quickfonds .formRow--input-wrapper.active .placeholder {
      font-size: 11px;
    }
    #contactformulier button[type=submit], #quickfonds button[type=submit] {
      font-size: 15px;
    }
  }
  @media (max-width: 576px) {
    #contactformulier p, #quickfonds p {
      font-size: 16px;
    }
    #contactformulier input[type=file],
  #contactformulier .custom-file .custom-file-label,
  #contactformulier .placeholder, #quickfonds input[type=file],
  #quickfonds .custom-file .custom-file-label,
  #quickfonds .placeholder {
      font-size: 15px;
    }
    #contactformulier .right textarea, #quickfonds .right textarea {
      font-size: 16px;
    }
    #contactformulier .formRow--input-wrapper input[type=text], #quickfonds .formRow--input-wrapper input[type=text] {
      font-size: 16px;
    }
    #contactformulier .formRow--input-wrapper.active .placeholder, #quickfonds .formRow--input-wrapper.active .placeholder {
      font-size: 10px;
    }
  }