.wp-block-acf-geschiedenis{margin-top:24px!important;margin-bottom:24px!important}.wp-block-acf-geschiedenis .grid{height:100vh;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:1fr;gap:24px}.wp-block-acf-geschiedenis .grid .periodes-navigatie{grid-column:1/-1;grid-row:1/span 1;margin:auto auto 48px;position:relative;z-index:20;width:460px;max-width:460px;height:56px;display:flex;align-items:center;border-radius:6px;background:#fff;box-shadow:0 2px 8px #00000014;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:8px;overflow:hidden}.wp-block-acf-geschiedenis .grid .periodes-navigatie .arrow-left{left:8px}.wp-block-acf-geschiedenis .grid .periodes-navigatie .arrow-left:after{content:"";position:absolute;pointer-events:none;right:0;transform:translate(100%);width:48px;height:32px;background:linear-gradient(270deg,#fff0,#fff)}.wp-block-acf-geschiedenis .grid .periodes-navigatie .arrow-left svg{transform:rotate(180deg)}.wp-block-acf-geschiedenis .grid .periodes-navigatie .arrow-right{right:8px}.wp-block-acf-geschiedenis .grid .periodes-navigatie .arrow-right:after{content:"";position:absolute;pointer-events:none;left:0;transform:translate(-100%) rotate(180deg);width:48px;height:32px;background:linear-gradient(270deg,#fff0,#fff)}.wp-block-acf-geschiedenis .grid .periodes-navigatie .arrow-left,.wp-block-acf-geschiedenis .grid .periodes-navigatie .arrow-right{position:absolute;top:8px;width:40px;height:40px;border-radius:4px;background-color:#590047;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s ease,background-color .2s ease}.wp-block-acf-geschiedenis .grid .periodes-navigatie .arrow-left:hover:not(.disabled),.wp-block-acf-geschiedenis .grid .periodes-navigatie .arrow-right:hover:not(.disabled){background-color:#26001e}.wp-block-acf-geschiedenis .grid .periodes-navigatie .arrow-left.disabled,.wp-block-acf-geschiedenis .grid .periodes-navigatie .arrow-right.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.wp-block-acf-geschiedenis .grid .periodes-navigatie .arrow-left.disabled:after,.wp-block-acf-geschiedenis .grid .periodes-navigatie .arrow-right.disabled:after{opacity:0}.wp-block-acf-geschiedenis .grid .periodes-navigatie .arrow-left svg,.wp-block-acf-geschiedenis .grid .periodes-navigatie .arrow-right svg{width:24px;height:24px}.wp-block-acf-geschiedenis .grid .periodes-navigatie .arrow-left svg path,.wp-block-acf-geschiedenis .grid .periodes-navigatie .arrow-right svg path{stroke:#fff}.wp-block-acf-geschiedenis .grid .periodes-navigatie .jaartallen{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none}.wp-block-acf-geschiedenis .grid .periodes-navigatie .jaartallen::-webkit-scrollbar{display:none}.wp-block-acf-geschiedenis .grid .periodes-navigatie .jaartallen .periode{padding:4px 16px;border-right:1px solid #7E7E7E;height:fit-content;font-family:bebas-neue-pro,sans-serif;color:#590047;font-size:24px;font-style:normal;font-weight:400;line-height:100%;word-break:keep-all;white-space:nowrap;cursor:pointer}.wp-block-acf-geschiedenis .grid .periodes-navigatie .jaartallen .periode:first-child{padding-left:48px}.wp-block-acf-geschiedenis .grid .periodes-navigatie .jaartallen .periode:last-child{border-right:none;padding-right:48px}.wp-block-acf-geschiedenis .grid .periodes-navigatie .jaartallen .periode.active{font-weight:700}.wp-block-acf-geschiedenis .grid .item{grid-column:3/-3;grid-row:1/span 1;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:24px}.wp-block-acf-geschiedenis .grid .item.active .periode,.wp-block-acf-geschiedenis .grid .item.active .tekst{opacity:1}.wp-block-acf-geschiedenis .grid .item .periode{opacity:0;grid-column:1/span 1;grid-row:1/span 1;text-align:center;font-family:bebas-neue-pro,sans-serif;color:#590047;font-size:clamp(4.5rem,2.5043rem + 4.1631vw,7.5rem);font-style:normal;font-weight:700;line-height:100%;text-transform:uppercase;margin-top:auto;transition:opacity .3s ease}.wp-block-acf-geschiedenis .grid .item .tekst{opacity:0;transition:opacity .3s ease}.wp-block-acf-geschiedenis .grid .item .tekst{opacity:0;grid-column:1/span 1;grid-row:2/span 1;text-align:center;font-family:aquavit,sans-serif;font-size:clamp(1.25rem,.9174rem + .6938vw,1.75rem);font-style:normal;font-weight:300;line-height:100%;letter-spacing:-.56px}