/* ==========================================================================
   Juridisch: /actievoorwaarden/ (av-) en /privacyverklaring/ (pv).
   ========================================================================== */

/* --- Actievoorwaarden: hero ------------------------------------------------------------------ */
.av-hero { padding: 96px var(--gutter); }
.av-hero .wrap { max-width: 760px; padding: 10px 0; display: flex; flex-direction: column; align-items: center; text-align: center; }
.av-hero__smile { line-height: 0; margin-bottom: 18px; }
.av-hero__smile svg { max-width: 104px; height: auto; }
.av-hero__label { margin: 0 0 10px; font-size: 12px; font-weight: 700; line-height: 12px; letter-spacing: 2.4px; text-transform: uppercase; color: var(--blush); }
.av-hero__title { font-size: 56px; font-weight: 700; line-height: 60px; letter-spacing: -1px; color: var(--white); }
.av-hero__sub { width: 620px; max-width: 100%; margin: 12px 0 14.4px; font-size: 18px; line-height: 29px; color: var(--blush); }

/* --- Actievoorwaarden: foto ------------------------------------------------------------------ */
.av-photo img { width: 100%; height: 520px; object-fit: cover; object-position: center top; }

/* --- Actievoorwaarden: kaart met voorwaarden ------------------------------------------------------------------ */
.av-terms { padding: 80px var(--gutter) 88px; scroll-margin-top: 90px; }
.av-card { padding: 40px; background: var(--white); border: 1px solid rgba(215, 193, 199, .45); border-radius: 12px; box-shadow: 0 2px 10px 0 rgba(68, 0, 38, .06); }
.av-card__text { display: flow-root; max-width: 640px; margin: 0 auto 26px; font-size: 17px; line-height: 28px; color: #000; }
.av-card__text p { margin-bottom: 14.4px; }
.av-card__text ul { padding-left: 40px; }
.av-card__text ul + p { margin-top: 1.2em; }
.av-card__text a { color: #c36; text-decoration: none; }

/* --- Privacyverklaring (standaardopmaak zoals het oude basisthema) ------------------------------------------------------------------ */
.pv { display: flow-root; width: 100%; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; line-height: 1.5; color: #333; }
.pv h1, .pv h2, .pv h3 { margin: 8px 0 16px; font-weight: 500; line-height: 1.2; color: inherit; }
.pv h1 { font-size: 40px; }
.pv h2 { font-size: 32px; }
.pv h3 { font-size: 28px; }
.pv p { margin-bottom: 14.4px; }
.pv a { color: #c36; }
.pv a:hover { color: #336; }

@media (max-width: 767px) {
	.av-hero { padding: 56px 20px 52px; }
	.av-hero .wrap { padding: 0; }
	.av-hero__title { font-size: 36px; line-height: 40px; letter-spacing: -.5px; }
	.av-hero__sub { width: 100%; font-size: 16px; line-height: 26px; }
	.av-terms { padding: 40px 20px 48px; }
	.av-card { padding: 24px 20px; }
	.av-card__text { font-size: 16px; line-height: 26px; }
}

@media (max-width: 575px) { .pv { padding: 0 10px; } .pv__title { padding: 0 10px; } }
@media (min-width: 576px) { .pv { max-width: 500px; } }
@media (min-width: 768px) { .pv { max-width: 600px; } }
@media (min-width: 992px) { .pv { max-width: 800px; } }
@media (min-width: 1200px) { .pv { max-width: 1140px; } }