.aom-hb, .aom-land, .aom-detail, .aom-result-page {
	--wom-cyan: #00aeef;
	--wom-ink: #242424;
	--wom-muted: #5c6570;
	--wom-paper: #f4f7f8;
	--wom-heading: #000;
}
body:has(.aom-land) .title,
body:has(.aom-detail) .title,
body:has(.aom-hb) .title,
body:has(.aom-result-page) .title {
	display: none;
}
.aom-hb,
.aom-land,
.aom-detail,
.aom-result-page {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.65;
	color: var(--wom-ink);
}
.aom-hb :is(h1, h2, h3, h4, .wp-block-heading),
.aom-land :is(h1, h2, h3, h4, .wp-block-heading),
.aom-detail :is(h1, h2, h3, h4, .wp-block-heading),
.aom-result-page :is(h1, h2, h3, h4, .wp-block-heading) {
	font-family: Oswald, Arial, Helvetica, sans-serif;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	line-height: 1.25;
	color: var(--wom-heading);
}
.aom-hb :is(p, li, label, input, select, textarea),
.aom-land :is(p, li, label, input, select, textarea),
.aom-detail :is(p, li, label, input, select, textarea),
.aom-result-page :is(p, li, label, input, select, textarea) {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.65;
}
.aom-embed .wom-wrap, body.aom-embed .aom-land { max-width: 1100px; margin: 0 auto; padding: 28px 20px 64px; }
.aom-hb .aom-hb-search { display: flex; gap: 8px; max-width: 720px; margin: 0 auto 28px; }
.aom-hb .aom-hb-search input[type="search"] { flex: 1; font: inherit; padding: 12px 14px; border: 1px solid #d5d5d5; border-radius: 2px; }
.aom-hb .aom-hb-search button,
.aom-hb .aom-hb-btn,
.aom-land .aom-hb-btn,
.aom-detail .aom-hb-btn,
.aom-result-page .aom-hb-btn { background: var(--wom-cyan); color: #fff; border: 0; padding: 12px 22px; border-radius: 2px; font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; letter-spacing: 0.06em; text-transform: uppercase; cursor: pointer; text-decoration: none; display: inline-block; }
.aom-hb .aom-hb-btn:hover, .aom-land .aom-hb-btn:hover, .aom-detail .aom-hb-btn:hover, .aom-result-page .aom-hb-btn:hover { background: #0089be; }
.aom-hb .aom-hb-btn:focus-visible, .aom-land .aom-hb-btn:focus-visible, .aom-hb .aom-hb-btn-sec:focus-visible, .aom-land .aom-hb-btn-sec:focus-visible, .aom-route-opt:focus-visible, .aom-inkijk-boek button:focus-visible { outline: 3px solid var(--wom-cyan); outline-offset: 2px; }
.aom-hb .aom-hb-btn-sec, .aom-land .aom-hb-btn-sec, .aom-detail .aom-hb-btn-sec, .aom-result-page .aom-hb-btn-sec { background: transparent; color: #141414; border: 2px solid var(--wom-cyan); border-radius: 2px; padding: 10px 20px; font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; display: inline-block; }
.aom-hb-btn[disabled] { opacity: 0.6; cursor: wait; }
.aom-hb .aom-hb-intro { max-width: 980px; margin: 0 auto 40px; }
.aom-hb .aom-hb-intro-split { display: grid; grid-template-columns: 1fr 280px; gap: 28px; align-items: start; }
.aom-hb .aom-hb-poster { width: 100%; height: auto; display: block; }
.aom-hb .aom-hb-reason-grid img { display: block; width: auto; max-height: 72px; margin-bottom: 12px; }
@media (max-width: 700px) { .aom-hb .aom-hb-intro-split { grid-template-columns: 1fr; } }
.aom-hb .aom-hb-kicker { margin: 0 0 8px; color: var(--wom-cyan); font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; }
.aom-hb .aom-hb-intro h2, .aom-hb .aom-hb-reasons h2, .aom-hb .aom-hb-shop-title, .aom-hb .aom-hb-training h2 { font-family: Oswald, Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: 0.02em; text-transform: uppercase; color: var(--wom-heading); }
.aom-hb .aom-hb-intro h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); margin: 0 0 12px; }
.aom-hb .aom-hb-intro p { font-size: 1.05rem; line-height: 1.65; }
.aom-hb .aom-hb-payoff { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 10px; }
.aom-hb .aom-hb-payoff li { margin: 0; padding-left: 14px; border-left: 3px solid var(--wom-cyan); }
.aom-hb .aom-hb-reasons { margin: 0 0 48px; }
.aom-hb .aom-hb-reasons h2, .aom-hb .aom-hb-shop-title { font-size: 1.6rem; margin: 0 0 16px; }
.aom-hb .aom-hb-reason-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
@media (max-width: 800px) { .aom-hb .aom-hb-reason-grid { grid-template-columns: 1fr; } }
.aom-hb .aom-hb-reason-grid article { background: var(--wom-paper); padding: 20px; }
.aom-hb .aom-hb-reason-grid h3 { margin: 0 0 8px; font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 1.15rem; font-weight: 400; letter-spacing: 0.02em; text-transform: uppercase; }
.aom-hb .aom-hb-reason-grid p { margin: 0; }
.aom-hb .aom-hb-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
@media (max-width: 980px) { .aom-hb .aom-hb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .aom-hb .aom-hb-grid { grid-template-columns: 1fr; } }
.aom-hb .aom-hb-card { background: #fff; border: 1px solid #e6e6e6; border-radius: 0; padding: 0; color: inherit; display: flex; flex-direction: column; overflow: hidden; }
.aom-hb .aom-hb-card-body { padding: 18px 20px 22px; display: flex; flex-direction: column; flex: 1; }
.aom-hb .aom-hb-card h3 { margin: 8px 0; font-family: Oswald, Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: 0.02em; text-transform: uppercase; }
.aom-hb .aom-hb-cover { background: var(--wom-paper); }
.aom-hb .aom-hb-cover img { display: block; width: 100%; height: 340px; object-fit: contain; object-position: center; background: transparent; }
.aom-land-cover .aom-hb-cover,
.aom-detail-cover .aom-hb-cover { background: transparent; }
.aom-land-cover .aom-hb-cover img,
.aom-detail-cover .aom-hb-cover img { width: min(300px, 100%); height: auto; margin-inline: auto; }
.aom-hb .aom-hb-stage { width: 100%; box-sizing: border-box; background: #f4f7f8; min-height: 360px; display: flex; align-items: center; justify-content: center; padding: 28px 24px 40px; }
.aom-hb .aom-hb-book { width: 200px; max-width: 100%; flex: 0 0 auto; aspect-ratio: 3 / 4.15; height: auto; perspective: 1400px; }
.aom-hb .aom-hb-mock { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transform: rotateY(-12deg) rotateX(3deg); }
.aom-hb .aom-hb-book-cover { position: absolute; inset: 0; display: flex; flex-direction: column; background: #f6f6f6; color: #1a1a1a; overflow: hidden; transform: translateZ(12px); box-shadow: -18px 26px 22px rgba(20, 24, 32, 0.16); }
.aom-hb .aom-hb-rug, .aom-hb .aom-hb-bladen { position: absolute; top: 2px; bottom: 2px; }
.aom-hb .aom-hb-rug { left: 0; width: 16px; background: linear-gradient(90deg, #bdbdbd, #f4f4f4 58%, #cfcfcf); transform-origin: left center; transform: rotateY(-90deg); }
.aom-hb .aom-hb-bladen { right: 0; width: 12px; background: linear-gradient(90deg, #f3f3f3, #d5d5d5); transform-origin: right center; transform: rotateY(90deg); }
.aom-hb .aom-hb-band { display: block; height: 8.6%; min-height: 18px; flex: 0 0 auto; background: var(--wom-cover-blauw, #00aeef); }
.aom-hb .aom-hb-book.is-geel .aom-hb-band { background: linear-gradient(var(--wom-cover-geel, #d1a74a), var(--wom-cover-geel, #d1a74a)) top / 100% calc(100% - 4px) no-repeat, var(--wom-cover-blauw, #00aeef); }
.aom-hb .aom-hb-book.is-groen .aom-hb-band { background: var(--wom-cover-groen, #1f4d3a); }
.aom-hb .aom-hb-face { position: relative; z-index: 1; flex: 1; display: flex; flex-direction: column; align-items: flex-start; padding: 16px 16px 14px 14px; }
.aom-hb .aom-hb-merk { margin: 0 0 18px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 800; font-size: 15px; letter-spacing: -0.045em; color: #111; line-height: 1; }
.aom-hb .aom-hb-merk span { color: #00aeef; font-weight: 800; }
.aom-hb .aom-hb-merk sup { font-size: 0.42em; font-weight: 700; letter-spacing: 0; margin-left: 1px; }
.aom-hb .aom-hb-editie { margin: 0 0 4px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wom-cover-blauw, #00aeef); line-height: 1.2; }
.aom-hb .aom-hb-book.is-geel .aom-hb-editie { color: var(--wom-cover-geel, #d1a74a); }
.aom-hb .aom-hb-book.is-groen .aom-hb-editie { color: var(--wom-cover-groen, #1f4d3a); }
.aom-hb .aom-hb-face strong { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 1.05rem; line-height: 1.2; text-transform: none; letter-spacing: 0; color: #00aeef; }
.aom-hb .aom-hb-sub { display: block; margin-top: 3px; font-style: normal; font-size: 0.92rem; font-weight: 500; color: #1a1a1a; line-height: 1.25; }
.aom-hb .aom-hb-auteur { display: block; margin-top: auto; padding-top: 16px; font-style: normal; font-size: 0.78rem; font-weight: 500; color: #222; letter-spacing: 0; }
.aom-hb .aom-hb-card.is-betaald { border: 2px solid #ffb600; }
.aom-hb .aom-hb-card.is-betaald .aom-hb-pill,
.aom-hb .aom-hb-card.is-betaald .aom-hb-facts li { background: #fff1cc; }
.aom-hb .aom-hb-gains { margin: 0 0 8px; padding-left: 18px; }
.aom-hb .aom-hb-gains li { margin: 0 0 4px; }
.aom-hb .aom-hb-gain-label { margin: 8px 0 4px; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--wom-cyan); }
.aom-hb .aom-hb-facts { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0 0 12px; padding: 0; }
.aom-hb .aom-hb-facts li { background: color-mix(in srgb, var(--wom-cyan) 12%, #fff); color: var(--wom-ink); font-size: 12px; font-weight: 700; padding: 4px 8px; }
.aom-hb .aom-hb-for { margin: 0 0 8px; font-weight: 700; }
.aom-hb .aom-hb-card .wom-actions { margin-top: auto; padding-top: 12px; display: flex; flex-direction: column; align-items: stretch; gap: 10px; }
.aom-hb .aom-hb-card .wom-actions .aom-hb-btn,
.aom-hb .aom-hb-card .wom-actions .aom-hb-btn-sec,
.aom-hb .aom-hb-card .wom-actions a { text-align: center; box-sizing: border-box; }
.aom-hb-inkijk-link { color: var(--wom-heading); font-weight: 700; text-decoration: none; }
.aom-hb-inkijk-link:hover { color: var(--wom-cyan); }
.aom-hb .aom-hb-pill { display: inline-block; background: color-mix(in srgb, var(--wom-cyan) 14%, #fff); color: var(--wom-ink); font-size: 0.8rem; font-weight: 700; padding: 4px 8px; border-radius: 999px; }
.aom-hb .aom-hb-file { display: block; margin-top: 8px; color: var(--wom-muted); font-size: 0.85rem; font-weight: 600; word-break: break-all; }
.aom-hb-editor-hint { margin-top: 12px; padding: 10px 12px; background: #fffce8; border-left: 4px solid #ffe600; font-size: 14px; }
.aom-hb .aom-hb-platform { display: flex; flex-wrap: wrap; gap: 12px 16px; align-items: end; margin: 0 auto 28px; max-width: 720px; }
.aom-hb .aom-hb-platform p { flex-basis: 100%; margin: 0; }
.aom-hb .aom-hb-platform label { display: grid; gap: 4px; font-size: 13px; font-weight: 600; }
.aom-hb .aom-hb-platform select { font: inherit; padding: 8px 10px; border: 1px solid #d5d5d5; min-width: 180px; }
.aom-hb .aom-hb-keuze-nu { font-weight: 700; }
.aom-hb .aom-hb-versie.is-hidden { display: none; }
.aom-hb-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
main.aom-result-page { background: var(--wom-paper); }
.aom-hb-after { max-width: 560px; background: #fff; padding: 36px 32px 28px; border-top: 6px solid var(--wom-cyan); }
.aom-result-page .wom-section:has(.aom-hb-mail) { padding: 16px 32px 12px; }
.aom-hb-after:has(.aom-hb-mail) { max-width: 760px; padding: 20px 24px 16px; }
.aom-hb-after:has(.aom-inkijk) { max-width: 640px; }
.aom-inkijk { max-width: 100%; min-width: 0; }
.aom-inkijk-boek { display: grid; grid-template-columns: 48px minmax(0, 480px) 48px; gap: 12px; align-items: center; justify-content: start; margin: 18px 0 8px; width: 100%; max-width: 100%; min-width: 0; }
.aom-inkijk-blad-wrap, .aom-inkijk-groot { min-width: 0; max-width: 100%; }
.aom-inkijk-blad-wrap { touch-action: pan-y; }
.aom-inkijk-boek img { width: 100%; max-width: 100%; min-width: 0; height: auto; display: block; background: #fff; border: 1px solid #eee; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); transition: none; }
.aom-inkijk-vorige, .aom-inkijk-volgende { width: 48px; height: 48px; border: 0; border-radius: 2px; background: var(--wom-cyan); color: #fff; font-size: 32px; line-height: 1; cursor: pointer; }
.aom-inkijk-groot { border: 0; padding: 0; background: transparent; cursor: zoom-in; width: 100%; }
.aom-inkijk-licht { position: fixed; inset: 0; width: 100vw; height: 100vh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(255, 255, 255, 0.28); overflow: hidden; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.aom-inkijk-licht::backdrop { background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.aom-inkijk-licht-scroll { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; overscroll-behavior: contain; padding: 0; touch-action: none; -webkit-overflow-scrolling: touch; }
.aom-inkijk-licht img { display: block; width: auto; height: auto; max-width: 92vw; max-height: 88vh; margin: 0; object-fit: contain; background: #fff; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35); transform-origin: center center; cursor: zoom-in; }
.aom-inkijk-licht.is-zoom .aom-inkijk-licht-scroll { display: block; padding: 24px; overflow: auto; touch-action: auto; }
.aom-inkijk-licht.is-zoom img { max-width: none; max-height: none; margin: 0 auto; cursor: zoom-out; }
@media (hover: none), (pointer: coarse) { .aom-inkijk-licht img { cursor: auto; } }
.aom-inkijk-dicht, .aom-inkijk-licht-vorige, .aom-inkijk-licht-volgende { position: fixed; z-index: 3; border: 0; border-radius: 2px; cursor: pointer; }
.aom-inkijk-dicht { top: 16px; right: 16px; width: 44px; height: 44px; background: #fff; color: #141414; font-size: 28px; line-height: 1; }
.aom-inkijk-licht-vorige, .aom-inkijk-licht-volgende { top: 50%; width: 48px; height: 48px; margin-top: -24px; background: var(--wom-cyan); color: #fff; font-size: 32px; line-height: 1; }
.aom-inkijk-licht-vorige { left: 16px; }
.aom-inkijk-licht-volgende { right: 16px; }
.aom-inkijk-licht-stand { position: fixed; left: 50%; bottom: 16px; z-index: 3; transform: translateX(-50%); margin: 0; padding: 6px 12px; background: rgba(255, 255, 255, 0.86); color: #141414; font-weight: 700; letter-spacing: 0.04em; }
.aom-inkijk-stand { margin: 0 0 16px; font-weight: 700; letter-spacing: 0.04em; }
.aom-inkijk-acties { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.aom-inkijk-acties a:not(.aom-hb-btn) { color: var(--wom-heading); font-weight: 700; }
@media (max-width: 700px) { .aom-inkijk-boek { grid-template-columns: 40px minmax(0, 1fr) 40px; gap: 8px; } .aom-inkijk-vorige, .aom-inkijk-volgende, .aom-inkijk-licht-vorige, .aom-inkijk-licht-volgende { width: 40px; height: 40px; } }

main.aom-result-page:has(.aom-detail) { background: #fff; }
.aom-detail { display: block; }
.aom-detail-rij { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 36px; align-items: start; }
.aom-detail-info { min-width: 0; }
.aom-detail-kop { display: block; }
.aom-detail h1, .aom-detail h2, .aom-detail-inkijk h2 { font-family: Oswald, Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: 0.02em; text-transform: uppercase; }
.aom-detail h1 { margin: 0 0 8px; font-size: 1.65rem; line-height: 1.15; }
.aom-detail h2 { margin: 0 0 8px; font-size: 1.25rem; line-height: 1.2; }
.aom-detail-sub { margin: 0 0 8px; color: var(--wom-muted); }
.aom-detail-prijs { margin: 0 0 12px; font-size: 1rem; }
.aom-detail-lead, .aom-detail-voor { margin: 0 0 12px; }
.aom-detail-lang { max-width: 68ch; margin: 28px 0 0; padding-top: 8px; }
.aom-detail-kopen { margin: 18px 0 8px; display: flex; flex-wrap: wrap; gap: 10px 12px; align-items: center; }
.aom-detail-kopen .aom-hb-file { flex-basis: 100%; margin: 0; }
.aom-detail-terug { margin: 8px 0 0; }
.aom-detail-terug a { color: var(--wom-heading); font-weight: 700; }
.aom-detail-cover { margin: 0 0 16px; }
.aom-detail-cover .aom-hb-stage { min-height: 0; padding: 12px 24px 28px 8px; background: transparent; justify-content: flex-start; }
.aom-detail-cover .aom-hb-book { width: 230px; }
.aom-detail-inkijk { margin: 0; padding: 0; border: 0; max-width: none; min-width: 0; }
.aom-land-blader-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 28px 40px !important; align-items: start; }
.aom-land-blader.wp-block-column, .aom-land-blader { flex: 1 1 0 !important; flex-basis: 0 !important; width: auto !important; max-width: none !important; min-width: 0 !important; }
#blader, #blader-basis { scroll-margin-top: 88px; }
.aom-land-blader-grid .aom-land-blader { min-width: 0; }
.aom-land-blader-grid h2 { font-size: 1.2rem; line-height: 1.25; margin: 0 0 8px; min-height: 2.5em; }
.aom-land-blader .aom-inkijk > p, .aom-detail-inkijk .aom-inkijk > p { max-width: none; margin-top: 0; }
.aom-land-blader .aom-inkijk > p:first-of-type { min-height: 4.8em; }
.aom-land-blader .aom-inkijk-boek, .aom-detail .aom-inkijk-boek { display: grid; grid-template-columns: 36px minmax(0, 1fr) 36px; gap: 8px; width: 100%; max-width: none; margin-top: 8px; justify-content: stretch; }
.aom-detail .aom-inkijk-vorige, .aom-detail .aom-inkijk-volgende { width: 36px; height: 36px; font-size: 24px; }
/* Landingspagina's: pijlen even groot als op /communicatietraining/ (48px, onder 700px 40px; teken 32px). */
.aom-land-blader .aom-inkijk-boek { grid-template-columns: 48px minmax(0, 1fr) 48px; }
@media (max-width: 700px) { .aom-land-blader .aom-inkijk-boek { grid-template-columns: 40px minmax(0, 1fr) 40px; } }
/* Hero-kaft op de landingspagina's onder 640px maximaal 220px, zodat de knoppen in beeld blijven (zoals /communicatietraining/). */
@media (max-width: 640px) { .aom-land-cover .aom-hb-cover, .aom-land-cover .aom-hb-cover img { width: min(220px, 100%); } }
.aom-hb-after.is-laden > :not(.aom-laden), #start.is-laden > :not(.aom-laden) { display: none !important; }
.aom-laden { text-align: center; padding: 56px 16px 72px; }
.aom-laden h1 { margin: 0 0 10px; }
.aom-laden-spin { width: 46px; height: 46px; margin: 0 auto 22px; border: 3px solid #e6e6e6; border-top-color: var(--wom-cyan); border-radius: 50%; animation: aom-spin 0.8s linear infinite; }
@keyframes aom-spin { to { transform: rotate(360deg); } }
@media (max-width: 900px) {
	.aom-detail-rij, .aom-land-blader-grid { grid-template-columns: minmax(0, 1fr) !important; }
	.aom-detail-inkijk { margin-top: 8px; }
}
@media (max-width: 800px) { .aom-detail-cover { display: flex; justify-content: center; } }
.aom-hb-after h1 { margin: 0 0 16px; font-family: Oswald, Arial, Helvetica, sans-serif; font-weight: 400; font-size: clamp(1.8rem, 4vw, 2.4rem); letter-spacing: 0.02em; text-transform: uppercase; color: var(--wom-heading); }
.aom-hb-after:has(.aom-hb-mail) h1 { margin: 0 0 6px; font-size: 1.6rem; }
.aom-hb-after:has(.aom-hb-mail) > p { margin: 0 0 8px; }
.aom-hb-after:has(.aom-hb-done) { text-align: center; border-top: 0; padding-top: 40px; }
.aom-hb-done-mark { width: 56px; height: 56px; margin: 0 auto 18px; display: block; }
.aom-hb-done h1 { margin: 0 0 8px; }
.aom-hb-done-to { margin: 0 0 10px; color: var(--wom-muted); }
.aom-hb-done-to strong { color: var(--wom-heading); }
.aom-hb-done-note { margin: 0 auto 8px; max-width: 36rem; }
.aom-hb-done-end { margin: 28px 0 0; padding-top: 20px; border-top: 1px solid #e6e6e6; color: var(--wom-muted); }
.aom-hb-next { margin-top: 28px; padding-top: 8px; text-align: left; border-top: 1px solid #e6e6e6; }
.aom-hb-next .aom-hb-kicker { margin-bottom: 6px; }
.aom-hb-next-lead { margin: 0 0 14px; color: var(--wom-muted); }
.aom-hb-next-card { display: grid; gap: 8px; margin: 0 0 12px; padding: 16px 16px 14px; text-decoration: none; color: inherit; background: var(--wom-paper); border-left: 3px solid var(--wom-cyan); text-align: left; }
.aom-hb-next-card:hover { background: color-mix(in srgb, var(--wom-cyan) 12%, #fff); }
.aom-hb-next-card > span { font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--wom-cyan); }
.aom-hb-next-card strong { font-family: Oswald, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1.2rem; letter-spacing: 0.02em; text-transform: uppercase; }
.aom-hb-next-card p { margin: 0; line-height: 1.55; }
.aom-hb-next-card .aom-hb-gains { margin: 0; }
.aom-hb-next-card > span.aom-hb-next-cta { justify-self: start; background: var(--wom-cyan); color: #fff; font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0.06em; padding: 8px 14px; }
.aom-hb-mail { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; align-items: end; }
.aom-hb-mail label { display: grid; gap: 4px; font-weight: 700; margin: 0; max-width: none; }
.aom-hb-mail label span,
.aom-hb-mail label em { font-style: normal; font-weight: 400; color: var(--wom-muted); }
.aom-hb-mail input[type="text"], .aom-hb-mail input[type="email"], .aom-hb-mail input[type="tel"], .aom-hb-mail select { font: inherit; padding: 8px 12px; border: 1px solid #d5d5d5; width: 100%; box-sizing: border-box; }
.aom-hb-mail .aom-hb-versie.is-hidden { display: none; }
.aom-hb-mail .aom-hb-keuze-nu,
.aom-hb-mail .aom-hb-btn,
.aom-hb-mail .aom-hb-voorwaarden,
.aom-hb-mail .aom-hb-kies,
.aom-hb-mail .aom-hb-versie,
.aom-hb-mail .aom-coupon { grid-column: 1 / -1; }
.aom-hb-voorwaarden { display: grid; gap: 0; }
.aom-hb-voorwaarden .aom-hb-vink,
.aom-hb-mail .aom-marketing {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	box-sizing: border-box;
	width: 100%;
	min-height: 44px;
	margin: 0;
	padding: 10px 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: normal;
	text-transform: none;
	cursor: pointer;
}
.aom-hb-voorwaarden .aom-hb-vink span { font-weight: 400; color: inherit; }
.aom-ster { margin-left: 2px; font-weight: 700; color: #0089be; }
.aom-hb-mail .aom-marketing { grid-column: 1 / -1; }
.aom-form-vragen { margin: 4px 0 0; }
.aom-form-vragen a { color: var(--wom-heading); font-weight: 700; }
.aom-faq-lijst { display: grid; gap: 8px; max-width: 820px; }
.aom-faq-item { background: #fff; border: 1px solid #e6e6e6; padding: 12px 16px; }
.aom-faq-item summary { cursor: pointer; font-weight: 700; color: var(--wom-heading); }
.aom-faq-item summary:focus-visible { outline: 3px solid var(--wom-cyan); outline-offset: 2px; }
.aom-faq-item[open] summary { color: var(--wom-cyan); }
.aom-faq-item p { margin: 8px 0 0; line-height: 1.6; font-weight: 400; }
.aom-hb-voorwaarden input[type="checkbox"] { width: 20px; height: 20px; margin: 2px 0 0; flex: 0 0 auto; }
.aom-hb-voorwaarden details { background: #fff; border: 1px solid #e6e6e6; padding: 10px 12px; }
.aom-hb-voorwaarden summary { cursor: pointer; font-weight: 700; color: var(--wom-cyan); }
.aom-hb-voorwaarden details p { margin: 8px 0 0; font-weight: 400; line-height: 1.55; }
.aom-hb-voorwaarden details a { color: var(--wom-heading); font-weight: 700; }

.aom-voorwaarden-knop {
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	color: #0089be;
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
}
.aom-voorwaarden-knop:focus-visible {
	outline: 3px solid var(--wom-cyan);
	outline-offset: 2px;
}
.aom-voorwaarden-tekst {
	margin: 0 0 6px 32px;
	padding: 10px 12px;
	background: #fff;
	border: 1px solid #e6e6e6;
}
.aom-voorwaarden-tekst[hidden] { display: none !important; }
.aom-voorwaarden-tekst h3:first-child { margin-top: 0; }
.aom-voorwaarden-tekst p { margin: 8px 0 0; font-weight: 400; line-height: 1.55; }
.aom-voorwaarden-tekst a { color: var(--wom-heading); font-weight: 700; }
.aom-hb-mail .aom-hb-keuze-nu { font-weight: 700; margin: 0; }
.aom-hb-mail .aom-hb-btn { justify-self: start; margin-top: 2px; }
@media (max-width: 700px) { .aom-hb-mail { grid-template-columns: 1fr; } }
/* Landingspagina's op mobiel: 18px tussen de velden, zonder de extra marge die het thema onder invoervelden zet. */
@media (max-width: 700px) {
	.aom-land .aom-hb-mail { row-gap: 18px; }
	.aom-land .aom-hb-mail input[type="text"], .aom-land .aom-hb-mail input[type="email"], .aom-land .aom-hb-mail input[type="tel"], .aom-land .aom-hb-mail select { margin-bottom: 0; }
}
.aom-hb-note { background: #fffce8; border-left: 4px solid #ffe600; padding: 10px 12px; }
.aom-hb .aom-hb-training { display: block; margin: 48px 0 8px; padding: 28px; background: var(--wom-paper); }
.aom-hb .aom-hb-training h2 { font-size: 1.6rem; margin: 0 0 12px; }
.aom-hb .aom-hb-training p { margin: 0 0 16px; line-height: 1.65; max-width: 68ch; }
.aom-hb .aom-hb-training-acties { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 0 0 16px; }
.aom-hb .aom-hb-training-contact { margin: 0; padding: 0; background: transparent; border: 0; font-size: 14px; color: var(--wom-muted, #5c6570); }
.aom-hb .aom-hb-training-contact p { margin: 0 0 4px; max-width: none; }
.aom-hb .aom-hb-training-contact a { color: var(--wom-heading); font-weight: 700; text-decoration: none; }
.aom-hb .aom-hb-training-contact a:hover { color: var(--wom-cyan); }
@media (max-width: 700px) {
	.aom-hb .aom-hb-training { padding: 22px 16px; }
	.aom-hb .aom-hb-training-acties { flex-direction: column; align-items: stretch; }
	.aom-hb .aom-hb-training-acties .aom-hb-btn,
	.aom-hb .aom-hb-training-acties .aom-hb-btn-sec { width: 100%; text-align: center; box-sizing: border-box; }
}
.aom-hb-reviews { margin: 8px 0 24px; padding: 0; background: transparent; }
.aom-hb-reviews h2 { font-family: Oswald, Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: 0.02em; text-transform: uppercase; font-size: 1.6rem; margin: 0 0 12px; color: var(--wom-heading); }
.aom-hb-review-list { display: grid; gap: 12px; margin: 20px 0; max-width: 520px; }
.aom-hb-review { background: #fff; padding: 16px 18px; border: 1px solid #e6e6e6; border-left: 3px solid var(--wom-cyan); }
.aom-hb-review p { margin: 0 0 8px; }
.aom-hb-review-stars { color: var(--wom-cyan); letter-spacing: 0.08em; margin: 0 0 8px; }
.aom-hb-review-by { margin: 0; color: var(--wom-muted); font-size: 13px; }
.aom-hb-review-empty { margin: 0; color: var(--wom-muted); }
.aom-hb-review-form { display: grid; gap: 14px; max-width: 520px; margin-top: 8px; }
.aom-hb-review-form label { display: grid; gap: 6px; font-weight: 600; }
.aom-hb-stars { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; border: 0; margin: 0; padding: 0; }
.aom-hb-stars legend { width: 100%; font-weight: 600; padding: 0; }
.aom-hb-stars label { display: inline-flex; gap: 6px; font-weight: 600; }
.aom-hb-review-form input[type="text"], .aom-hb-review-form select, .aom-hb-review-form textarea { font: inherit; padding: 10px 12px; border: 1px solid #cfd6db; border-radius: 8px; width: 100%; box-sizing: border-box; }
.aom-hb-review-form .aom-hb-btn { width: 100%; text-align: center; box-sizing: border-box; }

.aom-land section, .aom-land fieldset { margin: 48px 0; scroll-margin-top: 88px; }
.aom-land h1, .aom-land h2, .aom-ladder h3, .aom-route-pad h3 { font-family: Oswald, Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: 0.02em; text-transform: uppercase; }
.aom-land h1 { margin: 0 0 12px; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.05; }
.aom-land-banner {
	margin: 36px 0 8px;
	text-align: center;
}
.aom-land .aom-land-banner h1 {
	display: inline-block;
	margin: 0 0 20px;
	padding: 10px;
	font-family: "Bebas Neue", "BebasNeueRegular", Oswald, sans-serif;
	font-size: 80px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}
.aom-land .aom-land-subtitel {
	margin: 0 0 12px;
	max-width: none;
	font-family: Oswald, Arial, Helvetica, sans-serif;
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 400;
	line-height: 1.05;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--wom-heading);
}
@media (max-width: 767px) {
	.aom-land .aom-land-banner h1 { font-size: 40px; }
}
.aom-land h2 { margin: 0 0 12px; font-size: 1.6rem; }
.aom-land-hero { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(260px, 380px); gap: 32px; align-items: center; margin-top: 28px; }
.aom-land-cover { display: grid; justify-items: center; gap: 16px; }
.aom-land-cover-actie { margin: 0; }
.aom-land-lead { font-size: 1.08rem; line-height: 1.65; max-width: 62ch; }
.aom-land-acties { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; }
.aom-land-hero .aom-land-acties { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
.aom-land-hero .aom-land-acties .wp-block-button { width: 100%; margin: 0; }
.aom-land-hero .aom-land-acties .wp-block-button__link { width: 100%; min-height: 52px; display: flex; align-items: center; justify-content: center; text-align: center; white-space: normal; line-height: 1.25; box-sizing: border-box; }
.aom-land-cover .aom-hb-stage { min-height: 0; padding: 8px 20px 28px; background: transparent; }
.aom-land-cover .aom-hb-book { width: 280px; max-width: 100%; }
.aom-land-cover .wp-block-button,
.aom-land-cover .aom-land-cover-actie { width: min(300px, 100%); margin: 0; }
.aom-land-cover .wp-block-button__link,
.aom-land-cover .aom-hb-btn { width: 100%; text-align: center; box-sizing: border-box; }
.aom-ladder { list-style: none; margin: 20px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.aom-ladder li { background: var(--wom-paper); padding: 16px; border-top: 4px solid var(--wom-cyan); }
.aom-ladder li.is-klaar { border-top-color: #0089be; }
.aom-ladder-nr { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--wom-cyan); color: #fff; font-weight: 700; }
.aom-ladder li.is-klaar .aom-ladder-nr { background: #0089be; color: #fff; }
.aom-ladder-prijs { display: block; margin-top: 8px; color: var(--wom-cyan); font-size: 13px; font-weight: 700; }
.aom-ladder h3 { margin: 10px 0 6px; font-size: 1rem; }
.aom-ladder p { margin: 0 0 8px; }
.aom-ladder a, .aom-route-pad a { color: var(--wom-cyan); font-weight: 700; }
.aom-ladder-gedaan { font-weight: 700; }
.aom-routes { border: 0; margin: 48px 0; padding: 0; }
.aom-routes legend { font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 1.6rem; text-transform: uppercase; letter-spacing: 0.02em; margin-bottom: 12px; }
.aom-route-keuze { display: flex; flex-wrap: wrap; gap: 8px; }
.aom-route-opt { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 2px solid #d5d5d5; padding: 10px 14px; cursor: pointer; font-weight: 700; }
.aom-route-opt:has(input:checked), .aom-route-opt.is-gekozen { border-color: var(--wom-cyan); background: color-mix(in srgb, var(--wom-cyan) 14%, #fff); }
.aom-route-pad { list-style: none; margin: 16px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.aom-route-pad[hidden], .aom-inkijk-boek[hidden] { display: none !important; }
.aom-route-pad li { background: #fff; border: 1px solid #e6e6e6; padding: 16px; }
.aom-route-pad li span { color: var(--wom-cyan); font-weight: 700; }
.aom-route-pad h3 { margin: 6px 0; font-size: 1.05rem; }
.aom-route-onzeker { margin-top: 14px; }
.aom-form-privacy { margin: 8px 0 0; }
.aom-voordeel, .aom-bedank-ladder, .aom-bedank-route { margin-top: 28px; }
@media (max-width: 900px) {
	.aom-land-hero, .aom-ladder, .aom-route-pad, .aom-land-hero .aom-land-acties { grid-template-columns: 1fr; }
}
.aom-hb .wp-block-search__inside-wrapper,
.aom-hb .aom-hb-search { max-width: none; width: 100%; }
.aom-prijs { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
.aom-prijs-normaal { color: #5c5c5c; font-size: 0.95rem; font-weight: 600; }
.aom-prijs-nu { font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 1.35rem; font-weight: 400; color: var(--wom-cyan); letter-spacing: 0.03em; }
.aom-prijs-noot { font-size: 0.85rem; font-weight: 700; color: #222; }
.aom-prijs-gratis { font-weight: 700; color: var(--wom-cyan); }
.aom-kaart-prijs { margin: 0 0 10px; }
.aom-hb-keuze { border: 1px solid #e6e6e6; margin: 0; padding: 8px 14px 4px; }
.aom-hb-keuze legend { font-weight: 700; padding: 0 4px; }
.aom-hb-keuze-rij { display: flex !important; align-items: flex-start; gap: 10px; font-weight: 400 !important; padding: 10px 0; border-bottom: 1px solid #f0f0f0; }
.aom-hb-keuze-rij input { width: auto; margin-top: 4px; }
.aom-contact-label { font-weight: 700; }
.aom-hb-voorwaarden h3 { margin: 14px 0 4px; font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 400; letter-spacing: 0.02em; text-transform: uppercase; }
.aom-inkijk-hint { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--wom-cyan); }
.aom-inkijk-loupe { width: 14px; height: 14px; border: 2px solid currentColor; border-radius: 50%; position: relative; display: inline-block; flex: 0 0 auto; }
.aom-inkijk-loupe::after { content: ""; position: absolute; width: 7px; height: 2px; background: currentColor; right: -6px; bottom: -1px; transform: rotate(45deg); }
.aom-inkijk-blad-wrap { min-width: 0; }
.aom-inkijk-info, .aom-inkijk-licht-info { background: #fff; border: 1px solid #eee; padding: 18px 16px 20px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); }
.aom-inkijk-info h3, .aom-inkijk-licht-info h3 { margin: 0 0 8px; font-family: Oswald, Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: 0.02em; text-transform: uppercase; font-size: 1.25rem; }
.aom-inkijk-info ul, .aom-inkijk-licht-info ul { margin: 8px 0 14px; padding-left: 18px; }
.aom-inkijk-boek.is-info .aom-inkijk-groot { display: none; }
.aom-inkijk-info[hidden], .aom-inkijk-licht-info[hidden], .aom-inkijk-licht-scroll[hidden] { display: none !important; }
.aom-inkijk-licht-info { max-width: 640px; margin: 80px auto 24px; }
@media (max-width: 700px) {
	.wom-search { flex-wrap: wrap; }
	.aom-land-acties .aom-hb-btn, .aom-land-acties .aom-hb-btn-sec { width: 100%; text-align: center; }
}
.aom-actie { margin: 0 0 16px; padding: 12px 14px; background: color-mix(in srgb, var(--wom-cyan) 10%, #fff); border-left: 4px solid var(--wom-cyan); }
.aom-hb-kies { position: relative; }
.aom-hb-kies-label { display: block; font-weight: 700; margin-bottom: 4px; }
.aom-hb-kies-knop { position: relative; font: inherit; width: 100%; box-sizing: border-box; text-align: left; padding: 8px 36px 8px 12px; border: 1px solid #d5d5d5; background: #fff; cursor: pointer; }
.aom-hb-kies-knop::after { content: ""; position: absolute; right: 14px; top: 50%; margin-top: -2px; border: 5px solid transparent; border-top-color: #141414; }
.aom-hb-kies-lijst { position: absolute; z-index: 6; left: 0; right: 0; margin-top: 4px; background: #fff; border: 1px solid #d5d5d5; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); padding: 4px 12px; }
.aom-hb-kies-lijst[hidden] { display: none !important; }
.aom-hb-kies-lijst em { font-style: normal; color: var(--wom-cyan); font-weight: 700; }
.aom-ideeen-scroll { overflow-x: auto; }
.aom-ideeen-tabel { width: 100%; border-collapse: collapse; background: #fff; }
.aom-ideeen-tabel th, .aom-ideeen-tabel td { text-align: left; padding: 12px 14px; border-bottom: 1px solid #eee; vertical-align: top; }
.aom-ideeen-tabel th { font-family: Oswald, Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; font-size: 0.85rem; color: var(--wom-cyan); }
.aom-ideeen-tabel tbody tr { transition: background 0.15s ease; }
.aom-ideeen-tabel tbody tr:hover, .aom-ideeen-tabel tbody tr:focus-within { background: color-mix(in srgb, var(--wom-cyan) 12%, #fff); }
.aom-ideeen-tabel a { color: #141414; font-weight: 700; text-decoration: none; }
.aom-ideeen-tabel a:hover, .aom-ideeen-tabel a:focus-visible { color: var(--wom-cyan); }
.aom-land .wp-block-button__link.aom-hb-btn, .aom-land .wp-block-button__link.aom-hb-btn-sec { font-family: Oswald, Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: 0.06em; text-transform: uppercase; border-radius: 2px; }
.aom-land .wp-block-button__link.aom-hb-btn { background: var(--wom-cyan); color: #fff; }
.aom-land .wp-block-button__link.aom-hb-btn-sec { background: #fff; color: #141414; border: 1px solid #141414; }
.aom-land-uitleg, .aom-land-blok, .aom-land-start, .aom-ideeen, .aom-land-bladeren { margin: 0 0 48px; }
.aom-hb-reason-grid .wp-block-column { background: var(--wom-paper); padding: 20px; }
.aom-hb .aom-coupon { margin: 0 0 12px; }
.aom-hb .aom-coupon[hidden] { display: none !important; }
.aom-hb .aom-coupon label { display: grid; gap: 4px; }
.aom-hb .aom-coupon-uitkomst { margin: 6px 0 0; font-weight: 700; }
.aom-hb .aom-coupon-uitkomst.is-fout { color: #8a1f1f; }
.aom-code-overzicht { background: var(--wom-paper); padding: 12px 14px; margin: 8px 0 16px; }
.aom-code-overzicht p { margin: 0 0 4px; }
.aom-code-melding { font-weight: 700; }
.aom-code-knoppen { display: flex; gap: 8px; flex-wrap: wrap; }

/* Alleen /mindmanager-werkboeken/.
   Jarvis (.container in skeleton.css) zet de paginainhoud op 960px,
   768px tussen 768 en 959px, en 300px onder 767px, met margin: 0 auto.
   Vanaf 1200px is alleen nav .container 96% breed (media.css).
   De plugin zet body.aom-embed .aom-land daarnaast op max-width: 1100px
   met 20px zijpadding, .aom-land-lead op max-width: 62ch en .aom-faq-lijst
   op max-width: 820px. Samen wordt de werkboekpagina een smalle kolom
   onder de brede menubalk. Header, footer en overige AoM-paginas blijven gelijk. */
#mindmanager-werkboeken > .container {
	width: calc(100% - 40px);
	max-width: none;
	box-sizing: border-box;
}
@media only screen and (min-width: 1200px) {
	#mindmanager-werkboeken > .container {
		width: 96%;
		max-width: 1680px;
	}
}
#mindmanager-werkboeken > .container .sixteen.columns {
	width: auto;
	max-width: 100%;
	float: none;
	margin-left: 0;
	margin-right: 0;
}
#mindmanager-werkboeken .aom-land.aom-hb {
	max-width: none;
	width: 100%;
	box-sizing: border-box;
	padding-left: 0;
	padding-right: 0;
}
#mindmanager-werkboeken .aom-land-lead,
#mindmanager-werkboeken .aom-faq-lijst {
	max-width: none;
}


/* Alleen /denk-slimmer-als-team/. Zelfde kolom als /mindmanager-werkboeken/.
   De MindManager-regels hierboven blijven ongewijzigd. */
#denk-slimmer-als-team > .container {
	width: calc(100% - 40px);
	max-width: none;
	box-sizing: border-box;
}
@media only screen and (min-width: 1200px) {
	#denk-slimmer-als-team > .container {
		width: 96%;
		max-width: 1680px;
	}
}
#denk-slimmer-als-team > .container .sixteen.columns {
	width: auto;
	max-width: 100%;
	float: none;
	margin-left: 0;
	margin-right: 0;
}
#denk-slimmer-als-team .aom-land.aom-hb {
	max-width: none;
	width: 100%;
	box-sizing: border-box;
	padding-left: 0;
	padding-right: 0;
}
#denk-slimmer-als-team .aom-land-lead,
#denk-slimmer-als-team .aom-faq-lijst {
	max-width: none;
}
#denk-slimmer-als-team button.aom-hb-btn[disabled] {
	opacity: 0.55;
	cursor: not-allowed;
}

.aom-detail button.aom-hb-btn[disabled] {
	opacity: 0.55;
	cursor: not-allowed;
}

/* aom-citaat-kop landingen
   Fotoheader op /mindmanager-werkboeken/ en /denk-slimmer-als-team/.
   Zelfde opbouw als de fotokop op /communicatietraining/. */
#mindmanager-werkboeken.section,
#denk-slimmer-als-team.section {
	padding-top: 0;
}

#aom-citaat-kop.parallax {
	background-color: #1a1a1a;
	background-image: url("/wp-content/plugins/wom-handboeken/assets/images/kop-jerre-1280.webp") !important;
	background-position: center 35%;
	background-size: cover !important;
	color: #ffffff;
}

#aom-citaat-kop .parallax-overlay {
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("/wp-content/uploads/2015/02/pattern_white.png");
}

#aom-citaat-kop .aom-citaat-binnen {
	box-sizing: border-box;
	max-width: 960px;
	margin: 0 auto;
	padding: 80px 20px;
	text-align: center;
}

#aom-citaat-kop .aom-citaat,
#aom-citaat-kop blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

#aom-citaat-kop blockquote p {
	margin: 0;
	font-family: Oswald, Arial, Helvetica, sans-serif;
	font-size: clamp(24px, 3.2vw, 40px);
	font-style: normal;
	font-weight: 400;
	line-height: 1.25;
	letter-spacing: 0.01em;
	text-transform: none;
	color: #ffffff;
}

#aom-citaat-kop figcaption {
	margin-top: 16px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #ffffff;
}

@media (max-width: 767px) {
	#aom-citaat-kop.parallax {
		background-image: url("/wp-content/plugins/wom-handboeken/assets/images/kop-jerre-768.webp") !important;
		background-attachment: scroll !important;
	}

	#aom-citaat-kop .aom-citaat-binnen {
		padding: 48px 20px;
	}

	#aom-citaat-kop figcaption {
		font-size: 14px;
	}
}

/* Groen werkboekthema: alleen voor werkboeken met kleurvariant groen (Ontwerp → --wom-cover-groen). Andere werkboeken houden hun kleuren. */
.aom-hb .aom-hb-card.is-groen, .aom-detail.is-groen, .aom-inkijk-kleur.is-groen { --wom-cyan: var(--wom-cover-groen, #1f4d3a); }
.aom-hb .aom-hb-card.is-groen { border: 2px solid var(--wom-cover-groen, #1f4d3a); }
.aom-hb .aom-hb-card.is-groen h3 { color: var(--wom-cover-groen, #1f4d3a); }
.aom-hb .aom-hb-card.is-groen .aom-hb-pill, .aom-hb .aom-hb-card.is-groen .aom-hb-facts li { background: color-mix(in srgb, var(--wom-cover-groen, #1f4d3a) 12%, #fff); }
.aom-hb .aom-hb-card.is-groen .aom-hb-btn:hover, .aom-detail.is-groen .aom-hb-btn:hover, .aom-inkijk-kleur.is-groen .aom-hb-btn:hover { background: color-mix(in srgb, var(--wom-cover-groen, #1f4d3a) 78%, #000); }
/* Drie werkboeken: naast elkaar op brede schermen; tablet en mobiel volgen de bestaande breakpoints. */
@media (min-width: 981px) { .aom-hb .aom-hb-grid:has(> .aom-hb-card:nth-child(3)) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .aom-land-blader-grid:has(> .aom-land-blader:nth-child(3)) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (min-width: 701px) and (max-width: 1199px) { .aom-land-blader-grid:has(> .aom-land-blader:nth-child(3)) > .aom-land-blader:nth-child(3) { grid-column: 1 / -1; } }