@import url('https://use.typekit.net/gsn5cgx.css'); /*primary_font_url*/
:root {
    --base-color: #fcfcfc;
    --primary-color: #f18f00;
    --secondary-color: #61a7b0;
    --accent-color: #4c1f2a;
    --navigation_font-family: "montserrat",sans-serif;
    --heading_font-family: "montserrat",sans-serif;
    --content_font-family: "montserrat",sans-serif;
    --footer_color: #4e868e;
    --lift: 50px;
    --light: #f89a38;
    --dark:  #e4651e;
    --bleed: 160px;
}

/*###> custom ###*/
// <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name

.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

b, strong{
font-weight: 700;
}
.is-bg-section .component_usp_bar_column .partial_usp_list-item figure{
border-color: white;
}
.is-bg-section .component_usp_bar_column .partial_usp_list-item figure i[class*=fa-], .component_usp_bar_column .partial_usp_list-item figure i[class^=icon-]{
color: white;
}
@media (min-width: 992px) {
.user-nav a.is-btn.jobalert-toggle.is-btn-jobalert.is-btn-accent{
width: 46px;
padding: unset;
}
.user-nav a.is-btn.jobalert-toggle.is-btn-jobalert.is-btn-accent span {
    display: none;
}
.user-nav a.is-btn.jobalert-toggle.is-btn-jobalert.is-btn-accent .fa-bell-on {
margin-right: 0px !important;
}
.header-nav ul li:last-child a{
  background: #f18f00;
  max-height: 46px;
  border: 1px solid #f18f00;
  color: #fff !important;
  border-radius: 3px;
  font-size: 1.8rem;
  font-weight: 400;
margin-right: 7.5px;
}
.header-nav ul li:last-child a:hover{
background-color: #f18f00;
color: #fff;
}
}

.component_paragraph_image-right img { border-radius: 20px; }

.component_paragraph_image-left img { border-radius: 20px; }

.layout_vacancy-main{
display: inline-grid;
flex-direction: column;
}
.layout_vacancy-main .component_vacancy_usp{
order: 2;
}
.layout_vacancy-main .component_vacancy-content{
order: 1;
max-width: 100%;
width: 100%;
}
.layout_vacancy-main .component_process-content{
order: 3;
}

.partial.partial_recruiter_list-item {
  display: flex;
  flex-direction: column;
}
.partial.partial_recruiter_list-item p:first-of-type {
  order: 1;
}
 /* SUP-12161: Make recruiter smaller. */
.partial.partial_recruiter_list-item p:first-of-type small {
  font-size: 2rem;
  color: black;
}
 /* SUP-12161: Make recruiter section title smaller. */
.component_recruiter h2.section-title {
    font-size: 2.5rem;
}
/* SUP-12161: Remove whitespace under option detail */
.component_content-toggle.no-toggle {
    margin-bottom: 0 !important;
}

.partial.partial_recruiter_list-item .recruiter-image {
  order: 2;
}
.partial.partial_recruiter_list-item h4 {
  font-size: 2.5rem;
  order: 3;
  margin-bottom: 20px;
}
.partial.partial_recruiter_list-item p:nth-of-type(2) {
  order: 4;
}
.partial.partial_recruiter_list-item .recruiter-contact-btn {
  order: 5;
}
.partial.partial_recruiter_list-item p {
  color: black;
}

@media (min-width: 768px) {
  .page_vacancy-overview .layout_hero .is-container {
    margin: 0;
    position: absolute;
    bottom: -80px;
    z-index: 999;
    display: flex;
    justify-content: center;
    max-width: 100%;
    padding: 0;
  }

  .page_vacancy-overview .layout_hero .is-container 
  .partial_ajax-search-form .row {
    background: #f18f00;
    justify-content: center;
  }

  .page_vacancy-overview .layout_hero .is-container 
  .partial_ajax-search-form .row .search-grid {
    grid-template-columns: 5fr 1fr;
    margin: 40px 100px;
    width: 100%;
  }
}

.partial_recruiter_list-item a.email::before {
    font-weight: 300;
    font-family: Font Awesome\ 6 Pro;
    content: "\f2b6";
    color: #f18f00;
}
.partial_recruiter_list-item a.email::after {
    background: #f18f00;
    color: white;
    content: "Stuur mij een mailtje";
    border-radius: var(--button_md_border-radius, var(--button_border-radius, 3px));
    font-size: var(--button_md_font-size, var(--button_font-size, var(--content_font-size, 1.8rem)));
    font-weight: var(--button_md_font-weight, var(--button_font-weight, 400));
    height: 46px;
    padding: 0 30px;
        width: 100%;
        display: inline-flex;
        align-items: center;
    justify-content: center;
}
.partial_recruiter_list-item i.fal.fa-envelope-open,
.partial.partial_recruiter_list-item .recruiter-contact-btn {
display: none;
}
.partial_recruiter_list-item a.email {
    display: flex;
    flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
}

.badge--notification-bubble{
display: none;
}

@media (max-width: 768px) {
.is-overlay div.is-overlay-bg[style='background-image: url("https://werkenbijrztienen.02.serenacms.com/media/cache/resolve/cover/uploads/covers/533a1a20d247fb1439febe27b8c0cb8a.png"); display: block;'] {
    background-position: 20% 60%;
}
}

.component_paragraph_image-left img, .component_paragraph_image-right img{
margin-bottom: 20px;
}

footer .footercolumn{
padding: 15px;
}
.is-content-bottom .is-content-margin-top-25{
padding-top: 150px;
}

.vacancy .vacancy-top .head div.sub {
    display: none !important;
}

.component_vacancy-search .search-grid .form-group .icon-append button {
    height: 100%;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 0;
}




.swoosh{
  position: relative;
  background: #fff;
  min-height: 520px;
  overflow: hidden;

  /* hoeveel je de golf omhoog wilt “tillen” */
  --lift: 0px;

  /* oranje gradient */
  --light: #f89a38;   /* links-onder licht */
  --dark:  #e4651e;   /* rechts-boven donker */
}

.swoosh::before{
  content:"";
  position: absolute;

  /* truc: element wordt 100% + --lift hoog, met onderrand vast op 0 */
  left: 0; right: 0; bottom: 0; top: calc(-1 * var(--lift));

  /* gradient blijft doorlopen tot de onderkant */
  background: linear-gradient(45deg, var(--light) 0%, var(--dark) 100%);

  /* jouw golfvorm als mask (ongewijzigd) */
  -webkit-mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800' preserveAspectRatio='none'>\
    <path d='M-8.18,264.27S160.91,26.09,419.09,24.27c258.18-1.82,554.55,183.64,734.55,185.45,180,1.82,290.88-104.45,501.82-103.64,180.42.7,281.82,74.55,281.82,74.55l9.09,913.4H-26.36L-8.18,264.27Z' fill='black' stroke-linecap='round' stroke-linejoin='miter'/>\
  </svg>") no-repeat bottom center / 100% 100%;
  mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800' preserveAspectRatio='none'>\
    <path d='M-8.18,264.27S160.91,26.09,419.09,24.27c258.18-1.82,554.55,183.64,734.55,185.45,180,1.82,290.88-104.45,501.82-103.64,180.42.7,281.82,74.55,281.82,74.55l9.09,913.4H-26.36L-8.18,264.27Z' fill='black' stroke-linecap='round' stroke-linejoin='miter'/>\
  </svg>") no-repeat bottom center / 100% 100%;
}




.wave{
  position: relative;
  background:#fff;
  min-height:520px;
  overflow:hidden;

  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width:100vw; max-width:none !important;

  /* omhoog tillen én extra marge onderaan */
  --lift: 50px;      /* schuift de golf omhoog */
  --bleed: 160px;    /* extra hoogte omlaag zodat hij niet wordt afgeknipt */

  --light:#f5891f;
  --dark:#e96624;
}

.wave::before{
  content:"";
  position:absolute;

  /* maak het pseudo-element hoger dan de sectie */
  left:0; right:0;
  /* laat het aan de onderkant  var(--bleed)  doorlopen */
  bottom: calc(-1 * var(--bleed));
  /* en compenseer boven ook, zodat totale hoogte groter is */
  top: calc(-1 * var(--lift) - var(--bleed));

  background: linear-gradient(45deg, var(--light) 0%, var(--dark) 100%);

  /* BELANGRIJK: mask size/positie laten meeschalen met de extra hoogte */
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 600' preserveAspectRatio='none'><path d='M0,373.58s107.64,121.05,286.02,116.33,320.87-126.63,544.4-140.32c216.82-13.28,544.35,106.44,754.42,130.72,77.71,8.98,254.12-19.78,362.7-97.36,40.5-28.94,57.44,34.86,57.44,34.86,0,0-97.01,119.78-251.86,125.19-226.54,7.91-710.4-63.05-944.19-21.82-233.63,41.2-421.84,172.11-554.54,172.11-104.47,0-287.43-58.8-287.43-58.8L0,373.58h0' fill='black'/></svg>") 
                    no-repeat center bottom / 100% calc(100% + var(--bleed)*2);
  mask:           url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 600' preserveAspectRatio='none'><path d='M0,373.58s107.64,121.05,286.02,116.33,320.87-126.63,544.4-140.32c216.82-13.28,544.35,106.44,754.42,130.72,77.71,8.98,254.12-19.78,362.7-97.36,40.5-28.94,57.44,34.86,57.44,34.86,0,0-97.01,119.78-251.86,125.19-226.54,7.91-710.4-63.05-944.19-21.82-233.63,41.2-421.84,172.11-554.54,172.11-104.47,0-287.43-58.8-287.43-58.8L0,373.58h0' fill='black'/></svg>") 
                    no-repeat center bottom / 100% calc(100% + var(--bleed)*2);
}
@media (max-width: 768px) {
.swoosh::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: -100px;

  /* smooth gradient background */
  background: linear-gradient(45deg, var(--light) 0%, var(--dark) 100%);

  /* wave mask that behaves like object-fit: cover */
  -webkit-mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800'>\
    <path d='M-8.18,264.27S160.91,26.09,419.09,24.27c258.18-1.82,554.55,183.64,734.55,185.45,180,1.82,290.88-104.45,501.82-103.64,180.42.7,281.82,74.55,281.82,74.55l9.09,913.4H-26.36L-8.18,264.27Z' fill='black'/>\
  </svg>") no-repeat center / cover;
  
  mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800'>\
    <path d='M-8.18,264.27S160.91,26.09,419.09,24.27c258.18-1.82,554.55,183.64,734.55,185.45,180,1.82,290.88-104.45,501.82-103.64,180.42.7,281.82,74.55,281.82,74.55l9.09,913.4H-26.36L-8.18,264.27Z' fill='black'/>\
  </svg>") no-repeat center / cover;
}

}


.checkbox-group, .radio-group {
flex-wrap: nowrap;
}

.privacy-statement-check input {
top: 10px !important;
}

h2 {
line-height: 3.3rem !important;
}

.partial_vacancy_list-item  .list-unstyled {
display: flex;
}
/*###< custom ###*/