.fl-page-content {
  display: flex;
  row-gap: 32px;
  align-items: flex-start;
  margin-bottom: 72px;
}

.fl-page-content .main-nav {
  max-width: 100%;
  width: 100%;
}

.fl-page-content .fl-builder-content {
  width: 100%;
  max-width: 100%;
  /* overflow: visible; */
}

.fl-builder-content .flex_page_header {
  padding: 0 20px;
}

.fl-builder-content .flex_page_header .flex_content_top {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  position: relative;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 18px;
}

.fl-builder-content .flex_page_header .flex_breadcrumbs {
  width: 100%;
}

.fl-builder-content .flex_page_header .is-search-form,
.fl-builder-content .flex_page_header .schoolgids-search-form {
  display: none;
}

.fl-builder-content .flex_page_header .flex_header_actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
}

.fl-builder-content .flex_page_header .flex_breadcrumbs nav * {
  color: rgba(var(--sg-primary-rgb), 0.62);
}
.fl-builder-content .flex_page_header .flex_breadcrumbs nav p a {
  text-decoration: none;
}

.fl-builder-content .flex_page_header .page-title {
  color: var(--sg-primary-dark);
  font-family: var(--sg-font-heading);
  font-weight: var(--sg-heading-weight);
  line-height: 120%;
  letter-spacing: var(--sg-heading-letter-spacing);
  margin: 0;
}

.fl-builder-content .flex_page_header .flex_content_bottom {
  display: block;
}

.schoolgids-pdf-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 0 0 auto;
  min-height: 44px;
  padding: 9px 15px;
  border: 1px solid rgba(var(--sg-primary-rgb), 0.16);
  border-radius: 999px;
  background: var(--sg-surface);
  color: var(--sg-primary);
  box-shadow: 0 10px 28px rgba(var(--sg-text-rgb), 0.08);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    color 180ms ease,
    transform 180ms ease;
}

.schoolgids-pdf-button:hover,
.schoolgids-pdf-button:focus-visible {
  border-color: var(--sg-accent);
  background: var(--sg-accent);
  color: #fff;
  transform: translateY(-1px);
}

.schoolgids-pdf-button:disabled,
.schoolgids-pdf-button.is-loading {
  cursor: wait;
  opacity: 0.72;
  transform: none;
}

.schoolgids-pdf-button__icon::before {
  content: '\e415';
  display: block;
  font-family: 'Material Symbols Rounded';
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}

.schoolgids-pdf-export-root {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 794px;
  min-height: 1123px;
  overflow: visible;
  background: #fff;
  pointer-events: none;
}

.schoolgids-pdf-export {
  width: 794px;
  padding: 42px 46px;
  background: #fff;
  color: #151515;
  font-family: var(--sg-font-body);
  font-size: 15px;
  line-height: 1.55;
  box-sizing: border-box;
}

.schoolgids-pdf-document {
  display: block !important;
}

.schoolgids-pdf-title {
  color: #111 !important;
  font-size: 34px !important;
  line-height: 1.15 !important;
  margin: 0 0 24px !important;
}

.schoolgids-pdf-document .schoolgids-pdf-section {
  display: block !important;
  width: 100% !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #151515 !important;
  break-inside: auto;
  page-break-inside: auto;
}

.schoolgids-pdf-text-block {
  display: block !important;
  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  color: #151515 !important;
}

.schoolgids-pdf-text-block h2 {
  color: var(--sg-accent) !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  margin: 0 0 10px !important;
  break-after: avoid;
  page-break-after: avoid;
}

.schoolgids-pdf-text-block h3 {
  color: #111 !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  margin: 18px 0 8px !important;
}

.schoolgids-pdf-text-block p {
  margin: 0 0 10px !important;
}

.schoolgids-pdf-text-block ul,
.schoolgids-pdf-text-block ol {
  margin: 0 0 12px 18px !important;
  padding: 0 !important;
}

.schoolgids-pdf-text-block li {
  margin: 0 0 5px !important;
}

.schoolgids-pdf-image-block {
  display: block !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  break-inside: avoid;
  page-break-inside: avoid;
}

.schoolgids-pdf-image-block img {
  display: block !important;
  max-width: 100% !important;
  max-height: 100mm !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 8px !important;
}

.schoolgids-pdf-person-card {
  display: grid !important;
  grid-template-columns: 86px 1fr !important;
  gap: 14px !important;
  align-items: center !important;
  width: 100% !important;
  padding: 12px 0 !important;
  margin: 0 0 10px !important;
  border-top: 1px solid #eadde1 !important;
  break-inside: avoid;
  page-break-inside: avoid;
}

.schoolgids-pdf-person-card img {
  display: block !important;
  width: 86px !important;
  height: 86px !important;
  max-width: 86px !important;
  max-height: 86px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

.schoolgids-pdf-person-content {
  min-width: 0 !important;
}

.schoolgids-pdf-person-content .item-title,
.schoolgids-pdf-person-content h2 {
  color: var(--sg-primary) !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  margin: 0 0 4px !important;
}

.schoolgids-pdf-person-content p {
  margin: 0 !important;
}

.schoolgids-pdf-export,
.schoolgids-pdf-export * {
  box-shadow: none !important;
}

.schoolgids-pdf-export .flex_content_top,
.schoolgids-pdf-export .schoolgids-pdf-button,
.schoolgids-pdf-export .page-navigation {
  display: none !important;
}

.schoolgids-pdf-export .schoolgids-pdf-reset-block,
.schoolgids-pdf-export .holder,
.schoolgids-pdf-export .flex_layout:not(.full_width),
.schoolgids-pdf-export .flex_layout_wrapper,
.schoolgids-pdf-export .component__wrapper,
.schoolgids-pdf-export .content-image__section .holder {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.schoolgids-pdf-export .flex_page_header {
  margin: 0 0 24px !important;
}

.schoolgids-pdf-export .flex_content_bottom {
  display: block !important;
}

.schoolgids-pdf-export .page-title {
  color: #111 !important;
  font-size: 34px !important;
  line-height: 1.15 !important;
  margin: 0 0 18px !important;
}

.schoolgids-pdf-export .flex_content,
.schoolgids-pdf-export .flex_layout {
  break-inside: auto;
  page-break-inside: auto;
}

.schoolgids-pdf-export .flex_layout {
  margin-bottom: 24px !important;
}

.schoolgids-pdf-export .schoolgids-pdf-section {
  background: transparent !important;
  color: #111 !important;
}

.schoolgids-pdf-export .schoolgids-pdf-section::before,
.schoolgids-pdf-export .schoolgids-pdf-section::after,
.schoolgids-pdf-export .component-image::before,
.schoolgids-pdf-export .component-image::after {
  content: none !important;
  display: none !important;
}

.schoolgids-pdf-export .schoolgids-pdf-component {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 0 18px !important;
  color: #111 !important;
}

.schoolgids-pdf-export .component-content__wrapper,
.schoolgids-pdf-export .component-content__wrapper * {
  color: #111 !important;
}

.schoolgids-pdf-export .swiper,
.schoolgids-pdf-export .swiper-wrapper,
.schoolgids-pdf-export .swiper-slide,
.schoolgids-pdf-export .blok-slider__swiper-wrapper {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  transform: none !important;
  overflow: visible !important;
}

.schoolgids-pdf-export .component-item {
  display: grid !important;
  grid-template-columns: 86px 1fr !important;
  gap: 14px !important;
  align-items: center !important;
  width: 100% !important;
  padding: 12px 0 !important;
  margin: 0 0 10px !important;
  border-top: 1px solid #eadde1 !important;
  break-inside: avoid;
  page-break-inside: avoid;
}

.schoolgids-pdf-export .component-item__image {
  width: 86px !important;
  height: 86px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
}

.schoolgids-pdf-export .component-item__image img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

.schoolgids-pdf-export .component-item__content {
  min-width: 0 !important;
}

.schoolgids-pdf-export .item-title {
  color: var(--sg-primary) !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  margin: 0 0 4px !important;
}

.schoolgids-pdf-export h2 {
  color: var(--sg-accent) !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  margin: 0 0 10px !important;
  break-after: avoid;
  page-break-after: avoid;
}

.schoolgids-pdf-export h3 {
  color: #111 !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  margin: 18px 0 8px !important;
  break-after: avoid;
  page-break-after: avoid;
}

.schoolgids-pdf-export p {
  margin: 0 0 10px !important;
}

.schoolgids-pdf-export ul,
.schoolgids-pdf-export ol {
  margin: 0 0 12px 18px !important;
  padding: 0 !important;
}

.schoolgids-pdf-export li {
  margin-bottom: 5px !important;
}

.schoolgids-pdf-export figure,
.schoolgids-pdf-export .component-image__wrapper {
  margin: 0 0 14px !important;
  break-inside: avoid;
  page-break-inside: avoid;
}

.schoolgids-pdf-export img {
  display: block !important;
  max-width: 100% !important;
  max-height: 95mm !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 8px !important;
}

/* Page pagination */
.page-navigation {
  padding: 0 20px;
}

.page-navigation .pagination-inner {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 0;
  border-top: 1px solid var(--sg-border);
}

.page-navigation .nav-previous a,
.page-navigation .nav-next a {
  display: flex;
  align-items: center;
  gap: 2px;
  text-decoration: none;
}

.page-navigation .nav-previous *,
.page-navigation .nav-next * {
  font-size: 16px;
  color: var(--sg-primary);
}

.fl-page-content .page-navigation .nav-previous *:hover,
.fl-page-content .page-navigation .nav-next *:hover {
  color: var(--sg-accent);
  text-decoration: none;
}

.page-navigation .nav-previous a::before,
.page-navigation .nav-next a::after {
  font-family: 'Material Symbols Rounded';
  content: '\e5c4';
  font-weight: 300;
  font-size: 21px;
  color: inherit;
  line-height: 1.2;
  position: relative;
}

.page-navigation .nav-previous a::before {
  content: '\e5c4';
}

.page-navigation .nav-next a::after {
  content: '\e5c8';
}

/* Searchpage Pagination */
.fl-page ul.page-numbers {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.fl-page ul.page-numbers li {
  flex-shrink: 0;
  aspect-ratio: 1 / 1;
  width: 40px;
  height: 40px;
}

.fl-page ul.page-numbers li .page-numbers {
  border: unset;
  background: unset;
}

.fl-page ul.page-numbers li .next,
.fl-page ul.page-numbers li .prev {
  text-indent: -9999px;
  position: relative;
  border: unset;
  background: unset;
}

.fl-page ul.page-numbers li .page-numbers.next::after,
.fl-page ul.page-numbers li .page-numbers.prev::after {
  content: '';
  height: 12px;
  width: 12px;
  border: none;
  display: inline-block;
  background-color: var(--sg-primary);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 250ms ease-in-out;
}

.fl-page ul.page-numbers li .page-numbers.prev::after {
  mask: url(/wp-content/uploads/2025/05/Icon-4.svg) no-repeat center / contain;
  -webkit-mask: url(/wp-content/uploads/2025/05/Icon-4.svg) no-repeat center /
    contain;
}

.fl-page ul.page-numbers li .page-numbers.next::after {
  mask: url(/wp-content/uploads/2025/05/next-icon.svg) no-repeat center /
    contain;
  -webkit-mask: url(/wp-content/uploads/2025/05/next-icon.svg) no-repeat center /
    contain;
}

.fl-page ul.page-numbers li .page-numbers:hover,
.fl-page ul.page-numbers li .page-numbers:hover {
  background: unset;
}

@media screen and (max-width: 767px) {
  .fl-page-content {
    flex-wrap: wrap;
    row-gap: 24px;
    margin-bottom: 48px;
  }

  .fl-page-content .main-nav {
    padding: 16px 16px 0;
  }

  /* Top content */
  .fl-builder-content .flex_page_header {
    margin-bottom: 28px;
  }

  .fl-builder-content .flex_page_header .flex_content_top {
    gap: 20px;
    margin-bottom: 18px;
  }

  .fl-builder-content .flex_page_header .flex_header_actions {
    justify-content: stretch;
    gap: 10px;
  }

  .schoolgids-pdf-button {
    min-height: 38px;
    padding: 8px 12px;
  }
}

@media screen and (min-width: 767px) {
  .fl-page-content {
    display: block;
    padding-left: min(37vw, var(--sg-nav-width));
  }

  .fl-page-content .main-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: min(37vw, var(--sg-nav-width));
    max-width: min(37vw, var(--sg-nav-width));
    height: 100vh;
    height: 100dvh;
  }

  body.admin-bar .fl-page-content .main-nav {
    top: 32px;
    height: calc(100vh - 32px);
    height: calc(100dvh - 32px);
  }

  /* Top content */
  .fl-builder-content .flex_page_header {
    margin-top: 62px;
    margin-bottom: 36px;
  }

  .fl-builder-content .flex_page_header .flex_content_top {
    margin-bottom: 20px;
  }

  .fl-builder-content .flex_page_header .is-search-form,
  .fl-builder-content .flex_page_header .schoolgids-search-form {
    display: block;
  }

  .fl-builder-content .flex_page_header .schoolgids-search-form {
    display: flex;
  }

  .fl-builder-content .flex_page_header .flex_header_actions {
    margin-left: auto;
    width: auto;
  }

  .fl-builder-content .flex_page_header .flex_content_bottom {
    max-width: 760px;
  }
}

@media print {
  @page {
    margin: 14mm;
  }

  html,
  body {
    overflow: visible !important;
    background: #fff !important;
  }

  body {
    color: #111 !important;
    font-size: 11pt !important;
  }

  body .fl-page {
    background: #fff !important;
  }

  .main-nav,
  body .fl-page > header.fl-builder-content[data-type='header'],
  body .fl-page > footer,
  .fl-builder-content .flex_page_header .flex_content_top,
  .schoolgids-pdf-button,
  .page-navigation,
  #cmplz-cookiebanner-container,
  #cmplz-manage-consent {
    display: none !important;
  }

  .fl-page-content {
    display: block !important;
    padding-left: 0 !important;
    margin: 0 !important;
  }

  .fl-page-content .fl-builder-content,
  .fl-builder-content .flex_page_header,
  #pk_flex_content,
  #pk_flex_content .holder,
  #pk_flex_content .flex_layout:not(.full_width),
  .flex_layout,
  .flex_layout_wrapper {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-shadow: none !important;
  }

  .fl-builder-content .flex_page_header {
    margin: 0 0 10mm !important;
  }

  .fl-builder-content .flex_page_header .flex_content_bottom {
    display: block !important;
  }

  .fl-builder-content .flex_page_header .page-title {
    color: #111 !important;
    font-size: 28pt !important;
    line-height: 1.15 !important;
  }

  .flex_content,
  .flex_layout {
    break-inside: avoid-page;
    page-break-inside: avoid;
  }

  .flex_layout.content_media,
  .flex_layout.content_split,
  .flex_layout.content_blok,
  .flex_layout.leden_blok {
    margin-bottom: 10mm !important;
  }

  .component-image__wrapper,
  .component-image,
  img {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
    height: auto !important;
  }

  a {
    color: #111 !important;
    text-decoration: underline !important;
  }
}

@media screen and (min-width: 990px) {
  /* .fl-page-content .main-nav{
        max-width: 25%;
    } */

  .fl-page-content .fl-builder-content .flex_page_header {
    padding: 0 50px;
  }

  .fl-builder-content .flex_page_header .flex_content_top {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 15px;
  }

  .fl-builder-content .flex_page_header .flex_breadcrumbs {
    grid-column: 1 / 8;
  }

  .fl-builder-content .flex_page_header .is-search-form,
  .fl-builder-content .flex_page_header .schoolgids-search-form {
    grid-column: 9 / 13;
    max-width: 220px;
  }
  /* Page pagination */
  .page-navigation {
    padding: 20px 50px;
  }
}

@media screen and (min-width: 1199px) {
  .fl-page-content {
    padding-left: var(--sg-nav-width);
  }

  .fl-page-content .main-nav {
    width: var(--sg-nav-width);
    max-width: var(--sg-nav-width);
  }

  .fl-page-content .fl-builder-content {
    width: 100%;
  }
}

@media screen and (min-width: 1399px) {
  /* .fl-page-content .fl-builder-content {
    max-width: calc(100% - var(--sg-nav-width));
  } */

  .fl-builder-content .flex_page_header .flex_content_top {
    margin-bottom: 5px;
  }
}