/* Blokken uit de WordPress-editor in de stijl van de site (alleen voor bewerkbare pagina's) */
.wpc>*+*{margin-top:clamp(24px,3vw,40px)}
.wpc .subnav+*{margin-top:0}
.wpc img{max-width:100%;height:auto}
.wpc figure{margin:0}
.wpc .wp-block-columns:not(.art){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(16px,2.4vw,28px);align-items:start}
.wpc .wp-block-column{min-width:0}
.wpc .wp-block-column>*+*{margin-top:16px}
.wpc .prose.met{display:grid;gap:clamp(14px,1.6vw,20px)}
.wpc .prose.met>section{margin:0}
/* metalen blok los op de pagina */
main .is-style-metaal{border-radius:var(--r);padding:clamp(24px,3vw,40px);background-color:#3d4044;background-image:linear-gradient(135deg,#ffffff14 0%,#ffffff00 34%,#0d0e0f33 66%,#ffffff12 100%),linear-gradient(#0d0e0f52,#0d0e0f52),url(img/metal.webp);background-size:auto,auto,720px 360px;box-shadow:inset 0 1px 0 #ffffff59,inset 0 -1px 0 #00000080,0 10px 24px #00000026;color:#fff}
main .is-style-metaal :is(h2,h3,p,li,b,strong){color:#fff;text-shadow:0 1px 2px #000000a6}
main .is-style-metaal p,main .is-style-metaal li{color:#e9ebec}
main .is-style-metaal h3{font-size:clamp(1.2rem,1.8vw,1.45rem);margin-bottom:8px}
/* lijst met oranje bolletjes */
main ul.is-style-bolletjes{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:10px}
main ul.is-style-bolletjes li{padding-left:26px;position:relative}
main ul.is-style-bolletjes li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:12px;border-radius:50%;background:var(--fire)}
/* foto met bijschrift naast de tekst */
main .side figcaption.wp-element-caption{margin-top:10px;color:var(--mute);line-height:1.35;font-size:inherit}
main .side figcaption strong+br{display:none}main .side figcaption strong{display:block;color:var(--fg);font-family:var(--disp);font-weight:700;font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.14;letter-spacing:-.004em;margin-bottom:4px;text-wrap:balance}
main figure.is-style-vrijstaand img{border-radius:0;box-shadow:none;filter:drop-shadow(0 14px 22px #00000080)}
/* cortenstaal balk in de inhoud */
main .is-style-cortenstaal{border-radius:clamp(24px,4vw,48px);padding:clamp(32px,6vw,84px);background-color:#8a4318;background-image:linear-gradient(#24130985,#24130985),url(img/corten.webp);background-size:auto,570px 285px;color:#fff8f0}
main .is-style-cortenstaal :is(h2,p){color:#fff8f0;text-shadow:0 1px 2px #00000080}
main .is-style-cortenstaal h2{font-size:clamp(2rem,5vw,4.3rem);max-width:14em}
main .is-style-cortenstaal p{font-size:1.25rem;max-width:32em;margin-top:12px}
/* knoppen */
main .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}
main .wp-block-button__link{display:inline-block;background:var(--fire);color:#17181a;font:700 1.05rem var(--disp);padding:14px 26px;border-radius:999px;text-decoration:none}
main .wp-block-button__link:hover{background:var(--yellow)}
.wpc .wp-block-separator{border:0;border-top:1px solid var(--line,#0002)}
.wpc h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin-bottom:10px}.wpc h3{margin-bottom:6px}.wpc p+p{margin-top:12px}
