/* Alleen Over ons: geen wijzigingen aan homepage of andere pagina's */
body.page .mbh-about-root {max-width:1200px;margin:0 auto;color:#141c25;font-family:inherit}
.mbh-about-root .wp-block-columns{gap:30px;align-items:center}
.mbh-about-hero{background:#18252d;color:white;padding:30px 38px;border-radius:8px;margin:0 0 48px}
.mbh-about-hero .wp-block-columns{margin-bottom:0}
.mbh-about-hero h1{font-size:clamp(30px,3.4vw,48px);line-height:1.1;letter-spacing:-.7px;margin:10px 0 16px;color:white}
.mbh-about-hero p:not(.mbh-eyebrow){color:#ecf0f3;font-size:17px;line-height:1.5}
.mbh-about-hero .mbh-eyebrow{color:#fb7915;font-size:14px;font-weight:750;letter-spacing:.1em}
.mbh-about-hero figure{margin:0}
.mbh-about-hero img{width:100%;height:285px;object-fit:cover;border-radius:5px}
.mbh-history{max-width:1100px;margin:0 auto}
.mbh-history>h2{font-size:clamp(30px,3vw,40px);margin-bottom:7px}
.mbh-history>p{font-size:17px;color:#4a535f;margin-bottom:35px}
.mbh-history .mbh-timeline-item{position:relative;padding-left:39px;border-left:3px solid #f67313;margin-left:8px;margin-bottom:0;padding-bottom:26px}
.mbh-history .mbh-timeline-item:before{content:"";position:absolute;left:-10px;top:7px;width:16px;height:16px;background:white;border:4px solid #f67313;border-radius:50%;box-sizing:border-box}
.mbh-history .mbh-timeline-item:last-child{padding-bottom:0}
.mbh-history .mbh-row-columns{padding:6px 0 20px;border-bottom:1px solid #e7e9ed;align-items:start}
.mbh-history .mbh-timeline-item:last-child .mbh-row-columns{border-bottom:0}
.mbh-history h3.mbh-year{font-size:21px;color:#ed6a08;margin:0 0 4px}
.mbh-history h3.mbh-item-title{font-size:23px;color:#16202c;margin:0 0 11px}
.mbh-history .mbh-row-columns p{font-size:15px;line-height:1.55;margin:0}
.mbh-history figure{margin:0}
.mbh-history figure img{display:block;width:100%;height:205px;object-fit:cover;border-radius:8px}
.mbh-history figure figcaption{font-size:12px;color:#5f6870;line-height:1.35;margin:7px 0 0}
.mbh-today{background:#f1f2f4;margin:32px 0 48px;padding:30px 32px;border-radius:10px}
.mbh-today h2{font-size:32px;margin:0 0 12px}
.mbh-today p{font-size:16px}
.mbh-today .mbh-value{border-left:3px solid #f67313;padding-left:18px}
.mbh-today .mbh-value h3{font-size:19px;margin:0 0 6px}
.mbh-today .mbh-value p{font-size:14px;margin:0}
.mbh-today-cols{margin:20px 0}
@media(max-width:800px){.mbh-about-hero{padding:24px 20px}.mbh-history .mbh-timeline-item{padding-left:24px}.mbh-history figure img{height:auto;max-height:310px}.mbh-today{padding:24px 20px}}

/* Only on Over ons: hide theme's duplicate page heading after loading the block hero. */
body.page .inner-page:has(.mbh-about-root) > h1 {display:none}
body.page .inner-page:has(.mbh-about-root) {padding-top:34px}
.mbh-about-root{max-width:1200px !important;width:100%}
.mbh-about-root .mbh-history figure img {object-position:center}
.mbh-about-root .mbh-history .mbh-timeline-item:nth-of-type(5) figure img {object-position:center 54%}

/* v1.2: tekst staat centraal, kleine foto's rechts; alleen Over ons */
.mbh-about-root .mbh-history .mbh-row-columns {gap:clamp(18px,3vw,34px);align-items:flex-start;}
.mbh-about-root .mbh-history .mbh-row-columns > .wp-block-column:first-child {flex:1 1 72%;min-width:0;}
.mbh-about-root .mbh-history .mbh-row-columns > .wp-block-column:last-child {flex:0 1 26%;min-width:0;max-width:250px;}
.mbh-about-root .mbh-history figure {max-width:235px;margin:3px 0 0 auto;}
.mbh-about-root .mbh-history figure img {display:block;width:100%;max-width:235px;height:auto;max-height:160px;object-fit:contain;object-position:center;background:#f5f6f7;border-radius:7px;}
.mbh-about-root .mbh-history .mbh-row-columns p {font-size:16px;line-height:1.7;}
.mbh-about-root .mbh-history h3.mbh-item-title {margin-bottom:9px;}
.mbh-about-root .mbh-about-hero .mbh-hero-columns > .wp-block-column:first-child{flex:1 1 68%;min-width:0;}
.mbh-about-root .mbh-about-hero .mbh-hero-columns > .wp-block-column:last-child{flex:0 1 30%;min-width:0;}
.mbh-about-root .mbh-about-hero figure{max-width:270px;margin-left:auto;}
.mbh-about-root .mbh-about-hero img{height:auto;max-height:235px;object-fit:contain;}
@media (max-width:700px){
 .mbh-about-root .mbh-history .mbh-row-columns{display:flex;flex-direction:column;gap:12px;}
 .mbh-about-root .mbh-history .mbh-row-columns > .wp-block-column:first-child,
 .mbh-about-root .mbh-history .mbh-row-columns > .wp-block-column:last-child {flex:none;width:100%;max-width:100%;}
 .mbh-about-root .mbh-history figure{max-width:190px;margin:0;}
 .mbh-about-root .mbh-history figure img{max-width:190px;max-height:135px;}
 .mbh-about-root .mbh-about-hero figure{max-width:220px;margin:14px 0 0;}
}