/* Resurrexit 2026: nabouw van de YOOtheme-site (2021). Maten gemeten op 1440 en 375, 05-11-2026. */
:root{
	--taupe:#9B8568; --kaart:#937D61; --goud:#C99D66; --blauw:#15467A; --rood:#E54E4E;
	--inkt:#1a1a1a; --grijs:#999; --icoon:#a3a3a3;
	--lijn:rgba(26,26,26,.2); --lijn-wit:rgba(255,255,255,.2); --tekst-wit:rgba(255,255,255,.7);
	--kop:'Montserrat',Arial,sans-serif; --romp:'Barlow Semi Condensed',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--taupe);font:400 20px/30px var(--romp)}
img{max-width:100%;height:auto;vertical-align:middle}
a{color:inherit}
p{margin:0 0 20px}p:last-child{margin-bottom:0}
hr{border:0;border-top:1px solid var(--lijn);margin:0}
h1,h2,h3{margin:0;font-family:var(--kop);font-weight:600;text-transform:uppercase;letter-spacing:3px}
.rx-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rx-skip{position:absolute;left:-9999px;top:0;background:#fff;color:var(--blauw);padding:10px 16px;z-index:100}
.rx-skip:focus{left:10px;top:10px}
a:focus-visible,button:focus-visible{outline:2px solid var(--blauw);outline-offset:3px}

.rx-container{max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:content-box}
@media(min-width:640px){.rx-container{padding:0 30px}}
@media(min-width:960px){.rx-container{padding:0 40px}}
.rx-smal{max-width:900px}

.rx-twee{display:grid;gap:30px}
@media(min-width:960px){.rx-twee{grid-template-columns:1fr 1fr;gap:40px}}
.rx-midden{align-items:start}
.rx-video{position:relative;aspect-ratio:16/9;background:#000}
.rx-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---------- Kop ---------- */
.rx-kop{background:#fff url(../img/background.jpg) center top/cover no-repeat;position:relative}
.rx-kop-in{display:flex;align-items:center;justify-content:space-between;min-height:100px}
.rx-logo img{display:block;width:auto;height:85px}
.rx-kop-rechts{display:none}
.rx-menuknop{background:none;border:0;padding:10px;color:#666;cursor:pointer;display:flex}
.rx-menuknop:hover{color:var(--inkt)}
@media(min-width:1200px){
	.rx-kop-in{min-height:270px;justify-content:flex-start;align-items:center}
	.rx-logo img{height:146px}
	.rx-menuknop{display:none}
	.rx-kop-rechts{display:flex;flex-direction:column;align-self:stretch;justify-content:space-between;padding:20px 0 43px}
	.rx-nav{display:flex;gap:50px;padding-left:25px}
	.rx-nav a{display:flex;align-items:center;height:100px;font:400 20px/30px var(--kop);text-transform:uppercase;letter-spacing:1.2px;color:var(--inkt);text-decoration:none}
	.rx-nav a:hover{color:var(--blauw)}
	.rx-kop-rechts .rx-kop-social{padding-left:0}
}
.rx-kop-social{display:flex;gap:15px;align-items:center}
.rx-kop-social a{color:var(--icoon);display:flex}
.rx-kop-social a:hover{color:var(--inkt)}
.rx-kop-social svg{width:16px;height:16px;fill:currentColor}

.rx-menu{position:fixed;inset:0;background:rgba(0,0,0,.1);z-index:50}
.rx-menu[hidden]{display:none}
.rx-menu>nav,.rx-menu>.rx-kop-social,.rx-menu-sluit{background:#fff}
.rx-menu{display:flex;flex-direction:column;align-items:flex-end}
.rx-menu::before{content:"";position:absolute;top:0;right:0;bottom:0;width:min(320px,85vw);background:#fff;box-shadow:0 0 30px rgba(0,0,0,.15)}
.rx-menu>*{position:relative;width:min(320px,85vw)}
.rx-menu-sluit{border:0;cursor:pointer;color:#666;padding:20px;display:flex;justify-content:flex-end}
.rx-menu nav{display:flex;flex-direction:column;padding:10px 30px}
.rx-menu nav a{font:400 18px/1.3 var(--kop);text-transform:uppercase;letter-spacing:1.2px;color:var(--inkt);text-decoration:none;padding:10px 0}
.rx-menu .rx-kop-social{padding:20px 30px}
html.rx-menu-open{overflow:hidden}

/* ---------- Contactregel ---------- */
.rx-top{background:#fff;padding:20px 0}
.rx-top p{text-align:center;font-weight:700;text-transform:uppercase}
.rx-top a{text-decoration:none}
.rx-top a:first-child{color:var(--grijs)}
.rx-top a:hover{color:var(--blauw)}

/* ---------- Secties ---------- */
.rx-sectie{background:#fff}
.rx-webinar{padding:40px 0}
.rx-webinar .rx-twee{margin:40px 0}
.rx-webinar-tekst{max-width:450px;margin:0 auto;width:100%;padding-top:15px}
.rx-rood,.rx-webinar h2.rx-rood{color:var(--rood);font:400 20px/30px var(--romp);letter-spacing:0;text-transform:none}
.rx-webinar h2.rx-rood{margin-bottom:20px}

.rx-band{background:var(--blauw);padding:40px 0;text-align:center}
.rx-band h2{color:#a3a3a3;font:600 15px/26px var(--kop);letter-spacing:3px;margin:0 auto}
@media(min-width:960px){.rx-band h2{font-size:16px}}

.rx-intro{padding:20px 0}
.rx-blauwvlak{background:var(--blauw);color:var(--taupe);padding:15px 29px 15px 15px}
.rx-blauwvlak p{margin:20px 0 0;padding-left:40px}
@media(max-width:639px){.rx-blauwvlak p{padding-left:40px;padding-right:12px}}
.rx-blauwvlak b,.rx-blauwvlak strong{font-weight:700}
.rx-blauwvlak p:last-child{margin-bottom:20px}

.rx-waarom{padding:0 0 20px}
.rx-goudkop{color:var(--goud);font-size:22px;line-height:29.7px;padding-left:40px;margin-top:40px}
.rx-lijsten{margin-top:40px;gap:30px 40px}
.rx-streep{list-style:none;margin:0;padding:0}
.rx-streep li{position:relative;padding-left:28px}
.rx-streep li::before{content:"·";position:absolute;left:0}

.rx-initiatief{padding:70px 0 90px}
@media(min-width:960px){.rx-initiatief{padding-bottom:210px}}
.rx-init{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.rx-init p{margin:0}
.rx-init-logo{border-top:1px solid var(--lijn);padding-top:20px}
.rx-init-logo img{display:block;height:auto}
.rx-init-logo:first-of-type img{width:213px}
.rx-init-logo:last-of-type img{width:210px}
@media(min-width:960px){
	.rx-init{flex-direction:row;justify-content:center;align-items:flex-start;gap:0}
	.rx-init p{width:243px;padding-right:30px}
	.rx-init-logo{border-top:0;border-left:1px solid var(--lijn);padding:0 30px}
}
.rx-knoppen{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:70px}
.rx-knoppen a{width:36px;height:36px;border-radius:50%;background:var(--blauw);color:var(--icoon);display:flex;align-items:center;justify-content:center}
.rx-knoppen a:hover{color:#fff}
.rx-knoppen svg{width:16px;height:16px;fill:currentColor}
.rx-knoppen-links{justify-content:flex-start;margin:20px 0 40px}

/* ---------- Methoden ---------- */
.rx-methoden{background:var(--taupe);padding-top:20px;color:var(--tekst-wit)}
.rx-meth-intro{background:#fff;border:1px solid var(--lijn);border-radius:4px;padding:40px;text-align:center;color:var(--taupe)}
.rx-fase-kop{max-width:900px;margin:0 auto;padding:40px 15px}
.rx-fase-kop h2{color:#fff;font-size:26px;line-height:1.2;text-align:center;margin-bottom:20px}
@media(min-width:960px){.rx-fase-kop h2{font-size:34px;line-height:40.8px}}
.rx-fase-sub{text-align:center;margin-bottom:20px}
.rx-fase-sub strong{color:#fff;font:900 18px/25.2px var(--kop);text-transform:uppercase;letter-spacing:1.5px}
.rx-fase-kop hr,.rx-methoden hr{border-top-color:var(--lijn-wit)}
.rx-lees-kop{color:#fff;font-size:22px;line-height:29.7px;margin:20px 0 20px}
.rx-lees{gap:0 20px;grid-template-columns:1fr 1fr}
@media(min-width:960px){.rx-lees{gap:0 40px}}
.rx-lees ul{list-style:none;margin:0;padding:0}
.rx-lees li{margin:0}
.rx-vol{margin:0}
.rx-kaarten{display:grid;grid-template-columns:1fr;gap:0;padding:70px 0 0}
.rx-kaartcel{display:flex;align-items:center;justify-content:center;padding:0 0 70px}
.rx-kaart{background:var(--kaart);padding:40px;width:100%}
.rx-kaart-beeld{display:block;width:100%;height:auto}
.rx-kaart h3{color:#fff;font:600 18px/25.2px var(--kop);letter-spacing:3px;text-transform:uppercase;margin-top:10px}
.rx-kaart-tekst{margin-top:10px}
.rx-kaart-tekst p{margin:0 0 20px}
.rx-kaart-tekst b,.rx-kaart-tekst strong{font-weight:700}
.rx-kaart-tekst a,.rx-kaart-tekst a b,.rx-kaart-tekst a strong{color:#fff;font-weight:700;text-decoration:none}
.rx-kaart-tekst a:hover{text-decoration:underline}
@media(min-width:640px){
	.rx-kaarten{grid-template-columns:1fr 1fr}
	.rx-kaartcel{padding:0 20px 70px}
}
@media(min-width:960px){
	.rx-kaarten{grid-template-columns:repeat(3,1fr);column-gap:140px;padding-bottom:0}
	.rx-kaartcel{padding:0 0 70px;position:relative}
	.rx-kaartcel:not(:nth-child(3n+1))::before{content:"";position:absolute;left:-70px;top:0;bottom:70px;border-left:1px solid var(--lijn-wit)}
	.rx-kaarten>.rx-kaartcel:last-child:nth-child(3n+1){grid-column:2}
	.rx-kaarten>.rx-kaartcel:last-child:nth-child(3n+1)::before{content:none}
}
.rx-meth-scheiding{height:20px;background:#fff}
.rx-fase:last-child .rx-kaarten>.rx-kaartcel{padding-bottom:70px}

/* ---------- Voet ---------- */
.rx-voet{background:#fff;padding:70px 0 40px;color:var(--inkt)}
.rx-voet hr:first-child{display:none}
.rx-voet-kop{color:var(--goud);font:600 22px/1.3 var(--kop);letter-spacing:3px;text-transform:uppercase;margin:0 0 6px}
.rx-voet-contact{font:600 20px/1.3 var(--kop);letter-spacing:3px;text-transform:uppercase;margin:0 0 20px;color:var(--inkt)}
.rx-voet-contact a{text-decoration:none}
.rx-voet-contact a:first-child{color:var(--grijs)}
@media(min-width:960px){.rx-voet-kop,.rx-voet-contact{font-size:28px;line-height:36.4px}}
.rx-voet-sockop{font:900 16px/1.4 var(--kop);letter-spacing:1.5px;text-transform:uppercase;margin:20px 0 6px}
.rx-voet-soctekst{font:600 16px/1.4 var(--kop);letter-spacing:1.5px;text-transform:uppercase;margin:0}
@media(min-width:960px){.rx-voet-sockop,.rx-voet-soctekst{font-size:18px}}
.rx-voet-regel{font-size:12px;line-height:18px;color:var(--grijs);margin-top:20px}

/* ---------- Losse pagina ---------- */
.rx-pagina{padding:70px 0}
.rx-pagina .rx-goudkop{padding-left:0;margin:0 0 30px}
.rx-pagina a{color:var(--blauw)}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}