:root { --font-heading: 'RobotoSlab'; --font-text: 'Verdana'; --font-size-base: 1.6rem; --textcolor: var(--themecolor5); --border-radius: 2.5rem; --border-radius-s: 1.5rem; --white: #fff; --themecolor: #68367B; --themecolor2: #30922B; --themecolor3: #FDD302; --themecolor4: #195D15; --themecolor5: #4E1564; --themecolor6: #58ad54; --bgcolor: #F8F3ED; --bordercolor: #33333350; }

@font-face { font-family: 'RobotoSlab'; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/RobotoSlab-Regular.woff2") format("woff2"); }
@font-face { font-family: 'Verdana'; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/Verdana-Regular.woff2") format("woff2"); }
:root { --max-width: 164rem; --default-space: 10rem; --padding-default: 4rem; --grid-gap: 2rem; }
@media only screen and (max-width: 767px) { :root { --default-space: 5rem; } }

.container { max-width: var(--max-width); margin-inline: auto; width: 100%; padding-left: calc(var(--container-margin, 6.25rem)*.5); padding-right: calc(var(--container-margin, 6.25rem)*.5); }
@media only screen and (max-width: 767px) { .container { --container-margin: 3rem; } }

section { position: relative; display: flex; width: 100%; padding-top: var(--default-space); padding-bottom: var(--default-space); z-index: 1; }
section::before { content: ''; left: 50%; max-width: 100.2vw; transform: var(--transform, translateX(-50%)); position: absolute; top: 0; bottom: 0; z-index: -1; width: 125.25vw; background: var(--backgroundColor); }

.block-grid { overflow: visible; width: 100%; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; gap: var(--grid-margin, 1.875rem); }
@media only screen and (max-width: 767px) { .block-grid { flex-direction: column; } }
.block-grid > li { list-style: none; width: 100%; }
.block-grid.one-up > li { width: 100%; }
.block-grid.two-up > li { width: calc(50% - var(--grid-margin, 1.875rem)*.5); }
.block-grid.three-up > li { width: calc(33.333% - var(--grid-margin, 1.875rem)*.667); }
.block-grid.four-up > li { width: calc(25% - var(--grid-margin, 1.875rem)*.75); }
.block-grid.five-up > li { width: calc(20% - var(--grid-margin, 1.875rem)*.8); }
.block-grid.six-up > li { width: calc(16.666% - var(--grid-margin, 1.875rem)*.833); }
@media only screen and (max-width: 767px) { .block-grid.one-up > li { width: 100%; }
  .block-grid.two-up > li { width: 100%; }
  .block-grid.three-up > li { width: 100%; }
  .block-grid.four-up > li { width: 100%; }
  .block-grid.five-up > li { width: 100%; }
  .block-grid.six-up > li { width: 100%; } }

html { box-sizing: border-box; scroll-behavior: smooth; font-size: 62.5%; font-family: var(--font-text); margin: 0; padding: 0; }

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

body { max-height: var(--vh, 100vh); overflow-x: hidden; overflow-y: scroll; font-size: var(--font-size-base); color: var(--textcolor); }
body ul { padding-left: 2rem; }

@media only screen and (max-width: 767px) { .maincontainer { overflow: hidden; } }

a { color: inherit; text-decoration: none; background-color: transparent; }

figure { position: relative; margin: 0; float: none; clear: both; }

img { width: 100%; height: auto !important; max-width: 100%; vertical-align: middle; border-style: none; }

h1, h2, h3, h4, h5 { font-family: var(--font-heading); font-weight: 400; }

h1, .h1 { font-size: 8rem; line-height: 1; }
@media only screen and (max-width: 767px) { h1, .h1 { font-size: 3.5rem; } }

h2, .h2 { font-size: 6rem; }
@media only screen and (max-width: 767px) { h2, .h2 { font-size: 2.5rem; } }

.Heading + .Content { margin-top: 1.5rem; }

.Heading + .block-grid { margin-top: 3rem; }

.Content, .ck-content { font-size: 1.8rem; line-height: 1.6; display: flex; flex-direction: column; gap: 1rem; }
.Content h1, .ck-content h1 { font-size: 6rem; }
.Content h2, .ck-content h2 { font-size: 4rem; }
.Content h3, .ck-content h3 { font-size: 3rem; }
.Content h4, .ck-content h4 { font-size: 2.5rem; }
.Content strong, .ck-content strong { font-weight: bold; }
.Content ul, .ck-content ul { padding-left: 5rem; }
@media only screen and (max-width: 767px) { .Content ul, .ck-content ul { padding-left: 2rem; } }
.Content p > a, .ck-content p > a { text-decoration: underline; }
.Content p > a:hover, .ck-content p > a:hover { text-decoration: none; }

.useHand { pointer-events: all; cursor: pointer; }
.useHand figure { overflow: hidden; }
.useHand figure img { transform: scale(1); transition: transform .3s ease-in-out; }
.useHand:hover figure img { transform: scale(1.1); }

section.no-padding-top { padding-top: 0; }

.em-view-container[data-view="list"] { max-width: 110rem; margin-inline: auto; }
.em-view-container[data-view="list"] .em-item-read-more { display: none !important; }
.em-view-container[data-view="event"] { padding-top: 20rem; padding-bottom: 10rem; max-width: 110rem; margin-inline: auto; }
.em-view-container[data-view="event"] .em-item { flex-direction: column; display: flex; }
.em-view-container[data-view="event"] .em-item-meta { flex-direction: column; flex-wrap: nowrap !important; }
.em-view-container[data-view="event"] .em-item-meta-column { flex-direction: column; }
.em-view-container[data-view="event"] .em-item-meta-column > section { flex-direction: column; }
.em-view-container[data-view="event"] .em-item-header { order: 1; }
.em-view-container[data-view="event"] .em-event-location { display: none; }
.em-view-container[data-view="event"] .em-event-content { order: 2; display: flex; flex-direction: column; }
.em-view-container[data-view="event"] .em-event-bookings { order: 3; display: flex; flex-direction: column; }
.em-view-container[data-view="event"] .em-booking-form { max-width: 70rem; }
.em-view-container[data-view="event"] .em-booking-form > section { width: 100%; display: flex; flex-direction: column; }
.em-view-container[data-view="calendar"] { margin-bottom: var(--default-space); }

:root { --nav-fontsize: 1.6rem; --nav-borderradius: 1.2rem; --button-vspace: 1.2rem; --button-hspace: 2.4rem; --nav_spacing: 1.5rem; --nav_topmargin: 2.5rem; }

nav { display: flex; flex-direction: var(--nav_flex-direction, row); justify-content: var(--nav_justify-content, flex-start); flex-wrap: wrap; align-items: var(--nav_align-items, center); gap: var(--nav_spacing, 0.625rem); width: var(--nav_width, 100%); margin-top: var(--nav_topmargin, 1.875rem); user-select: none; cursor: default; width: fit-content; }
@media only screen and (max-width: 767px) { nav { justify-content: center; } }

.more:not(.outline) { background: var(--themecolor2); border: 1px solid var(--themecolor2); color: #fff; border-radius: var(--nav-borderradius); padding: var(--button-vspace) var(--button-hspace); transition: all .3s ease-in-out; }
.more:not(.outline):hover { background: var(--themecolor4); border-color: var(--themecolor4); }
.more:not(.outline).bg2 { background: var(--themecolor2); border: var(--themecolor2); }
.more:not(.outline).bg2:hover { background: #3d1024; border-color: #3d1024; }
.more.outline { background: transparent; border: 1px solid var(--themecolor); color: var(--themecolor); border-radius: var(--nav-borderradius); padding: var(--button-vspace) var(--button-hspace); transition: all .3s ease-in-out; }
.more.outline:hover { background: var(--themecolor); border-color: var(--themecolor); color: #fff; }

.Header { z-index: 1001; left: 0; right: 0; position: fixed; top: 5rem; }
.Header #headerMiddle { padding-left: calc(var(--container-margin, 6.25rem) * 0.5); padding-right: calc(var(--container-margin, 6.25rem) * 0.5); }
@media only screen and (max-width: 767px) { .Header #headerMiddle { --container-margin: 2rem; } }
.Header #headerMiddle .container { display: flex; justify-content: space-between; background: var(--white); border-radius: var(--border-radius); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); padding: 0 2rem; }
.Header #headerMiddle .container .right { display: flex; align-items: center; gap: 3rem; }
.Header #headerMiddle .container .right .hamburger { display: none; font-size: 2rem; background: none; border: none; cursor: pointer; }
@media (max-width: 768px) { .Header #headerMiddle .container .right .hamburger { display: block; } }
@media (max-width: 768px) { .Header #headerMiddle .container .right .Element.navbar { display: none; } }
.Header .mobile-menu { position: fixed; top: 0; right: -100%; width: 90%; height: 100vh; background: var(--themecolor); z-index: 9999; overflow-y: auto; transition: right 0.3s ease; padding: 2rem; color: var(--white); }
.Header .mobile-menu.open { right: 0; }
.Header .mobile-menu .close-btn { font-size: 2rem; background: none; border: none; position: absolute; top: 1rem; right: 1rem; cursor: pointer; }
.Header .mobile-menu .navbar { margin-top: 4rem; }
.Header .mobile-menu .navbar li { position: relative; }
.Header .mobile-menu .navbar li > a { display: block; padding: 0.75rem 0; color: var(--white); text-decoration: none; cursor: pointer; }
.Header .mobile-menu .sub-menu { display: none; padding-left: 0.5rem; position: static; background: transparent; list-style: none; box-shadow: none; }
.Header .mobile-menu .sub-menu li > a { padding: 0.5rem 0; font-size: 1.6rem; color: var(--white); }
.Header .mobile-menu .sub-menu.submenu-open { display: block; }

body.menu-open { overflow: hidden; }

.footer { --footerTop-padding: 3rem; --footerMiddle-padding: 3rem; --footerBottom-padding: 2rem; background: var(--bgcolor); padding-left: calc(var(--container-margin, 6.25rem)*.5); padding-right: calc(var(--container-margin, 6.25rem)*.5); }
@media only screen and (max-width: 767px) { .footer { --container-margin: 2rem; } }
.footer .lsb-form { display: flex; align-items: center; }
.footer .lsb-form h2.lsb-success-title { display: none; }
.footer .lsb-form-body { display: flex; align-items: flex-end; gap: 1rem; }
.footer .lsb-form-body .lsb-form-field-wrapper { margin-bottom: 0; }
.footer .lsb-form-body .lsb-form-field-wrapper[data-required="false"] { display: none; }
.footer .lsb-form-body .lsb-form-input { height: 4.3rem; border-radius: var(--nav-borderradius); width: 35rem; font-size: var(--font-size-base); }
@media only screen and (max-width: 767px) { .footer .lsb-form-body .lsb-form-input { max-width: 100%; width: 55vw; } }
.footer .lsb-form-body .lsb-form-button { background: var(--themecolor2); color: var(--white); border-radius: var(--nav-borderradius); height: fit-content; padding: var(--button-vspace) var(--button-hspace); pointer-events: all; cursor: pointer; font-size: var(--font-size-base); }
.footer .address.Item { display: flex; flex-direction: column; gap: 1rem; }
.footer .address.Item a { line-height: 1.6; display: flex; align-items: center; gap: 1rem; }
.footer .address.Item a span.icon { display: flex; }
.footer .address.Item a span.icon svg { width: 2.2rem; height: 2.2rem; fill: var(--themecolor); }
.footer .address.Item.align-start a { align-items: flex-start; }
.footer .footer_text { max-width: 46rem; }
.footer .footer_text a { text-decoration: underline; }
.footer .footer_text a:hover { text-decoration: none; }
@media only screen and (max-width: 767px) { .footer .copyright { line-height: 1.5; text-align: center; } }
.footer .copyright a:hover { opacity: .6; }
.footer .subscription { display: flex; justify-content: space-between; }
@media only screen and (max-width: 767px) { .footer .subscription { flex-direction: column; gap: 2rem; } }
.footer .subscription span.title { font-size: 2.4rem; max-width: 30%; }
@media only screen and (max-width: 767px) { .footer .subscription span.title { max-width: 100%; } }
.footer .subscription .inschrijving-form { position: relative; width: 50rem; display: flex; align-items: center; gap: 1rem; flex-wrap: nowrap; }
@media only screen and (max-width: 767px) { .footer .subscription .inschrijving-form { width: 100%; flex-direction: column; } }
.footer .subscription .inschrijving-form label { position: absolute; z-index: 99; opacity: 0.6; left: 1.5rem; top: 50%; transform: translateY(-50%); transition: 0.2s ease; pointer-events: none; }
@media only screen and (max-width: 767px) { .footer .subscription .inschrijving-form label { top: 22%; } }
.footer .subscription .inschrijving-form input:focus + label, .footer .subscription .inschrijving-form input:not(:placeholder-shown) + label { top: 1.2rem; font-size: 1.2rem; opacity: 1; }
.footer .subscription .inschrijving-form input { width: 75%; padding: 2rem; padding-left: 1.5rem; border-radius: 1.5rem; border: 1px solid var(--bordercolor); }
@media only screen and (max-width: 767px) { .footer .subscription .inschrijving-form input { width: 100%; } }
.footer .subscription button { border: none; cursor: pointer; }
@media only screen and (max-width: 767px) { .footer .subscription button { width: 100%; } }
.footer .subscription button a.more { --button-vspace: 1.8rem; --button-hspace: 3.5rem; font-size: 1.6rem; }
@media only screen and (max-width: 767px) { .footer .subscription button a.more { display: flex; justify-content: center; } }
.footer #footerTop, .footer #footerMiddle, .footer #footerBottom { max-width: var(--max-width); margin-inline: auto; width: 100%; padding-left: calc(var(--container-margin, 6.25rem)*.5); padding-right: calc(var(--container-margin, 6.25rem)*.5); }
.footer #footerTop { padding: var(--footerTop-padding) 0; }
.footer #footerMiddle { padding: var(--footerMiddle-padding) 0; border-top: 1px solid var(--bordercolor); }
.footer #footerMiddle .footerMiddle-middle { display: flex; gap: 5rem; margin-top: 3rem; }
@media only screen and (max-width: 767px) { .footer #footerMiddle .footerMiddle-middle { flex-direction: column; gap: 3rem; } }
.footer #footerMiddle .footerMiddle-middle .middle { flex: 1; }
.footer #footerMiddle .footerMiddle-middle .right .block-grid { gap: 8rem; flex-wrap: nowrap; min-width: 35rem; margin-top: -4rem; margin-bottom: 4rem; }
@media only screen and (max-width: 767px) { .footer #footerMiddle .footerMiddle-middle .right .block-grid { margin-top: 0; gap: 0; display: flex; flex-direction: row; } }
.footer #footerMiddle .footerMiddle-middle .right nav { margin-top: 1rem; }
.footer #footerMiddle .footerMiddle-middle .right .h5 { font-weight: bold; }
.footer #footerBottom { padding: var(--footerBottom-padding) 0; border-top: 1px solid var(--bordercolor); }
.footer #footerBottom .container { display: flex; padding: 0; justify-content: space-between; }
@media only screen and (max-width: 767px) { .footer #footerBottom .container { flex-direction: column; gap: 2rem; } }
@media only screen and (max-width: 767px) { .footer #footerBottom .container .right { justify-content: center; display: flex; } }
.footer #footerBottom .container .right > nav { margin-top: 0; }

.Block.Textblock.Detail { justify-content: center; gap: 6rem; }
@media only screen and (max-width: 767px) { .Block.Textblock.Detail { flex-direction: column; gap: 3rem; } }
.Block.Textblock.Detail.position_left { flex-direction: row-reverse; }
@media only screen and (max-width: 767px) { .Block.Textblock.Detail.position_left { flex-direction: column-reverse; } }
.Block.Textblock.Detail > * { width: 50%; }
@media only screen and (max-width: 767px) { .Block.Textblock.Detail > * { width: 100%; } }
.Block.Textblock.Detail > .inner { display: flex; flex-direction: column; justify-content: center; }
.Block.Textblock.Detail > figure { position: relative; }
.Block.Textblock.Detail > figure > img { border-radius: var(--border-radius); overflow: hidden; }

.News.view { --content-width: 80rem; --figure-width: 108rem; }
.News.view .h1 { font-size: 6rem; }
@media only screen and (max-width: 767px) { .News.view .h1 { font-size: 3.5rem; } }
.News.view .maincontainer { display: flex; flex-direction: column; gap: 4rem; }
.News.view .titlecolumn { padding-top: calc(var(--default-space) * 2); }
.News.view .titlecolumn::before { content: ''; background: var(--bgcolor); position: absolute; width: 100%; top: 0; left: 0; z-index: -1; bottom: 8rem; }
.News.view .titlecolumn > * { max-width: 80rem; margin-inline: auto; }
.News.view .titlecolumn .Intro { margin-top: 3rem; line-height: 1.8; }
.News.view .figurecolumn figure { max-width: var(--figure-width); margin-inline: auto; }
.News.view .figurecolumn img { border-radius: var(--border-radius); max-height: 75rem; object-fit: cover; object-position: top; }
.News.view .maincolumn > * { max-width: var(--content-width); margin-inline: auto; }
.News.view .relatedcolumn { padding-top: var(--default-space); padding-bottom: var(--default-space); }
.News.view .backto svg { transform: rotate(90deg); }
.News.view .backto { position: absolute; left: 15rem; }
@media only screen and (max-width: 767px) { .News.view .backto { display: none; } }
.News.view .backto:hover svg { border-color: var(--themecolor); background: var(--themecolor); fill: var(--white); }
.News.view .meta { font-size: 1.4rem; margin-bottom: 1rem; }
.News.view .backto_container { margin-top: 3rem; border-top: 1px solid var(--bordercolor); padding-top: 1.5rem; }
.News.view .backto_container .backto-text:hover { opacity: .6; }
.News.Overview { flex-direction: column; max-width: 95%; margin-inline: auto; }
.News.Overview .Heading { max-width: 100%; }
@media only screen and (min-width: 1025px) { .News.Overview .Heading { max-width: 40%; } }
@media (min-width: 768px) { .News.Overview .block-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 2rem; grid-row-gap: 2rem; }
  .News.Overview .block-grid > *:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
  .News.Overview .block-grid > *:nth-child(2) { grid-area: 1 / 3 / 2 / 4; }
  .News.Overview .block-grid > *:nth-child(3) { grid-area: 1 / 4 / 2 / 5; }
  .News.Overview .block-grid > *:nth-child(4) { grid-area: 2 / 1 / 3 / 2; }
  .News.Overview .block-grid > *:nth-child(5) { grid-area: 2 / 2 / 3 / 3; }
  .News.Overview .block-grid > *:nth-child(6) { grid-area: 2 / 3 / 3 / 4; }
  .News.Overview .block-grid > *:nth-child(7) { grid-area: 2 / 4 / 3 / 5; }
  .News.Overview .block-grid > *:nth-child(8) { grid-area: 3 / 1 / 4 / 2; }
  .News.Overview .block-grid > *:nth-child(9) { grid-area: 3 / 2 / 4 / 3; }
  .News.Overview .block-grid > *:nth-child(10) { grid-area: 3 / 3 / 4 / 5; } }
.News.Overview nav { margin-inline: auto; }
@media (min-width: 768px) { .News.Overview.featured .block-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 2rem; grid-row-gap: 2rem; }
  .News.Overview.featured .block-grid > *:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
  .News.Overview.featured .block-grid > *:nth-child(2) { grid-area: 1 / 3 / 2 / 4; }
  .News.Overview.featured .block-grid > *:nth-child(3) { grid-area: 1 / 4 / 2 / 5; }
  .News.Overview.featured .block-grid > *:nth-child(4) { grid-area: 2 / 1 / 3 / 2; }
  .News.Overview.featured .block-grid > *:nth-child(5) { grid-area: 2 / 2 / 3 / 3; }
  .News.Overview.featured .block-grid > *:nth-child(6) { grid-area: 2 / 3 / 3 / 5; } }
.News.Item { border-radius: var(--border-radius-s); overflow: hidden; }
.News.Item a { height: 100%; display: flex; flex-direction: column; }
.News.Item .inner { padding: 2rem; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; height: 50%; }
.News.Item .inner .left { display: flex; gap: 1rem; flex-direction: column; }
.News.Item .inner .h3 { font-weight: bold; }
.News.Item .inner .date { font-size: 1.4rem; }
.News.Item .Intro { line-height: 1.5; }
.News.Item:not(.featured) { background: var(--bgcolor); }
.News.Item:hover svg { border-color: var(--themecolor); background: var(--themecolor); fill: var(--white); }
@media (min-width: 768px) { .News.Item.featured a { position: relative; display: block; }
  .News.Item.featured .inner { position: absolute; bottom: 0; width: 100%; color: #fff; height: fit-content; }
  .News.Item.featured svg { border-color: var(--white); fill: var(--white); }
  .News.Item.featured:hover svg { border-color: var(--white); background: var(--white); fill: var(--themecolor); } }
@media only screen and (max-width: 767px) { .News.Item.featured { background: var(--bgcolor); } }
.News svg { border: 1px solid var(--themecolor); width: 4rem; height: 4rem; display: flex; justify-content: center; align-items: center; padding: 1.2rem; border-radius: 100%; fill: var(--themecolor); transform: rotate(-90deg); }

.Element.Hero { padding-top: 20rem; flex-direction: column; }
@media only screen and (max-width: 767px) { .Element.Hero { padding-top: 12rem; } }
.Element.Hero .Content p a { text-decoration: underline; }
.Element.Hero .Content p a:hover { text-decoration: none; }
.Element.Hero.home { padding-top: 0; padding-bottom: 0; flex-direction: row; align-items: center; }
@media only screen and (max-width: 767px) { .Element.Hero.home { flex-direction: column-reverse; } }
.Element.Hero.home .inner { min-width: 40vw; display: flex; flex-direction: column; justify-content: center; padding: var(--default-space) 0; }
@media only screen and (max-width: 767px) { .Element.Hero.home .inner { width: 100%; padding-bottom: var(--default-space); }
  .Element.Hero.home .inner nav a { width: 100%; text-align: center; } }
.Element.Hero.home figure { width: 50%; display: flex; justify-content: flex-start; position: relative; width: 100%; /* of vaste afmeting */ height: fit-content; clip-path: polygon(35% 100%, 58% 70%, 69% 100%, 100% 100%, 90% 61%, 100% 64%, 100% 41%, 74% 41%, 96% 19%, 83% 0%, 75% 0%, 48% 32%, 37% 6%, 5% 55%, 34% 59%, 0% 84%, 11% 100%); }
@media only screen and (max-width: 767px) { .Element.Hero.home figure { width: 100%; margin-top: 5rem; } }
.Element.Hero.home figure img { min-width: 60vw; }
.Element.Hero:not(.home) { padding-bottom: 0; color: #fff; }
.Element.Hero:not(.home) figure { left: 50%; max-width: 100.2vw; width: 192rem; position: absolute; top: 0; bottom: 0; z-index: -1; transform: var(--transform, translateX(-50%)); --transform: translateX(-50%); overflow: hidden; }
.Element.Hero:not(.home) figure::before { content: ''; background: #00000020; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; }
.Element.Hero:not(.home) figure img { height: 100% !important; object-fit: cover; }
.Element.Hero.no-image { color: var(--textcolor); }
.Element.Hero .inner { width: 60%; }
@media only screen and (max-width: 767px) { .Element.Hero .inner { width: 100%; } }
.Element.Hero .breadcrumbs { margin-top: 8rem; position: relative; padding: 2rem 0; color: var(--white); }
.Element.Hero .breadcrumbs::before { content: ''; left: 50%; max-width: 100.2vw; transform: var(--transform, translateX(-50%)); position: absolute; top: 0; bottom: 0; z-index: -1; width: 125.25vw; background: var(--themecolor); }

.Block.Usp { --default-space: 4rem; }
.Block.Usp.Overview .inner { width: 90%; margin-inline: auto; }
.Block.Usp.Item { color: var(--white); font-size: 2rem; display: flex; align-items: center; gap: 1rem; justify-content: center; }
.Block.Usp.Item::before { content: ''; position: relative; width: 2.5rem; height: 2.5rem; display: flex; background-image: url("../img/poppy.svg"); background-size: contain; background-repeat: no-repeat; }

.Block.Category.Overview .block-grid { background: var(--themecolor2); width: fit-content; margin-inline: auto; border-radius: var(--border-radius); overflow: hidden; justify-content: space-between; gap: 0; padding: 0 5rem; }
@media only screen and (max-width: 767px) { .Block.Category.Overview .block-grid { padding: inherit; flex-direction: row; }
  .Block.Category.Overview .block-grid > li { width: 50%; } }
.Block.Category.Item { height: 100%; padding: 3rem; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2rem; color: var(--white); transition: all .3s ease-in-out; }
.Block.Category.Item a { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2rem; color: var(--white); transition: all .3s ease-in-out; }
.Block.Category.Item img { max-width: 14.5rem; width: auto; transform: scale(1); transition: all .3s ease; }
.Block.Category.Item .h3 { font-size: 2.5rem; font-weight: 400; }
.Block.Category.Item.useHand:hover img { transform: scale(1.1); }

.Block.Cta.Detail { display: flex; align-items: stretch; border-radius: var(--border-radius); overflow: hidden; background: var(--themecolor); color: #fff; padding: 0; margin-bottom: var(--default-space); }
@media only screen and (max-width: 767px) { .Block.Cta.Detail { flex-direction: column-reverse; } }
.Block.Cta.Detail:not(.no-margin-top) { margin-top: var(--default-space); }
.Block.Cta.Detail > * { width: 50%; }
@media only screen and (max-width: 767px) { .Block.Cta.Detail > * { width: 100%; } }
.Block.Cta.Detail .inner { padding: var(--padding-default); display: flex; flex-direction: column; justify-content: center; }
@media (min-width: 768px) { .Block.Cta.Detail .inner { padding-right: 8rem; } }
.Block.Cta.Detail figure { display: flex; }
.Block.Cta.Detail figure img { object-fit: cover; }

.Block.Contact.Overview { max-width: 140rem; margin-inline: auto; width: 80%; min-width: 90rem; }
@media only screen and (max-width: 767px) { .Block.Contact.Overview { max-width: 100%; min-width: 100%; } }
.Block.Contact.Item { border: 1px solid var(--themecolor); padding: 2rem; border-radius: var(--border-radius); height: 100%; transition: all .3s ease-in-out; }
.Block.Contact.Item > a { display: flex; gap: 1rem; }
.Block.Contact.Item > a span.icon, .Block.Contact.Item > a svg { width: 2.5rem; height: 2.5rem; fill: var(--textcolor); margin-top: .2rem; }
.Block.Contact.Item > a span.title { line-height: 1.5; font-size: 2rem; }
.Block.Contact.Item.useHand:hover { background: var(--themecolor); color: var(--white); }
.Block.Contact.Item.useHand:hover svg { fill: var(--white); }

.Block.Form.Detail { max-width: 140rem; margin-inline: auto; width: 80%; min-width: 90rem; display: flex; gap: 4rem; }
@media only screen and (max-width: 767px) { .Block.Form.Detail { flex-direction: column-reverse; max-width: 100%; min-width: 100%; gap: 2rem; } }
.Block.Form .inner { width: 35%; }
@media only screen and (max-width: 767px) { .Block.Form .inner { width: 100%; } }
.Block.Form .inner .Content { margin-top: 7rem; }
.Block.Form .form { width: 65%; }
@media only screen and (max-width: 767px) { .Block.Form .form { width: 100%; } }
.Block.Form form .wpforms-field-container { --wpforms-field-border-color: var(--bordercolor); display: flex; flex-wrap: wrap; justify-content: space-between; }
.Block.Form form .wpforms-field-container .wpforms-field { --form-gap: 1rem; }
.Block.Form form .wpforms-field-container .wpforms-field.col-6 { width: calc(50% - var(--form-gap)); }
.Block.Form form .wpforms-field-container .wpforms-field.col-12 { width: 100%; }
.Block.Form form .wpforms-field-container .wpforms-field input, .Block.Form form .wpforms-field-container .wpforms-field textarea { border-radius: var(--border-radius-s); }
.Block.Form form .wpforms-submit-container { float: right; }
.Block.Form form .wpforms-submit-container .wpforms-submit { --wpforms-button-background-color: var(--themecolor2); --wpforms-button-border-radius: var(--border-radius-s); }

.Block.Employee.Overview { display: flex; flex-direction: column; }
.Block.Employee.Item { display: flex; flex-direction: column; gap: 2rem; }
.Block.Employee.Item figure { width: 100%; padding-top: 100%; }
.Block.Employee.Item figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; object-fit: cover; border-radius: var(--border-radius); }
.Block.Employee.Item .inner { display: flex; justify-content: space-between; }
.Block.Employee.Item .inner a { border: 1px solid var(--themecolor); width: 4rem; height: 4rem; display: flex; justify-content: center; align-items: center; border-radius: 100%; }
.Block.Employee.Item .inner a svg { fill: var(--themecolor); width: 1.5rem; height: 1.5rem; }
.Block.Employee.Item .inner a:hover { background: var(--themecolor); }
.Block.Employee.Item .inner a:hover svg { fill: #fff; }

.Block.Partner { display: flex; flex-direction: column; max-width: 95%; margin-inline: auto; }
.Block.Partner .Heading { max-width: 50%; }
.Block.Partner .block-grid { --grid-margin: 4rem; }
.Block.Partner .block-grid > li { display: flex; align-items: center; }

.Block.Story .inner { background: var(--themecolor2); padding: 4rem; max-width: 110rem; margin-inline: auto; border-radius: var(--border-radius); color: #fff; }
.Block.Story .inner .h2 { font-size: 2.5rem; font-weight: bold; }

.Block.Newsletter { display: flex; flex-direction: column; gap: 2rem; margin-inline: auto; max-width: 90rem; }
.Block.Newsletter ul li { display: flex; align-items: center; gap: 1rem; transition: all .3s ease-in-out; }
.Block.Newsletter ul li::after { content: ''; position: relative; width: 1.2rem; height: 1.2rem; display: flex; background-image: url("../img/chevron_purple.svg"); background-size: contain; background-repeat: no-repeat; transform: rotate(-90deg); }
.Block.Newsletter ul li:hover { opacity: 0.6; gap: 1.3rem; }
.Block.Newsletter .accordion-item { padding: 2rem 0; border-bottom: 1px solid var(--bordercolor); cursor: pointer; }
.Block.Newsletter .accordion-toggle { display: flex; align-items: center; justify-content: space-between; }
.Block.Newsletter .accordion-toggle::after { content: ''; position: relative; width: 1.2rem; height: 1.2rem; display: flex; background-image: url("../img/chevron_purple.svg"); background-size: contain; background-repeat: no-repeat; transition: transform .3s ease-in-out; }
.Block.Newsletter .accordion-toggle:hover { opacity: .6; }
.Block.Newsletter .accordion-content { padding-left: 0; display: flex; flex-direction: column; gap: 1rem; }
.Block.Newsletter .accordion-content ul { padding-left: 1rem; display: flex; flex-direction: column; gap: 2rem; }
.Block.Newsletter .accordion-content { display: none; margin-top: 3rem; margin-bottom: 1rem; }
.Block.Newsletter .accordion-item.active .accordion-toggle::after { transform: rotate(180deg); }
.Block.Newsletter .accordion-item.active .accordion-content { display: block; }

.Brand { --brand-width: 17rem; --brand-margin: 1rem; margin: var(--brand-margin) 0; }
@media only screen and (max-width: 767px) { .Brand { --brand-width: 15rem; --brand-margin: 1rem; } }
.Brand span.logo { width: var(--brand-width); display: flex; align-items: center; }
.Brand span.logo > a { display: flex; }
.Brand svg { width: 100%; height: auto; display: block; }

.navbar { list-style: none; padding-left: 0; }
.navbar.Mainnav { display: flex; align-items: center; gap: 1rem; }
@media only screen and (max-width: 767px) { .navbar.Mainnav { flex-direction: column; align-items: flex-start; font-size: 2.2rem; } }
.navbar.Mainnav li { position: relative; padding: 1rem 1.5rem; text-decoration: none; transition: 0.4s; border-bottom: 2px solid transparent; }
@media only screen and (min-width: 768px) { .navbar.Mainnav li.current_page_item, .navbar.Mainnav li:hover { border-bottom: 2px solid var(--themecolor2); } }
.navbar.Mainnav li a { text-decoration: none; color: inherit; }
.navbar.Mainnav li ul { position: absolute; top: 110%; left: 0; display: none; background: white; list-style: none; padding: 0; margin: 0; min-width: 200px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); z-index: 10; border-radius: 1.5rem; }
.navbar.Mainnav li ul li { padding: 1.4rem 2rem; white-space: nowrap; border-bottom: none !important; }
.navbar.Mainnav li ul li:hover { border-bottom: 0; }
.navbar.Mainnav li ul li:hover a { color: var(--themecolor2); }
.navbar.Mainnav li ul li a { display: block; color: inherit; }
.navbar.Mainnav li:hover > ul { display: block; }
.navbar.Mainnav li.menu-item-has-children > a { display: flex; align-items: center; gap: 1rem; }
.navbar.Mainnav li.menu-item-has-children > a::after { content: ""; display: inline-block; width: 1.2rem; height: 1.2rem; background-image: url("../img/chevron_purple.svg"); background-size: contain; background-repeat: no-repeat; margin-left: 0.25rem; transform: translateY(4px); }
@media only screen and (max-width: 767px) { .navbar.Mainnav li.menu-item-has-children a::after { background-image: url("../img/chevron_white.svg"); } }
.navbar.Ctanav { background: var(--themecolor2); color: var(--white); border-radius: var(--nav-borderradius); height: fit-content; pointer-events: all; cursor: pointer; }
.navbar.Ctanav li { padding: var(--button-vspace) var(--button-hspace); }
.navbar.Ctanav:hover { background: var(--themecolor4); }
.navbar.Footernav { line-height: 1.8; padding-left: 0; }
.navbar.Footernav li:hover > a { opacity: 0.6; }
.navbar.bottomnav { display: flex; gap: 3rem; }
.navbar.bottomnav li:hover > a { opacity: 0.6; }

.pagination .page-numbers { border: 1px solid var(--themecolor); width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 100%; }
.pagination .page-numbers.current, .pagination .page-numbers:hover { background: var(--themecolor); color: #fff; }

.Social { display: flex; flex-direction: column; gap: 2rem; margin-top: 2rem; }
.Social .title { font-weight: bold; }
.Social .socials { display: flex; gap: 2rem; }
.Social .socials > *:hover { opacity: .6; }

/*# sourceMappingURL=style.css.map */