/*
Theme Name:   XXL Recruitment Child
Theme URI:    https://xxlrecruitment.nl
Description:  Child theme van Divi voor XXL Recruitment. Eigen styling staat in assets/css/.
Author:       enVisual
Author URI:   https://envisual.nl
Template:     Divi
Version:      1.0.1
Text Domain:  xxl-child
*/

/* Algemene (site-brede) aanpassingen hier. Pagina-specifieke CSS staat in assets/css/. */


/* ---------- Vacaturepagina (single): koppen + opsommingen ---------- */
/* Koppen: streepje in dezelfde vorm als het actieve menu-item (schuine balk met onderbreking) */
body .xxl-vac-main .envisual-vac-sectie__titel,
body .xxl-vac-main h2 {
	position: relative;
	padding: 0 0 16px !important;
	margin-bottom: 20px !important;
}
body .xxl-vac-main .envisual-vac-sectie__titel::after,
body .xxl-vac-main h2::after {
	content: "";
	position: absolute;
	left: 3px;
	bottom: 0;
	width: 40px;
	height: 5px;
	border-radius: 0;
	background: linear-gradient(90deg, #e20000 0 62%, transparent 62% 74%, #e20000 74% 100%);
	transform: skewX(-35deg);
	transform-origin: left center;
}

/* Opsommingen: rustige lijst met dunne scheidingslijnen, vinkje netjes uitgelijnd */
body .xxl-vac-main .envisual-vac-sectie__inhoud ul {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	border-top: 1px solid #eee8e3;
}
body .xxl-vac-main .envisual-vac-sectie__inhoud ul li {
	position: relative;
	margin: 0 !important;
	padding: 13px 0 13px 34px !important;
	border-bottom: 1px solid #eee8e3;
	color: #1d1d21;
	font-size: 16px;
	line-height: 1.5;
}
body .xxl-vac-main .envisual-vac-sectie__inhoud ul li::before {
	left: 0;
	top: 15px;
	width: 20px;
	height: 20px;
	margin-top: 0;
	background-size: 11px;
}


/* ---------- Vacaturekaarten (overal: /vacatures/, homepage, gerelateerde vacatures) ---------- */
.envisual-vac .envisual-vac-kaart{position:relative;border:1px solid #e9eaee;border-radius:14px;box-shadow:0 1px 2px rgba(23,19,27,.04),0 10px 28px -14px rgba(23,19,27,.18);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden}
.envisual-vac .envisual-vac-kaart:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:#e20000;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.envisual-vac .envisual-vac-kaart:hover{transform:translateY(-4px);border-color:rgba(226,0,0,.3);box-shadow:0 2px 4px rgba(23,19,27,.04),0 22px 44px -18px rgba(23,19,27,.3)}
.envisual-vac .envisual-vac-kaart:hover:before{transform:scaleX(1)}
.envisual-vac .envisual-vac-kaart__inhoud{padding:26px 26px 22px}
.envisual-vac .envisual-vac-badge{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;border-radius:6px;padding:4px 10px}
.envisual-vac .envisual-vac-kaart__badges{align-items:center}
.envisual-vac .envisual-vac-badge--nieuw{order:99;margin-left:auto;background:#e3f6e9;color:#15803d;border:0}
.envisual-vac .envisual-vac-kaart__titel{margin:14px 0 12px;padding:0;font-family:"Montserrat","Open Sans",Arial,sans-serif;font-weight:800;font-size:22px;line-height:1.25;letter-spacing:-.02em;color:#17131b}
.envisual-vac .envisual-vac-kaart__titel a{color:#17131b;text-decoration:none;transition:color .2s}
.envisual-vac .envisual-vac-kaart__titel a:after{content:"";position:absolute;inset:0;z-index:1}
.envisual-vac .envisual-vac-kaart:hover .envisual-vac-kaart__titel a{color:#e20000}
.envisual-vac .envisual-vac-meta__item{color:#4a4a52;font-size:14px}
.envisual-vac .envisual-vac-kaart__intro{color:#6b6c75;font-size:15px;line-height:1.65}
.envisual-vac .envisual-vac-kaart__link{font-weight:700;color:#e20000}
.envisual-vac .envisual-vac-kaart__link span{display:inline-block;transition:transform .2s}
.envisual-vac .envisual-vac-kaart:hover .envisual-vac-kaart__link span{transform:translateX(4px)}
@media (max-width:767px){.envisual-vac .envisual-vac-kaart__titel{font-size:20px}.envisual-vac .envisual-vac-kaart__inhoud{padding:22px}}


/* --------------------------------------------------------------
   Knoppen: overal dezelfde border-radius (aanpassen via --xxl-btn-radius)
   -------------------------------------------------------------- */
:root{--xxl-btn-radius:10px}
html body:not(#xxl):not(#xxl-b) .et_pb_button,
html body:not(#xxl):not(#xxl-b) .et_pb_button_module_wrapper .et_pb_button,
html body:not(#xxl):not(#xxl-b) .et_pb_link,
html body:not(#xxl):not(#xxl-b) .xxl-zoeker__knop,
html body:not(#xxl):not(#xxl-b) .xxl-steps-cta a,
html body:not(#xxl):not(#xxl-b) .xxl-side-btn,
html body:not(#xxl):not(#xxl-b) .envisual-vac-button,
html body:not(#xxl):not(#xxl-b) .envisual-vac-filter button,
html body:not(#xxl):not(#xxl-b) .envisual-vac-filter [type=submit],
html body:not(#xxl):not(#xxl-b) .wp-element-button,
html body:not(#xxl):not(#xxl-b) .wp-block-button__link,
html body:not(#xxl):not(#xxl-b) input[type=submit],
html body:not(#xxl):not(#xxl-b) button[type=submit],
html body:not(#xxl):not(#xxl-b) .gform_button,
html body:not(#xxl):not(#xxl-b) .et_pb_contact_submit{border-radius:var(--xxl-btn-radius)!important}

/* ---------- Subpagina hero (.xxl-subhero) — o.a. contactpagina ---------- */
/* Achtergrondfoto per pagina aan te passen via --xxl-sub-bg (inline style op .xxl-subhero) */
.xxl-subhero { --xxl-sub-bg:url(https://images.unsplash.com/photo-1758876204242-787309002a8f?auto=format&fit=crop&w=2000&q=75);position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--xxl-sub-bg) center/cover no-repeat #17131b; }
.xxl-subhero::before { content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(23,19,27,.96) 0%,rgba(23,19,27,.86) 45%,rgba(23,19,27,.45) 100%); }
.xxl-subhero__inner { width:80%;max-width:1440px;margin:0 auto;padding:56px 0 64px }
.xxl-subhero__tekst { max-width:760px }
.xxl-subhero .xxl-subhero__kruimel { display:flex;flex-wrap:wrap;gap:6px;margin:0 0 28px;padding:0;font-size:14px;line-height:1.4;color:rgba(255,255,255,.6); }
.xxl-subhero__kruimel a { color:rgba(255,255,255,.8);text-decoration:none;transition:color .2s }
.xxl-subhero__kruimel a:hover { color:#fff }
.xxl-subhero__kruimel span[aria-hidden] { color:rgba(255,255,255,.35) }
.xxl-subhero h1 { margin:0 0 16px;padding:0;color:#fff;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-weight:800;font-size:clamp(32px,3.8vw,50px);line-height:1.06;letter-spacing:-.03em; }
.xxl-subhero h1 span { color:#e20000 }
.et_pb_section .xxl-subhero p.xxl-subhero__intro { margin:0;padding:0;max-width:560px;color:rgba(255,255,255,.8);font-size:18px;line-height:1.6; }
.xxl-subhero__links { display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin:32px 0 0 }
.xxl-subhero__knop { display:inline-block;padding:14px 22px;border-radius:6px;background:#e20000;color:#fff !important;font-weight:700;font-size:15px;line-height:1;text-decoration:none;transition:background .2s; }
.xxl-subhero__knop:hover { background:#b80000 }
.xxl-subhero__link { color:#fff !important;font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:2px;transition:border-color .2s; }
.xxl-subhero__link:hover { border-color:#e20000 }
.xxl-subhero ul.xxl-subhero__contact { display:flex;flex-wrap:wrap;gap:12px 40px;margin:56px 0 0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.14);list-style:none }
.xxl-subhero ul.xxl-subhero__contact li { margin:0;padding:0;font-size:15px;line-height:1.4;color:rgba(255,255,255,.65);list-style:none }
.xxl-subhero__contact li::before,.xxl-subhero__contact li::marker { content:none }
.xxl-subhero__contact strong { display:block;margin-bottom:4px;color:#fff;font-weight:700;font-size:15px }
.xxl-subhero__contact a { color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);transition:border-color .2s }
.xxl-subhero__contact a:hover { border-color:#e20000 }
@media (max-width:980px) {
	.xxl-subhero__inner { width:auto;padding:40px 20px 56px }
	.xxl-subhero::before { background:linear-gradient(180deg,rgba(23,19,27,.9) 0%,rgba(23,19,27,.82) 100%) }
	.et_pb_section .xxl-subhero p.xxl-subhero__intro { font-size:16px }
}


/* ---------- Gravity Forms: contactformulier (form ID 1, Orbital-thema) ---------- */
#gform_wrapper_1.gform-theme--framework { --gf-color-primary:#e20000;--gf-color-primary-rgb:217,33,78;--gf-color-primary-contrast:#fff;--gf-color-primary-darker:#b80000;--gf-color-primary-lighter:#e20000;--gf-ctrl-border-color:#e3dcd4;--gf-ctrl-bg-color:#fbf9f7;--gf-radius:10px }
#gform_wrapper_1 .gform_heading { display:none }
#gform_wrapper_1 .gform_fields { row-gap:24px!important;column-gap:16px!important }
#gform_wrapper_1 .gfield_label,#gform_wrapper_1 legend.gfield_label { font-family:Montserrat,"Open Sans",Arial,sans-serif;font-weight:700;font-size:14px;line-height:1.3;color:#17131b;margin:0 0 8px;padding:0 }
#gform_wrapper_1 .gfield_required { color:#e20000;font-size:12px;font-weight:600;margin-left:4px }
#gform_wrapper_1 .gform-field-label--type-sub { font-size:12px;font-weight:500;color:#7a7480;margin:0 0 6px }
#gform_wrapper_1 .gfield_description { font-size:13px;line-height:1.5;color:#7a7480;padding:0 0 8px }
#gform_wrapper_1 input[type=text],#gform_wrapper_1 input[type=email],#gform_wrapper_1 input[type=tel],#gform_wrapper_1 input[type=number],#gform_wrapper_1 textarea,#gform_wrapper_1 .gform-phone__country-selector { min-height:50px;padding:12px 16px!important;border:1px solid #e3dcd4!important;border-radius:10px!important;background:#fbf9f7!important;color:#17131b!important;font-size:16px!important;line-height:1.4!important;box-shadow:none!important;transition:border-color .2s,background .2s,box-shadow .2s }
#gform_wrapper_1 input::placeholder,#gform_wrapper_1 textarea::placeholder { color:#a39da8;opacity:1 }
#gform_wrapper_1 input:focus,#gform_wrapper_1 textarea:focus,#gform_wrapper_1 .gform-phone__country-selector:focus { outline:0!important;border-color:#e20000!important;background:#fff!important;box-shadow:0 0 0 4px rgba(226,0,0,.12)!important }
#gform_wrapper_1 textarea { min-height:170px!important;resize:vertical }
#gform_wrapper_1 .gform-phone__country-selector { border-right:0!important;border-radius:10px 0 0 10px!important;padding:12px 12px!important }
#gform_wrapper_1 .gform-phone__input { border-radius:0 10px 10px 0!important }
#gform_wrapper_1 .gform_footer { margin:28px 0 0!important;padding:0!important }
#gform_wrapper_1 .gform_footer .gform_button,#gform_wrapper_1 .gform_footer .gform_button:hover { background:#e20000!important;color:#fff!important;border:0!important;border-radius:6px!important;padding:16px 28px!important;font-family:Montserrat,"Open Sans",Arial,sans-serif!important;font-weight:700!important;font-size:15px!important;line-height:1!important;letter-spacing:0!important;box-shadow:none!important;transition:background .2s }
#gform_wrapper_1 .gform_footer .gform_button:hover { background:#b80000!important }
#gform_wrapper_1 .gform_footer .gform_button::after { display:none!important }
#gform_wrapper_1 .gfield_error input,#gform_wrapper_1 .gfield_error textarea { border-color:#e20000!important }
#gform_wrapper_1 .gfield_validation_message { background:none!important;border:0!important;padding:6px 0 0!important;color:#e20000!important;font-size:13px!important }
#gform_wrapper_1 .gform_validation_errors { border-radius:10px!important;border:1px solid #f3b5c4!important;background:#fde8ee!important;box-shadow:none!important }
#gform_wrapper_1 .gform_validation_errors h2 { color:#b80000!important;font-size:14px!important }
#gform_confirmation_message_1 { padding:20px 24px;border-radius:10px;background:#fde8ee;color:#17131b;font-weight:600 }
#contactformulier { scroll-margin-top:90px }
#gform_wrapper_1 .gform-phone .gform-field-label--type-sub { position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:0!important }
#gform_wrapper_1 .gform-phone__input-wrapper { display:flex!important;align-items:stretch;gap:0!important;min-height:50px;border:1px solid #e3dcd4;border-radius:10px;background:#fbf9f7;transition:border-color .2s,background .2s,box-shadow .2s }
#gform_wrapper_1 .gform-phone__input-wrapper:focus-within { border-color:#e20000;background:#fff;box-shadow:0 0 0 4px rgba(226,0,0,.12) }
#gform_wrapper_1 .gform-phone__input-wrapper .ginput_country-selector_container,#gform_wrapper_1 .gform-phone__input-wrapper .ginput_phone_container { display:flex!important;align-items:stretch;margin:0!important;padding:0!important }
#gform_wrapper_1 .gform-phone__input-wrapper .ginput_phone_container { flex:1 1 auto }
#gform_wrapper_1 .gform-phone__input-wrapper .gform-phone__country-selector { min-height:48px!important;height:auto!important;margin:0!important;padding:0 14px 0 16px!important;border:0!important;border-right:1px solid #e3dcd4!important;border-radius:10px 0 0 10px!important;background:transparent!important;box-shadow:none!important;gap:8px;color:#17131b!important;font-size:15px!important;font-weight:600!important }
#gform_wrapper_1 .gform-phone__input-wrapper .gform-phone__country-selector:focus { box-shadow:none!important;background:transparent!important }
#gform_wrapper_1 .gform-phone__input-wrapper .gform-phone__country-selector:hover { background:rgba(23,19,27,.03)!important }
#gform_wrapper_1 .gform-phone__input-wrapper input.gform-phone__input { flex:1 1 auto;width:100%!important;min-height:48px!important;margin:0!important;border:0!important;border-radius:0 10px 10px 0!important;background:transparent!important;box-shadow:none!important }
#gform_wrapper_1 .gform-phone__input-wrapper input.gform-phone__input:focus { border:0!important;background:transparent!important;box-shadow:none!important }
#gform_wrapper_1 .gform-phone__flag-icon { border-radius:3px;overflow:hidden }
#gform_wrapper_1 .gform-phone__dropdown { border:1px solid #e3dcd4!important;border-radius:10px!important;box-shadow:0 12px 32px rgba(23,19,27,.12)!important;overflow:hidden }


/* ==========================================================
   Subpagina-hero (.xxl-subhero) – herbruikbaar op alle subpagina's.
   Gebruik: tekstmodule met <div class="xxl-subhero"> ... </div>.
   Andere achtergrond: style="--xxl-sub-bg:url(...)" op .xxl-subhero
   ========================================================== */
.xxl-subhero{--xxl-sub-bg:url(https://images.unsplash.com/photo-1758876204242-787309002a8f?auto=format&fit=crop&w=2000&q=75);position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--xxl-sub-bg) center/cover no-repeat #17131b;}
.xxl-subhero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(23,19,27,.96) 0%,rgba(23,19,27,.86) 45%,rgba(23,19,27,.45) 100%);}
.xxl-subhero__inner{width:80%;max-width:1440px;margin:0 auto;padding:56px 0 64px}
.xxl-subhero__tekst{max-width:760px}
.xxl-subhero .xxl-subhero__kruimel{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 28px;padding:0;font-size:14px;line-height:1.4;color:rgba(255,255,255,.6);}
.xxl-subhero__kruimel a{color:rgba(255,255,255,.8);text-decoration:none;transition:color .2s}
.xxl-subhero__kruimel a:hover{color:#fff}
.xxl-subhero__kruimel span[aria-hidden]{color:rgba(255,255,255,.35)}
.xxl-subhero h1{margin:0 0 16px;padding:0;color:#fff;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-weight:800;font-size:clamp(32px,3.8vw,50px);line-height:1.06;letter-spacing:-.03em;}
.xxl-subhero h1 span{color:#E20000}
.et_pb_section .xxl-subhero p.xxl-subhero__intro{margin:0;padding:0;max-width:560px;color:rgba(255,255,255,.8);font-size:18px;line-height:1.6;}
.xxl-subhero__links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin:32px 0 0}
.xxl-subhero__knop{display:inline-block;padding:14px 22px;border-radius:6px;background:#E20000;color:#fff !important;font-weight:700;font-size:15px;line-height:1;text-decoration:none;transition:background .2s;}
.xxl-subhero__knop:hover{background:#B80000}
.xxl-subhero__link{color:#fff !important;font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:2px;transition:border-color .2s;}
.xxl-subhero__link:hover{border-color:#E20000}
.xxl-subhero ul.xxl-subhero__contact{display:flex;flex-wrap:wrap;gap:12px 40px;margin:56px 0 0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.14);list-style:none}
.xxl-subhero ul.xxl-subhero__contact li{margin:0;padding:0;font-size:15px;line-height:1.4;color:rgba(255,255,255,.65);list-style:none}
.xxl-subhero__contact li::before,.xxl-subhero__contact li::marker{content:none}
.xxl-subhero__contact strong{display:block;margin-bottom:4px;color:#fff;font-weight:700;font-size:15px}
.xxl-subhero__contact a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);transition:border-color .2s}
.xxl-subhero__contact a:hover{border-color:#E20000}
@media (max-width:980px){.xxl-subhero__inner{width:auto;padding:40px 20px 56px}
.xxl-subhero::before{background:linear-gradient(180deg,rgba(23,19,27,.9) 0%,rgba(23,19,27,.82) 100%)}
.et_pb_section .xxl-subhero p.xxl-subhero__intro{font-size:16px}
}



/* ==========================================================
   Pagina Over ons (page-id-163)
   ========================================================== */
body.page-id-163 #page-container .et-l--post .et_pb_section.et_pb_section_5{background-color:#e20000!important;background-image:none!important}
body.page-id-163 #page-container .et-l--post .et_pb_section.et_pb_section_5 h2,body.page-id-163 #page-container .et-l--post .et_pb_section.et_pb_section_5 h3{color:#fff!important}
body.page-id-163 #page-container .et-l--post .et_pb_section.et_pb_section_5 .et_pb_text p,body.page-id-163 #page-container .et-l--post .et_pb_section.et_pb_section_5 .et_pb_text .et_pb_text_inner{color:rgba(255,255,255,.88)!important}
body.page-id-163 #page-container .et-l--post .et_pb_section.et_pb_section_5 .et_pb_group_1 > .et_pb_group{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.22)!important;transition:background .2s,transform .2s}
body.page-id-163 #page-container .et-l--post .et_pb_section.et_pb_section_5 .et_pb_group_1 > .et_pb_group:hover{background:rgba(255,255,255,.16)!important}
body.page-id-163 #page-container .et-l--post .et_pb_section.et_pb_section_5 .et_pb_group_1 .et_pb_icon{background:#fff!important}
body.page-id-163 #page-container .et-l--post .et_pb_section.et_pb_section_5 .et_pb_group_1 .et_pb_icon .et-pb-icon{color:#e20000!important}
body.page-id-163 #page-container .et-l--post .et_pb_section.et_pb_section_5 .et_pb_button_0{background:#fff!important;color:#e20000!important;border-color:#fff!important}
body.page-id-163 #page-container .et-l--post .et_pb_section.et_pb_section_5 .et_pb_button_0:hover{background:#17131b!important;color:#fff!important;border-color:#17131b!important}



/* Over ons: backoffice-blok (Pronkert) */
.xxl-backoffice{background:#fff}
.xxl-backoffice__inner{width:80%;max-width:1440px;margin:0 auto;padding:0 0 88px}
.xxl-backoffice__kaart{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;padding:56px;border-radius:16px;background:#17131b;color:#fff}
.xxl-backoffice .xxl-backoffice__partner{margin:0 0 14px;padding:0;font-size:15px;color:rgba(255,255,255,.7)}
.xxl-backoffice__partner strong{color:#fff;font-weight:700;border-bottom:2px solid #e20000;padding-bottom:1px}
.xxl-backoffice h2{margin:0 0 16px;padding:0;color:#fff;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-weight:800;font-size:clamp(26px,2.6vw,36px);line-height:1.15}
.xxl-backoffice .xxl-backoffice__tekst p:not(.xxl-backoffice__partner){margin:0;padding:0;font-size:16px;line-height:1.7;color:rgba(255,255,255,.78)}
.xxl-backoffice__lijsten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.xxl-backoffice__lijst{padding:28px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.xxl-backoffice h3{margin:0 0 16px;padding:0;color:#fff;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-weight:700;font-size:17px;line-height:1.3}
.xxl-backoffice ul{margin:0;padding:0;list-style:none}
.xxl-backoffice ul li{position:relative;margin:0 0 12px;padding:0 0 0 30px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.85);list-style:none}
.xxl-backoffice ul li:last-child{margin-bottom:0}
.xxl-backoffice ul li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:#e20000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
@media (max-width:980px){.xxl-backoffice__inner{width:auto;padding:0 20px 64px}.xxl-backoffice__kaart{grid-template-columns:1fr;gap:32px;padding:36px 28px}}
@media (max-width:600px){.xxl-backoffice__lijsten{grid-template-columns:1fr}}

/* Over ons: Waar we voor staan */
.xxl-waarden{background:#fff}
.xxl-waarden__inner{width:80%;max-width:1440px;margin:0 auto;padding:24px 0 96px;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px;align-items:start}
.xxl-waarden__kop{position:sticky;top:120px}
.xxl-waarden h2{margin:0 0 16px;padding:0;color:#17131b;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-weight:800;font-size:clamp(28px,2.8vw,40px);line-height:1.12}
.xxl-waarden .xxl-waarden__kop p{margin:0;padding:0;font-size:17px;line-height:1.7;color:#6d6870}
.xxl-waarden ol.xxl-waarden__lijst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 48px;margin:0;padding:0;list-style:none;counter-reset:none}
.xxl-waarden ol.xxl-waarden__lijst li{margin:0;padding:24px 0 0;border-top:2px solid #e8e5e0;list-style:none;position:relative}
.xxl-waarden ol.xxl-waarden__lijst li::before{content:"";position:absolute;top:-2px;left:0;width:48px;height:2px;background:#e20000}
.xxl-waarden ol.xxl-waarden__lijst li::marker{content:none}
.xxl-waarden__nr{display:block;margin:0 0 10px;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-weight:800;font-size:15px;color:#e20000}
.xxl-waarden h3{margin:0 0 10px;padding:0;color:#17131b;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-weight:700;font-size:21px;line-height:1.3}
.xxl-waarden ol.xxl-waarden__lijst li p{margin:0;padding:0;font-size:16px;line-height:1.7;color:#6d6870}
@media (max-width:980px){.xxl-waarden__inner{width:auto;padding:16px 20px 72px;grid-template-columns:1fr;gap:36px}.xxl-waarden__kop{position:static}}
@media (max-width:600px){.xxl-waarden ol.xxl-waarden__lijst{grid-template-columns:1fr;gap:32px}}


/* ==========================================================
   Corpstekst – overal gelijk (Montserrat, 17px / 1.8, 400)
   Uitzonderingen: intro's (18px), kleine meta-labels (14px),
   de quote in Caveat en knop-achtige links.
   ========================================================== */
body,
body p, body li, body td, body label, body input, body textarea, body select,
.et_pb_text_inner, .et_pb_blurb_description, .et_pb_module_header {
  font-family: 'Montserrat', 'Open Sans', Arial, sans-serif;
}
#page-container :is(p, li):where(.et-l--post *, .et-l--body *, #main-content *):not(:where(#about .et_pb_text:last-of-type p, .gform_wrapper *, .xxl-steps-cta p, .envisual-vac-paginering li)) {
  font-family: 'Montserrat', 'Open Sans', Arial, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
/* Intro's en lead-teksten */
#page-container :is(.xxl-home-hero__intro, .xxl-subhero__intro, .xxl-steps-intro p, .xxl-waarden__kop p) {
  font-size: 19px !important;
  line-height: 1.7 !important;
}
/* Kleine meta-labels */
#page-container :is(.xxl-home-hero__trust li, .xxl-subhero__contact li, .xxl-backoffice__partner, .envisual-vac-meta li, .envisual-vac-resultaten__aantal) {
  font-size: 14px !important;
  line-height: 1.5 !important;
}
#page-container .xxl-home-hero__trust li { font-weight: 600 !important; }
#page-container .xxl-subhero__contact li strong { font-size: 14px; }
@media (max-width: 980px) {
  #page-container :is(.xxl-home-hero__intro, .xxl-subhero__intro, .xxl-steps-intro p, .xxl-waarden__kop p) { font-size: 18px !important; }
}

#page-container #about .et_pb_column .et_pb_text.et_pb_text p:not(:where(#about .et_pb_text:last-of-type p)) { font-size: 17px !important; line-height: 1.8 !important; }
#page-container #page-container .xxl-steps-cta p, #page-container .xxl-steps-cta p a { font-size: 15px !important; font-weight: 700 !important; line-height: 1 !important; }

/* Corpstekst op lichte achtergronden donkerder */
#page-container :is(p, li):where(.et-l--post *, .et-l--body *, #main-content *):not(:where(
  .xxl-home-hero *, .xxl-subhero *, .xxl-backoffice *, .xxl-hero *, .xxl-vac-hero *, .xxl-cta *,
  body.page-id-2 .et_pb_column_2 *, body.page-id-2 .et_pb_section_7 *, body.page-id-163 .et_pb_section_5 *,
  #about .et_pb_text:last-of-type p, .gform_wrapper *, .xxl-steps-cta p, .envisual-vac-meta li
)) {
  color: #2b2730 !important;
}
#page-container #about .et_pb_column .et_pb_text.et_pb_text p:not(:where(#about .et_pb_text:last-of-type p)) { color: #2b2730 !important; }
#page-container :is(nav, [class*="kruimel"], [class*="breadcrumb"]) li { font-size: 14px !important; line-height: 1.5 !important; }