@charset "UTF-8";
/**************************************************
 *  Base
 **************************************************/
html {
  box-sizing: border-box;
  font-size: 18px;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body,
figure {
  margin: 0;
  padding: 0;
}

body, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

.hide-contextual .contextual,
.ot-hide-contextual .contextual {
  display: none;
}

/*********************************************
 UNITS
*********************************************/
/* nunito-sans-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/nunito/nunito-sans-v15-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-300italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/nunito/nunito-sans-v15-latin-300italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/nunito/nunito-sans-v15-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/nunito/nunito-sans-v15-latin-italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/nunito/nunito-sans-v15-latin-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-500italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/nunito/nunito-sans-v15-latin-500italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/nunito/nunito-sans-v15-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-600italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/nunito/nunito-sans-v15-latin-600italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/nunito/nunito-sans-v15-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-700italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/nunito/nunito-sans-v15-latin-700italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/nunito/nunito-sans-v15-latin-800.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-800italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/nunito/nunito-sans-v15-latin-800italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body {
  font-family: "Nunito Sans", Sans-Serif;
  line-height: 1.4em;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon/icomoon.eot?gb9zgw");
  src: url("../fonts/icomoon/icomoon.eot?gb9zgw#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.woff2?gb9zgw") format("woff2"), url("../fonts/icomoon/icomoon.ttf?gb9zgw") format("truetype"), url("../fonts/icomoon/icomoon.woff?gb9zgw") format("woff"), url("../fonts/icomoon/icomoon.svg?gb9zgw#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icomoon, .bundle-type-project.view-mode-full.field-authority-ref a:before, .field-links a:after, .field-project-sector-ref:after, .field-project-state-ref:after, .field-project-scope-ref:after, .field-project-date:after, .field-authority-ref:after, .field-mobile:after, .ot-toggle input:checked ~ .checkmark:after, .form-type-checkbox .checkmark:after, .ot-quotebox:before, .field-phone:after, .field-block-phone:before, .field-email:after, .field-block-link-instagram a:before, .field-block-link-youtube a:before, .field-block-link-linkedin a:before, .field-block-link-twitter a:before, .field-block-link-facebook a:before, .bundle-type-document.view-mode-link a:after, .media--type-document .field-media-document a:after, .view.view-display-id-block_subpages_label > .view-content > .item-list > ul > li a:after, .paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-link a:after,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-link a:after, .node--type-systempage.node-3 > .inner .alpha > .field-content > ul > li:before, .paragraph--view-mode-paragraph-embed.paragraph--type-box-icon > .inner:after, nav.breadcrumb ol li:after, .main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > .menu-item--toggle > a:after,
.main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > a:after,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > .menu-item--toggle > a:after,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > a:after, .toc-mobile-btn:before, .field-para-links a:after, .field-para-link a:after, .field-block-links a:after, .bundle-type-footer.field-footer-link:after, .region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after, .region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after, .region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after, .region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after, .region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after, .region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after, ul.menu-subpage-toggle > li.menu-item.menu-item--expanded > .menu-item--toggle button.ot-subpage-toggle-button:after, .main-menu-subpages ul.menu li.menu-item.menu-item--collapsed > a:after,
.service-menu-subpages ul.menu li.menu-item.menu-item--collapsed > a:after, .ot-form-type-select:after, .node--type-project.node--view-mode-full .group-project-accordion-wrapper > .field > .field__label:after, .node--type-project.node--view-mode-full .group-project-accordion-wrapper > .project-show-all-wrapper > .project-accordion-show-all:after, .collapsible-section[aria-expanded=false]:after, .region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle.active:after, .region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle.active:after, .region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle.active:after, .region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle.active:after, .region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle.active:after, .region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle.active:after, ul.menu-subpage-toggle > li.menu-item.menu-item--expanded > .menu-item--toggle.toggle-menu-expanded > button.ot-subpage-toggle-button:after, .main-menu-subpages ul.menu li.menu-item.menu-item--expanded > a:after,
.service-menu-subpages ul.menu li.menu-item.menu-item--expanded > a:after, .node--type-project.node--view-mode-full .group-project-accordion-wrapper > .project-show-all-wrapper > .project-accordion-show-all.project-show-all-active:after, .collapsible-section[aria-expanded=true]:after, .collapsible-section-controls > button:before, .block-facets-summary:not(.contextual-region) ul li a:after, .ot-toggle input ~ .checkmark:after, .ot-close-menu:after, .bundle-type-footer.field-block-email:before,
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bundle-type-footer.field-block-email:before {
  content: "";
}

.block-facets-summary:not(.contextual-region) ul li a:after, .ot-toggle input ~ .checkmark:after, .ot-close-menu:after {
  content: "";
}

.collapsible-section-controls > button:before {
  content: "";
}

.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle.active:after, .region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle.active:after, .region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle.active:after, .region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle.active:after, .region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle.active:after, .region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle.active:after, ul.menu-subpage-toggle > li.menu-item.menu-item--expanded > .menu-item--toggle.toggle-menu-expanded > button.ot-subpage-toggle-button:after, .main-menu-subpages ul.menu li.menu-item.menu-item--expanded > a:after,
.service-menu-subpages ul.menu li.menu-item.menu-item--expanded > a:after, .node--type-project.node--view-mode-full .group-project-accordion-wrapper > .project-show-all-wrapper > .project-accordion-show-all.project-show-all-active:after, .collapsible-section[aria-expanded=true]:after {
  content: "";
}

.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after, .region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after, .region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after, .region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after, .region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after, .region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after, ul.menu-subpage-toggle > li.menu-item.menu-item--expanded > .menu-item--toggle button.ot-subpage-toggle-button:after, .main-menu-subpages ul.menu li.menu-item.menu-item--collapsed > a:after,
.service-menu-subpages ul.menu li.menu-item.menu-item--collapsed > a:after, .ot-form-type-select:after, .node--type-project.node--view-mode-full .group-project-accordion-wrapper > .field > .field__label:after, .node--type-project.node--view-mode-full .group-project-accordion-wrapper > .project-show-all-wrapper > .project-accordion-show-all:after, .collapsible-section[aria-expanded=false]:after {
  content: "";
}

.view.view-display-id-block_subpages_label > .view-content > .item-list > ul > li a:after, .paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-link a:after,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-link a:after, .node--type-systempage.node-3 > .inner .alpha > .field-content > ul > li:before, .paragraph--view-mode-paragraph-embed.paragraph--type-box-icon > .inner:after, nav.breadcrumb ol li:after, .main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > .menu-item--toggle > a:after,
.main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > a:after,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > .menu-item--toggle > a:after,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > a:after, .toc-mobile-btn:before, .field-para-links a:after, .field-para-link a:after, .field-block-links a:after, .bundle-type-footer.field-footer-link:after {
  content: "";
}

.bundle-type-document.view-mode-link a:after, .media--type-document .field-media-document a:after {
  content: "";
}

.field-block-link-facebook a:before {
  content: "";
}

.field-block-link-twitter a:before {
  content: "";
}

.field-block-link-linkedin a:before {
  content: "";
}

.field-block-link-youtube a:before {
  content: "";
}

.field-block-link-instagram a:before {
  content: "";
}

.field-email:after {
  content: "";
}

.field-phone:after, .field-block-phone:before {
  content: "";
}

.ot-quotebox:before {
  content: "";
}

.ot-toggle input:checked ~ .checkmark:after, .form-type-checkbox .checkmark:after {
  content: "";
}

.field-mobile:after {
  content: "";
}

.field-authority-ref:after {
  content: "";
}

.field-project-date:after {
  content: "";
}

.field-project-scope-ref:after {
  content: "";
}

.field-project-state-ref:after {
  content: "";
}

.field-project-sector-ref:after {
  content: "";
}

.bundle-type-project.view-mode-full.field-authority-ref a:before, .field-links a:after {
  content: "";
}

:root,
[data-theme=default] {
  --color-primary: #D31638;
  --color-primary-lighter: #F6E2E6;
  --color-primary-darker: #7D0E22;
  --color-primary-con: #ffffff;
  --color-primary-lighter-con: #000000;
  --color-primary-darker-con: #ffffff;
  --color-secondary: #d3b3f8;
  --color-secondary-lighter: #e7daf6;
  --color-secondary-darker: #a55df9;
  --color-secondary-con: #000;
  --color-secondary-lighter-con: #000;
  --color-secondary-darker-con: #FFF;
  --color-tertiary: #90DEDE;
  --color-tertiary-lighter: #EDFAFA;
  --color-tertiary-darker: #175252;
  --color-tertiary-con: #000;
  --color-tertiary-lighter-con: #000;
  --color-tertiary-darker-con: #FFF;
  --color-grey-50: #fafafa;
  --color-grey-100: #f5f5f5;
  --color-grey-200: #eeeeee;
  --color-grey-300: #E0e0e0;
  --color-grey-400: #bdbdbd;
  --color-grey-500: #9e9e9e;
  --color-grey-600: #757575;
  --color-grey-700: #616161;
  --color-grey-800: #424242;
  --color-grey-900: #212121;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-focus: #ae25f8;
  --color-focus-con: #ffffff;
  --color-facebook: #3b5897;
  --color-facebook-darker: hsl(221, 44%, 26%);
  --color-twitter: #00aceb;
  --color-twitter-darker: hsl(196, 100%, 31%);
  --color-linkedin: #0074b3;
  --color-linkedin-darker: hsl(201, 100%, 20%);
  --color-youtube: #cd181e;
  --color-youtube-darker: hsl(358, 79%, 30%);
  --color-warning: #e9c7c4;
  --color-confirm: #c4eac0;
}

:root {
  --link-color: var(--color-primary);
  --link-color-hover: var(--color-primary-darker);
  --btn-color: var(--color-secondary-lighter);
  --btn-font-color: var(--color-secondary-lighter-con);
  --btn-color-hover: var(--color-primary-lighter);
  --btn-font-color-hover: var(--color-primary-lighter-con);
  --search-field-toggle-size: 40px;
  --search-field-toggle-line-size: 3px;
  --search-field-toggle-icon-clr: var(--color-black);
  --search-field-toggle-background-clr: transparent;
  --mobile-menu-toggle-size: 40px;
  --mobile-menu-toggle-line-size: 3px;
  --mobile-menu-toggle-icon-clr: var(--color-primary-con);
  --mobile-menu-toggle-background-clr: var(--color-primary);
  --mobile-menu-close-btn: var(--color-primary);
  --mobile-menu-close-btn-con: var(--color-primary-con);
  --col-grid-template-column: 1fr;
  --col-grid-gap: 12px;
  --ot-layout-col: 1fr;
  --ot-layout-gap: 12px;
  --gap-box-content: 12px;
  --gap-list-content: 12px;
  --gap-para-content: 24px;
  --gap-node-content: 12px;
}

#search-field-toggle {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  font-size: 0;
  width: var(--search-field-toggle-size);
  height: var(--search-field-toggle-size);
  background: var(--search-field-toggle-background-clr);
  position: relative;
  cursor: pointer;
}
#search-field-toggle:hover {
  background: none;
  color: var(--color-black) !important;
}
#search-field-toggle:before, #search-field-toggle:after {
  display: none;
}
@media screen and (min-width: 992px) {
  #search-field-toggle:hover > .search-icon:before {
    transform: scale(1.1);
  }
}
#search-field-toggle > .search-icon:before {
  content: "";
  position: absolute;
  display: block;
  top: 15%;
  left: 15%;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  border-width: calc(var(--search-field-toggle-line-size) / 1.5);
  border-style: solid;
  border-color: var(--search-field-toggle-icon-clr);
  transition: all 0.3s ease-in-out;
}
#search-field-toggle > .search-icon:after {
  content: "";
  position: absolute;
  bottom: 20%;
  right: 28%;
  width: 30%;
  height: calc(var(--search-field-toggle-line-size) / 1.5);
  margin-top: -2px;
  background-color: var(--search-field-toggle-icon-clr);
  transform: rotate(45deg);
  transform-origin: right bottom;
  transition: all 0.3s ease-in-out;
}
#search-field-toggle > .cross {
  height: 80%;
  width: 80%;
  transform: rotate(45deg);
  position: absolute;
  top: 10%;
  left: 10%;
}
#search-field-toggle > .cross:before {
  content: "";
  height: 0%;
  width: var(--search-field-toggle-line-size);
  position: absolute;
  top: 0;
  left: calc(50% - calc(var(--search-field-toggle-line-size) / 2));
  background-color: var(--search-field-toggle-icon-clr);
  transition-delay: 0s;
  transition: all 0.3s ease-in-out;
}
#search-field-toggle > .cross:after {
  content: "";
  width: 0%;
  height: var(--search-field-toggle-line-size);
  position: absolute;
  left: 0;
  top: calc(50% - calc(var(--search-field-toggle-line-size) / 2));
  background-color: var(--search-field-toggle-icon-clr);
  transition-delay: 0.25s;
  transition: all 0.3s ease-in-out;
}
#search-field-toggle.active > .search-icon:before {
  width: 0;
  height: 0;
  border-color: transparent !important;
}
#search-field-toggle.active > .search-icon:after {
  width: 0;
}

#mobile-menu-toggle {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  font-size: 0;
  width: var(--mobile-menu-toggle-size);
  height: var(--mobile-menu-toggle-size);
  background-color: var(--mobile-menu-toggle-background-clr);
  transition: background-color 0.2s ease-in-out;
  position: relative;
  border-radius: 0;
}
#mobile-menu-toggle:hover {
  background: none;
  color: var(--color-black) !important;
}
#mobile-menu-toggle:before, #mobile-menu-toggle:after {
  display: none;
}
#mobile-menu-toggle:hover {
  background-color: var(--mobile-menu-toggle-background-clr);
}
#mobile-menu-toggle > span > span {
  display: block;
  background: var(--mobile-menu-toggle-icon-clr);
  border-radius: 2px;
  transition: 0.25s ease-in-out;
}
#mobile-menu-toggle #hamburger {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
}
#mobile-menu-toggle #hamburger span {
  width: 100%;
  height: var(--mobile-menu-toggle-line-size);
  position: relative;
  top: 0;
  left: 0;
  margin: 5px 0;
}
#mobile-menu-toggle #hamburger span:nth-child(1) {
  transition-delay: 0.5s;
}
#mobile-menu-toggle #hamburger span:nth-child(2) {
  transition-delay: 0.625s;
}
#mobile-menu-toggle #hamburger span:nth-child(3) {
  transition-delay: 0.75s;
}
#mobile-menu-toggle > .cross {
  height: 80%;
  width: 80%;
  transform: rotate(45deg);
  position: absolute;
  top: 10%;
  left: 10%;
}
#mobile-menu-toggle > .cross:before {
  content: "";
  height: 0%;
  width: var(--mobile-menu-toggle-line-size);
  position: absolute;
  top: 0;
  left: calc(50% - calc(var(--mobile-menu-toggle-line-size)/2));
  background-color: var(--mobile-menu-toggle-icon-clr);
  transition-delay: 0s;
  transition: all 0.3s ease-in-out;
}
#mobile-menu-toggle > .cross:after {
  content: "";
  width: 0%;
  height: var(--mobile-menu-toggle-line-size);
  position: absolute;
  left: 0;
  top: calc(50% - calc(var(--mobile-menu-toggle-line-size)/2));
  background-color: var(--mobile-menu-toggle-icon-clr);
  transition-delay: 0.25s;
  transition: all 0.3s ease-in-out;
}
#mobile-menu-toggle.open #hamburger span {
  width: 0%;
}
#mobile-menu-toggle.open #hamburger span:nth-child(1) {
  transition-delay: 0s;
}
#mobile-menu-toggle.open #hamburger span:nth-child(2) {
  transition-delay: 0.125s;
}
#mobile-menu-toggle.open #hamburger span:nth-child(3) {
  transition-delay: 0.25s;
}

.ot-close-menu {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  font-size: 1.3rem;
  display: inline-flex;
  align-items: baseline;
  padding: 6px;
  background-color: var(--mobile-menu-close-btn);
  color: var(--mobile-menu-close-btn-con);
  transition: all 200ms ease-in-out;
}
.ot-close-menu:hover {
  background: none;
  color: var(--color-black) !important;
}
.ot-close-menu:before, .ot-close-menu:after {
  display: none;
}
.ot-close-menu > span {
  display: none;
}
.ot-close-menu:after {
  font-size: 1.3rem;
}
.ot-close-menu:hover {
  background-color: var(--mobile-menu-close-btn);
  color: var(--mobile-menu-close-btn-con);
  filter: brightness(1.3);
}

body {
  background-color: var(--color-grey-50);
}

.user-logged-in .skip-link:focus {
  outline: none;
  padding: 12px;
  display: block;
  width: 100%;
  text-align: center;
  background-color: var(--color-focus);
  color: var(--color-focus-con);
}

.status-unpublished:not(.node-89) {
  outline: dashed 3px red;
  position: relative;
  z-index: 20;
}
.status-unpublished:not(.node-89):after {
  content: "IKKE UDGIVET";
  display: block;
  color: var(--color-white);
  background: red;
  padding: 0 12px;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.375em;
  position: absolute;
  top: -3px;
  right: -3px;
}

body.path-user main {
  margin-top: 24px;
  padding: 72px 0;
}
body.path-user main #user-login-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 0 auto;
  padding: 24px;
  background-color: var(--color-grey-100);
  border-radius: 12px;
}
@media screen and (min-width: 992px) {
  body.path-user main #user-login-form {
    width: 50%;
  }
}
body.path-user main #user-login-form .login-title {
  margin-bottom: 0;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
}
body.path-user main #user-login-form .js-form-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body.path-user main #user-login-form .forgot-password {
  margin-bottom: 0;
}
body.path-user main #user-login-form .form-actions {
  text-align: center;
}

.ot-sectionbox-wrapper > .ot-sectionbox-inner,
.ot-columnbox-wrapper > .ot-columnbox-left-content,
.ot-columnbox-wrapper > .ot-columnbox-right-content,
figure.ot-factbox .ot-factbox-content,
figure.ot-quotebox {
  --color-table-caption: var(--color-secondary-lighter);
  --color-table-caption-con: var(--color-secondary-lighter-con);
  --color-table-header: var(--color-secondary-lighter);
  --color-table-header-con: var(--color-secondary-lighter-con);
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h2,
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h3,
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h4,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h2,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h3,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h4,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h2,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h3,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h4,
figure.ot-factbox .ot-factbox-content > h2,
figure.ot-factbox .ot-factbox-content > h3,
figure.ot-factbox .ot-factbox-content > h4,
figure.ot-quotebox > h2,
figure.ot-quotebox > h3,
figure.ot-quotebox > h4 {
  margin-top: 36px;
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  .ot-sectionbox-wrapper > .ot-sectionbox-inner > h2,
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h3,
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h4,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h2,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h3,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h4,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h2,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h3,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h4,
figure.ot-factbox .ot-factbox-content > h2,
figure.ot-factbox .ot-factbox-content > h3,
figure.ot-factbox .ot-factbox-content > h4,
figure.ot-quotebox > h2,
figure.ot-quotebox > h3,
figure.ot-quotebox > h4 {
    margin-top: 48px;
  }
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h2:first-child,
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h3:first-child,
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h4:first-child,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h2:first-child,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h3:first-child,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h4:first-child,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h2:first-child,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h3:first-child,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h4:first-child,
figure.ot-factbox .ot-factbox-content > h2:first-child,
figure.ot-factbox .ot-factbox-content > h3:first-child,
figure.ot-factbox .ot-factbox-content > h4:first-child,
figure.ot-quotebox > h2:first-child,
figure.ot-quotebox > h3:first-child,
figure.ot-quotebox > h4:first-child {
  margin-top: 0;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h2 + h3,
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h2 + h4,
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h2 + h5,
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h3 + h3,
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h3 + h4,
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h3 + h5,
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h4 + h3,
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h4 + h4,
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h4 + h5,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h2 + h3,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h2 + h4,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h2 + h5,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h3 + h3,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h3 + h4,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h3 + h5,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h4 + h3,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h4 + h4,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h4 + h5,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h2 + h3,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h2 + h4,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h2 + h5,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h3 + h3,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h3 + h4,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h3 + h5,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h4 + h3,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h4 + h4,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h4 + h5,
figure.ot-factbox .ot-factbox-content > h2 + h3,
figure.ot-factbox .ot-factbox-content > h2 + h4,
figure.ot-factbox .ot-factbox-content > h2 + h5,
figure.ot-factbox .ot-factbox-content > h3 + h3,
figure.ot-factbox .ot-factbox-content > h3 + h4,
figure.ot-factbox .ot-factbox-content > h3 + h5,
figure.ot-factbox .ot-factbox-content > h4 + h3,
figure.ot-factbox .ot-factbox-content > h4 + h4,
figure.ot-factbox .ot-factbox-content > h4 + h5,
figure.ot-quotebox > h2 + h3,
figure.ot-quotebox > h2 + h4,
figure.ot-quotebox > h2 + h5,
figure.ot-quotebox > h3 + h3,
figure.ot-quotebox > h3 + h4,
figure.ot-quotebox > h3 + h5,
figure.ot-quotebox > h4 + h3,
figure.ot-quotebox > h4 + h4,
figure.ot-quotebox > h4 + h5 {
  margin-top: 0;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner ul,
.ot-columnbox-wrapper > .ot-columnbox-left-content ul,
.ot-columnbox-wrapper > .ot-columnbox-right-content ul,
figure.ot-factbox .ot-factbox-content ul,
figure.ot-quotebox ul {
  display: table;
  list-style: none;
  list-style-type: none !important;
  padding: 0;
  margin: 0;
  margin-bottom: 24px;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner ul:last-child,
.ot-columnbox-wrapper > .ot-columnbox-left-content ul:last-child,
.ot-columnbox-wrapper > .ot-columnbox-right-content ul:last-child,
figure.ot-factbox .ot-factbox-content ul:last-child,
figure.ot-quotebox ul:last-child {
  margin-bottom: 0;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner ul li,
.ot-columnbox-wrapper > .ot-columnbox-left-content ul li,
.ot-columnbox-wrapper > .ot-columnbox-right-content ul li,
figure.ot-factbox .ot-factbox-content ul li,
figure.ot-quotebox ul li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner ul li:before,
.ot-columnbox-wrapper > .ot-columnbox-left-content ul li:before,
.ot-columnbox-wrapper > .ot-columnbox-right-content ul li:before,
figure.ot-factbox .ot-factbox-content ul li:before,
figure.ot-quotebox ul li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: var(--default-first-list-color, var(--color-primary));
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 4px;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner ul li:last-child,
.ot-columnbox-wrapper > .ot-columnbox-left-content ul li:last-child,
.ot-columnbox-wrapper > .ot-columnbox-right-content ul li:last-child,
figure.ot-factbox .ot-factbox-content ul li:last-child,
figure.ot-quotebox ul li:last-child {
  margin-bottom: 0;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner ul li > ul,
.ot-columnbox-wrapper > .ot-columnbox-left-content ul li > ul,
.ot-columnbox-wrapper > .ot-columnbox-right-content ul li > ul,
figure.ot-factbox .ot-factbox-content ul li > ul,
figure.ot-quotebox ul li > ul {
  list-style: none;
  padding: 0;
  margin-top: 6px;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner ul li > ul > li,
.ot-columnbox-wrapper > .ot-columnbox-left-content ul li > ul > li,
.ot-columnbox-wrapper > .ot-columnbox-right-content ul li > ul > li,
figure.ot-factbox .ot-factbox-content ul li > ul > li,
figure.ot-quotebox ul li > ul > li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner ul li > ul > li:before,
.ot-columnbox-wrapper > .ot-columnbox-left-content ul li > ul > li:before,
.ot-columnbox-wrapper > .ot-columnbox-right-content ul li > ul > li:before,
figure.ot-factbox .ot-factbox-content ul li > ul > li:before,
figure.ot-quotebox ul li > ul > li:before {
  background-color: var(--default-second-list-color, var(--color-primary-darker));
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner ul li > ul > li:last-child,
.ot-columnbox-wrapper > .ot-columnbox-left-content ul li > ul > li:last-child,
.ot-columnbox-wrapper > .ot-columnbox-right-content ul li > ul > li:last-child,
figure.ot-factbox .ot-factbox-content ul li > ul > li:last-child,
figure.ot-quotebox ul li > ul > li:last-child {
  margin-bottom: 0;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner ol,
.ot-columnbox-wrapper > .ot-columnbox-left-content ol,
.ot-columnbox-wrapper > .ot-columnbox-right-content ol,
figure.ot-factbox .ot-factbox-content ol,
figure.ot-quotebox ol {
  counter-reset: custom-counter;
  list-style: none;
  padding-left: 19.2px;
  margin: 0;
  margin-bottom: 24px;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner ol:last-child,
.ot-columnbox-wrapper > .ot-columnbox-left-content ol:last-child,
.ot-columnbox-wrapper > .ot-columnbox-right-content ol:last-child,
figure.ot-factbox .ot-factbox-content ol:last-child,
figure.ot-quotebox ol:last-child {
  margin-bottom: 0;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner ol > li,
.ot-columnbox-wrapper > .ot-columnbox-left-content ol > li,
.ot-columnbox-wrapper > .ot-columnbox-right-content ol > li,
figure.ot-factbox .ot-factbox-content ol > li,
figure.ot-quotebox ol > li {
  margin-bottom: 12px;
  padding-left: 8px;
  position: relative;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner ol > li:before,
.ot-columnbox-wrapper > .ot-columnbox-left-content ol > li:before,
.ot-columnbox-wrapper > .ot-columnbox-right-content ol > li:before,
figure.ot-factbox .ot-factbox-content ol > li:before,
figure.ot-quotebox ol > li:before {
  counter-increment: custom-counter;
  content: counter(custom-counter);
  display: block;
  height: 22px;
  width: 22px;
  line-height: 23px;
  border-radius: 50%;
  background-color: var(--default-first-list-color, var(--color-primary));
  text-align: center;
  color: var(--default-first-list-color-con, var(--color-primary-con));
  font-size: 0.75rem;
  position: absolute;
  top: 2px;
  left: -19px;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner ol > li:last-child,
.ot-columnbox-wrapper > .ot-columnbox-left-content ol > li:last-child,
.ot-columnbox-wrapper > .ot-columnbox-right-content ol > li:last-child,
figure.ot-factbox .ot-factbox-content ol > li:last-child,
figure.ot-quotebox ol > li:last-child {
  margin-bottom: 0;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner ol > li > ol,
.ot-columnbox-wrapper > .ot-columnbox-left-content ol > li > ol,
.ot-columnbox-wrapper > .ot-columnbox-right-content ol > li > ol,
figure.ot-factbox .ot-factbox-content ol > li > ol,
figure.ot-quotebox ol > li > ol {
  margin-top: 6px;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner ol > li > ol > li,
.ot-columnbox-wrapper > .ot-columnbox-left-content ol > li > ol > li,
.ot-columnbox-wrapper > .ot-columnbox-right-content ol > li > ol > li,
figure.ot-factbox .ot-factbox-content ol > li > ol > li,
figure.ot-quotebox ol > li > ol > li {
  margin-bottom: 12px;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h1,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h1,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h1,
figure.ot-factbox .ot-factbox-content > h1,
figure.ot-quotebox > h1 {
  font-size: 2rem;
  line-height: 1.3em;
  font-family: "Nunito Sans", Sans-Serif;
}
@media screen and (min-width: 992px) {
  .ot-sectionbox-wrapper > .ot-sectionbox-inner > h1,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h1,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h1,
figure.ot-factbox .ot-factbox-content > h1,
figure.ot-quotebox > h1 {
    font-size: 2.5rem;
  }
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h2,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h2,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h2,
figure.ot-factbox .ot-factbox-content > h2,
figure.ot-quotebox > h2 {
  font-size: 1.5rem;
  line-height: 1.2em;
  font-family: "Nunito Sans", Sans-Serif;
}
@media screen and (min-width: 992px) {
  .ot-sectionbox-wrapper > .ot-sectionbox-inner > h2,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h2,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h2,
figure.ot-factbox .ot-factbox-content > h2,
figure.ot-quotebox > h2 {
    font-size: 2rem;
  }
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h3,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h3,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h3,
figure.ot-factbox .ot-factbox-content > h3,
figure.ot-quotebox > h3 {
  font-size: 1.375rem;
  line-height: 1.2em;
  font-family: "Nunito Sans", Sans-Serif;
}
@media screen and (min-width: 992px) {
  .ot-sectionbox-wrapper > .ot-sectionbox-inner > h3,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h3,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h3,
figure.ot-factbox .ot-factbox-content > h3,
figure.ot-quotebox > h3 {
    font-size: 1.5rem;
  }
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h4,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h4,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h4,
figure.ot-factbox .ot-factbox-content > h4,
figure.ot-quotebox > h4 {
  font-size: 1.25rem;
  font-family: "Nunito Sans", Sans-Serif;
}
@media screen and (min-width: 992px) {
  .ot-sectionbox-wrapper > .ot-sectionbox-inner > h4,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h4,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h4,
figure.ot-factbox .ot-factbox-content > h4,
figure.ot-quotebox > h4 {
    font-size: 1.375rem;
  }
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h5,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h5,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h5,
figure.ot-factbox .ot-factbox-content > h5,
figure.ot-quotebox > h5 {
  font-size: 0.83rem;
  font-family: "Nunito Sans", Sans-Serif;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner > h6,
.ot-columnbox-wrapper > .ot-columnbox-left-content > h6,
.ot-columnbox-wrapper > .ot-columnbox-right-content > h6,
figure.ot-factbox .ot-factbox-content > h6,
figure.ot-quotebox > h6 {
  font-size: 0.67rem;
  font-family: "Nunito Sans", Sans-Serif;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner > figure,
.ot-sectionbox-wrapper > .ot-sectionbox-inner > div,
.ot-sectionbox-wrapper > .ot-sectionbox-inner > p,
.ot-columnbox-wrapper > .ot-columnbox-left-content > figure,
.ot-columnbox-wrapper > .ot-columnbox-left-content > div,
.ot-columnbox-wrapper > .ot-columnbox-left-content > p,
.ot-columnbox-wrapper > .ot-columnbox-right-content > figure,
.ot-columnbox-wrapper > .ot-columnbox-right-content > div,
.ot-columnbox-wrapper > .ot-columnbox-right-content > p,
figure.ot-factbox .ot-factbox-content > figure,
figure.ot-factbox .ot-factbox-content > div,
figure.ot-factbox .ot-factbox-content > p,
figure.ot-quotebox > figure,
figure.ot-quotebox > div,
figure.ot-quotebox > p {
  margin-top: 0;
  margin-bottom: 24px;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner > figure:last-child,
.ot-sectionbox-wrapper > .ot-sectionbox-inner > div:last-child,
.ot-sectionbox-wrapper > .ot-sectionbox-inner > p:last-child,
.ot-columnbox-wrapper > .ot-columnbox-left-content > figure:last-child,
.ot-columnbox-wrapper > .ot-columnbox-left-content > div:last-child,
.ot-columnbox-wrapper > .ot-columnbox-left-content > p:last-child,
.ot-columnbox-wrapper > .ot-columnbox-right-content > figure:last-child,
.ot-columnbox-wrapper > .ot-columnbox-right-content > div:last-child,
.ot-columnbox-wrapper > .ot-columnbox-right-content > p:last-child,
figure.ot-factbox .ot-factbox-content > figure:last-child,
figure.ot-factbox .ot-factbox-content > div:last-child,
figure.ot-factbox .ot-factbox-content > p:last-child,
figure.ot-quotebox > figure:last-child,
figure.ot-quotebox > div:last-child,
figure.ot-quotebox > p:last-child {
  margin-bottom: 0;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner sub,
.ot-sectionbox-wrapper > .ot-sectionbox-inner sup,
.ot-columnbox-wrapper > .ot-columnbox-left-content sub,
.ot-columnbox-wrapper > .ot-columnbox-left-content sup,
.ot-columnbox-wrapper > .ot-columnbox-right-content sub,
.ot-columnbox-wrapper > .ot-columnbox-right-content sup,
figure.ot-factbox .ot-factbox-content sub,
figure.ot-factbox .ot-factbox-content sup,
figure.ot-quotebox sub,
figure.ot-quotebox sup {
  line-height: 0;
  font-size: 0.675rem;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner a,
.ot-columnbox-wrapper > .ot-columnbox-left-content a,
.ot-columnbox-wrapper > .ot-columnbox-right-content a,
figure.ot-factbox .ot-factbox-content a,
figure.ot-quotebox a {
  color: var(--link-color);
  transition: color 0.2s linear;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner a:hover,
.ot-columnbox-wrapper > .ot-columnbox-left-content a:hover,
.ot-columnbox-wrapper > .ot-columnbox-right-content a:hover,
figure.ot-factbox .ot-factbox-content a:hover,
figure.ot-quotebox a:hover {
  color: var(--link-color-hover);
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner > a[href^=tel],
.ot-columnbox-wrapper > .ot-columnbox-left-content > a[href^=tel],
.ot-columnbox-wrapper > .ot-columnbox-right-content > a[href^=tel],
figure.ot-factbox .ot-factbox-content > a[href^=tel],
figure.ot-quotebox > a[href^=tel] {
  color: inherit;
  text-decoration: underline !important;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner table,
.ot-columnbox-wrapper > .ot-columnbox-left-content table,
.ot-columnbox-wrapper > .ot-columnbox-right-content table,
figure.ot-factbox .ot-factbox-content table,
figure.ot-quotebox table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 24px;
  font-size: 0.9rem;
  line-height: 1.3em;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner table:last-child,
.ot-columnbox-wrapper > .ot-columnbox-left-content table:last-child,
.ot-columnbox-wrapper > .ot-columnbox-right-content table:last-child,
figure.ot-factbox .ot-factbox-content table:last-child,
figure.ot-quotebox table:last-child {
  margin-bottom: 0;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner table > caption,
.ot-columnbox-wrapper > .ot-columnbox-left-content table > caption,
.ot-columnbox-wrapper > .ot-columnbox-right-content table > caption,
figure.ot-factbox .ot-factbox-content table > caption,
figure.ot-quotebox table > caption {
  background-color: var(--color-table-caption);
  color: var(--color-table-caption-con);
  font-weight: 700;
  text-align: left;
  padding: 6px;
  font-size: 1rem;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner table th, .ot-sectionbox-wrapper > .ot-sectionbox-inner table td,
.ot-columnbox-wrapper > .ot-columnbox-left-content table th,
.ot-columnbox-wrapper > .ot-columnbox-left-content table td,
.ot-columnbox-wrapper > .ot-columnbox-right-content table th,
.ot-columnbox-wrapper > .ot-columnbox-right-content table td,
figure.ot-factbox .ot-factbox-content table th,
figure.ot-factbox .ot-factbox-content table td,
figure.ot-quotebox table th,
figure.ot-quotebox table td {
  text-align: left;
  padding: 6px;
  vertical-align: top;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner table th,
.ot-columnbox-wrapper > .ot-columnbox-left-content table th,
.ot-columnbox-wrapper > .ot-columnbox-right-content table th,
figure.ot-factbox .ot-factbox-content table th,
figure.ot-quotebox table th {
  background-color: var(--color-table-header);
  color: var(--color-table-header-con);
  font-weight: 700;
}
.ot-sectionbox-wrapper > .ot-sectionbox-inner table tr:nth-child(even),
.ot-columnbox-wrapper > .ot-columnbox-left-content table tr:nth-child(even),
.ot-columnbox-wrapper > .ot-columnbox-right-content table tr:nth-child(even),
figure.ot-factbox .ot-factbox-content table tr:nth-child(even),
figure.ot-quotebox table tr:nth-child(even) {
  background-color: var(--color-grey-100);
}

@media screen and (min-width: 992px) {
  .field-content .factbox-wrapper,
.field-content .quotebox-wrapper,
.field-content figure[role=group],
.field-content > .media--type-media-image,
.field-content > div.embedded-entity,
.field-content > .media--type-embed-html-cookie,
.field-content > .media--type-video,
.field-content > .media--type-gallery {
    margin-bottom: 24px;
  }
  .field-content .factbox-wrapper.align-standard,
.field-content .quotebox-wrapper.align-standard,
.field-content figure[role=group].align-standard,
.field-content > .media--type-media-image.align-standard,
.field-content > div.embedded-entity.align-standard,
.field-content > .media--type-embed-html-cookie.align-standard,
.field-content > .media--type-video.align-standard,
.field-content > .media--type-gallery.align-standard {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    float: none;
  }
  .field-content .factbox-wrapper.align-left,
.field-content .quotebox-wrapper.align-left,
.field-content figure[role=group].align-left,
.field-content > .media--type-media-image.align-left,
.field-content > div.embedded-entity.align-left,
.field-content > .media--type-embed-html-cookie.align-left,
.field-content > .media--type-video.align-left,
.field-content > .media--type-gallery.align-left {
    width: calc(50% - 24px);
    margin-right: 24px;
    float: left;
  }
  .field-content .factbox-wrapper.align-center,
.field-content .quotebox-wrapper.align-center,
.field-content figure[role=group].align-center,
.field-content > .media--type-media-image.align-center,
.field-content > div.embedded-entity.align-center,
.field-content > .media--type-embed-html-cookie.align-center,
.field-content > .media--type-video.align-center,
.field-content > .media--type-gallery.align-center {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
  .field-content .factbox-wrapper.align-right,
.field-content .quotebox-wrapper.align-right,
.field-content figure[role=group].align-right,
.field-content > .media--type-media-image.align-right,
.field-content > div.embedded-entity.align-right,
.field-content > .media--type-embed-html-cookie.align-right,
.field-content > .media--type-video.align-right,
.field-content > .media--type-gallery.align-right {
    width: calc(50% - 24px);
    margin-left: 24px;
    float: right;
  }
  .field-content .factbox-wrapper:last-child,
.field-content .quotebox-wrapper:last-child,
.field-content figure[role=group]:last-child,
.field-content > .media--type-media-image:last-child,
.field-content > div.embedded-entity:last-child,
.field-content > .media--type-embed-html-cookie:last-child,
.field-content > .media--type-video:last-child,
.field-content > .media--type-gallery:last-child {
    margin-bottom: 0;
  }
}
.field-content .media--type-document.align-right {
  margin-left: 24px;
  float: none;
  display: inline-block;
  width: auto;
}
.field-content .media--type-document.align-left {
  float: none;
  display: inline-block;
  width: auto;
  margin-right: 24px;
}
.field-content .media--type-document.align-center {
  width: 50%;
}

/*************
CKEDITOR ELEMENTS
*************/
.media--type-document .field-media-document {
  padding-left: 0;
}
.media--type-document .field-media-document:before {
  display: none;
}
.media--type-document .field-media-document a {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 12px;
  text-decoration: none;
  gap: 8px;
  font-size: 0.875rem;
  background-color: var(--color-primary);
  color: var(--color-primary-con);
  text-decoration: none;
  padding: 12px 24px;
  transition: all linear 0.2s;
}
.media--type-document .field-media-document a:after {
  transition: transform 0.2s ease-in-out;
}
.media--type-document .field-media-document a:after {
  font-weight: 700;
}
.media--type-document .field-media-document a:hover {
  background-color: var(--color-primary-darker);
  color: var(--color-primary-darker-con);
}

a.button-large {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background: var(--btn-color);
  color: var(--btn-font-color) !important;
  padding: 6px 12px;
  font-size: 1rem;
  line-height: 1.25em;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s linear;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
}
a.button-large:hover {
  background: none;
  color: var(--color-black) !important;
}
a.button-large:before, a.button-large:after {
  display: none;
}
@media screen and (min-width: 768px) {
  a.button-large {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
a.button-large:hover {
  background: var(--btn-color-hover);
  color: var(--btn-font-color-hover) !important;
}

a.button-small {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background: var(--btn-color);
  color: var(--btn-font-color) !important;
  padding: 6px 12px;
  font-size: 1rem;
  line-height: 1.25em;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s linear;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 6px 12px;
}
a.button-small:hover {
  background: none;
  color: var(--color-black) !important;
}
a.button-small:before, a.button-small:after {
  display: none;
}
@media screen and (min-width: 768px) {
  a.button-small {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
a.button-small:hover {
  background: var(--btn-color-hover);
  color: var(--btn-font-color-hover) !important;
}
@media screen and (min-width: 992px) {
  a.button-small {
    font-size: 1rem;
    padding: 6px 12px;
  }
}

:root {
  /* Set to 1 for true (Mobile only) || set 0 for false (Always collapsible) */
  --ot-factbox-collapsed-mobile-only: 0;
  /* Set to 1 for true (Remove after click) || set 0 for false (Keep button) */
  --ot-factbox-display-button-after-click: 0;
  --ot-factbox-link-color: blue;
  --ot-factbox-link-hover-color: purple;
}

@media screen and (min-width: 992px) {
  figure.ot-factbox,
figure.ot-quotebox {
    margin-bottom: 24px;
  }
  figure.ot-factbox.align-standard,
figure.ot-quotebox.align-standard {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    float: none;
  }
  figure.ot-factbox.align-left,
figure.ot-quotebox.align-left {
    width: calc(50% - 24px);
    margin-right: 24px;
    float: left;
  }
  figure.ot-factbox.align-center,
figure.ot-quotebox.align-center {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
  figure.ot-factbox.align-right,
figure.ot-quotebox.align-right {
    width: calc(50% - 24px);
    margin-left: 24px;
    float: right;
  }
  figure.ot-factbox:last-child,
figure.ot-quotebox:last-child {
    margin-bottom: 0;
  }
}

figure.ot-quotebox {
  --ot-quotebox-padding: 24px;
  --ot-quotebox-gap: 24px;
  --ot-quotebox-background: var(--color-secondary-lighter);
  --ot-quotebox-background-con: var(--color-secondary-lighter-con);
  --ot-quotebox-border: 1px solid var(--color-secondary-darker);
  --ot-quotebox-content-size: 1rem;
  --ot-quotebox-icon-size: 1.5rem;
  --ot-quotebox-caption-size: 0.9rem;
}

.ot-quotebox {
  position: relative;
}
.ot-quotebox:before {
  text-align: center;
}

/**************************************************
*  Atoms
**************************************************/
body h1 {
  font-size: 2rem;
  line-height: 1.3em;
  font-family: "Nunito Sans", Sans-Serif;
}
@media screen and (min-width: 992px) {
  body h1 {
    font-size: 2.5rem;
  }
}
body h2 {
  font-size: 1.5rem;
  line-height: 1.2em;
  font-family: "Nunito Sans", Sans-Serif;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  body h2 {
    font-size: 2rem;
  }
}
body h3 {
  font-size: 1.375rem;
  line-height: 1.2em;
  font-family: "Nunito Sans", Sans-Serif;
}
@media screen and (min-width: 992px) {
  body h3 {
    font-size: 1.5rem;
  }
}
body h4 {
  font-size: 1.25rem;
  font-family: "Nunito Sans", Sans-Serif;
}
@media screen and (min-width: 992px) {
  body h4 {
    font-size: 1.375rem;
  }
}
body h5 {
  font-size: 0.83rem;
  font-family: "Nunito Sans", Sans-Serif;
}
body h6 {
  font-size: 0.67rem;
  font-family: "Nunito Sans", Sans-Serif;
}
body p {
  margin-top: 0;
  margin-bottom: 24px;
}
body p > sub,
body p > sup {
  font-size: 0.675rem;
}
body p:last-child {
  margin-bottom: 0;
}
body a {
  color: var(--link-color);
  transition: color 0.2s linear;
}
body a:hover {
  color: var(--link-color-hover);
}
body a[href^=tel] {
  color: inherit;
  text-decoration: underline !important;
}

label,
.field__label {
  font-weight: 800;
}

.field-para-slug {
  color: var(--color-secondary-darker);
  font-size: 0.8rem;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: 700;
}

.field-topic a {
  background-color: var(--color-grey-100);
  padding: 6px 24px;
  color: var(--color-black);
  text-decoration: none;
  transition: all 0.25s linear;
}
.field-topic a:hover {
  background-color: var(--color-grey-300);
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
  background-color: var(--color-white);
  color: var(--color-black);
}

a.button-large {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background: var(--btn-color);
  color: var(--btn-font-color) !important;
  padding: 6px 12px;
  font-size: 1rem;
  line-height: 1.25em;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s linear;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
}
a.button-large:hover {
  background: none;
  color: var(--color-black) !important;
}
a.button-large:before, a.button-large:after {
  display: none;
}
@media screen and (min-width: 768px) {
  a.button-large {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
a.button-large:hover {
  background: var(--btn-color-hover);
  color: var(--btn-font-color-hover) !important;
}

a.button-small {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background: var(--btn-color);
  color: var(--btn-font-color) !important;
  padding: 6px 12px;
  font-size: 1rem;
  line-height: 1.25em;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s linear;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 6px 12px;
}
a.button-small:hover {
  background: none;
  color: var(--color-black) !important;
}
a.button-small:before, a.button-small:after {
  display: none;
}
@media screen and (min-width: 768px) {
  a.button-small {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
a.button-small:hover {
  background: var(--btn-color-hover);
  color: var(--btn-font-color-hover) !important;
}
@media screen and (min-width: 992px) {
  a.button-small {
    font-size: 1rem;
    padding: 6px 12px;
  }
}

.collapsible-section {
  margin-bottom: 0 !important;
  margin-top: 12px !important;
  background-color: var(--color-primary);
  color: var(--color-primary-con);
  position: relative;
  font-size: 1rem;
  font-weight: normal;
  cursor: pointer;
  transition: all 0.2s linear;
  padding: 12px 12px;
}
@media screen and (min-width: 992px) {
  .collapsible-section {
    font-size: 1.2rem;
    padding: 12px 24px;
  }
}
.collapsible-section:hover {
  background-color: var(--color-primary-darker);
  color: var(--color-primary-darker-con);
}
.collapsible-section:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  font-size: 0.6rem;
}
@media screen and (min-width: 992px) {
  .collapsible-section:after {
    font-size: 0.8rem;
  }
}
.collapsible-section[aria-expanded=true] {
  background-color: var(--color-primary-darker);
  color: var(--color-primary-darker-con);
}
.collapsible-section-content {
  padding: 24px;
  background-color: var(--color-grey-100);
}

.collapsible-section-controls {
  margin-bottom: 12px;
  display: flex;
}
.collapsible-section-controls > button {
  --btn-color: transparent;
  --btn-font-color: var(--color-black);
  --btn-color-hover: transparent;
  --btn-font-color-hover: var(--color-black);
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background: var(--btn-color);
  color: var(--btn-font-color) !important;
  padding: 6px 12px;
  font-size: 1rem;
  line-height: 1.25em;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s linear;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 6px 12px;
  border: 1px solid var(--color-grey-300);
  font-size: 0.85rem;
}
.collapsible-section-controls > button:hover {
  background: none;
  color: var(--color-black) !important;
}
.collapsible-section-controls > button:before, .collapsible-section-controls > button:after {
  display: none;
}
@media screen and (min-width: 768px) {
  .collapsible-section-controls > button {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
.collapsible-section-controls > button:hover {
  background: var(--btn-color-hover);
  color: var(--btn-font-color-hover) !important;
}
@media screen and (min-width: 992px) {
  .collapsible-section-controls > button {
    font-size: 1rem;
    padding: 6px 12px;
  }
}
@media screen and (min-width: 992px) {
  .collapsible-section-controls > button {
    font-size: 1rem;
  }
}
.collapsible-section-controls > button:hover {
  border-color: var(--color-black);
}
.collapsible-section-controls > button:before {
  font-size: 0.6rem;
  color: var(--btn-font-color);
  display: inline-block;
  margin-right: 8px;
  transform: rotate(180deg) translate(0px, 2px);
  transform-origin: center;
}
@media screen and (min-width: 992px) {
  .collapsible-section-controls > button:before {
    font-size: 0.8rem;
    margin-left: 5px;
  }
}
.collapsible-section-controls > button:first-child {
  margin-right: 12px;
  margin-left: auto;
}
.collapsible-section-controls > button:first-child:before {
  transform: rotate(0);
}

form {
  --input-border-color: var(--color-grey-300);
  --input-border-active: var(--color-grey-400);
  --input-border-radius: 0;
  --input-padding: 8px;
  --prefix-suffix-bg: var(--color-grey-100);
}

input[type=text],
input[type=email],
input[type=date],
input[type=time],
input[type=number],
input[type=password],
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-size: 1rem;
  font-family: "Nunito Sans", Sans-Serif;
  padding: calc(var(--input-padding)/2) var(--input-padding);
  margin: 0;
  outline: none;
  background: var(--color-white);
  border: 2px solid var(--input-border-color);
  border-radius: var(--input-border-radius);
  transition: all 0.2s ease-in-out;
  box-shadow: none;
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--color-black);
  opacity: 0.2;
}
input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: var(--color-black);
  opacity: 0.2;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=date]::placeholder,
input[type=time]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
select::placeholder,
textarea::placeholder {
  color: var(--color-black);
  opacity: 0.2;
}
input[type=text]:hover, input[type=text]:focus,
input[type=email]:hover,
input[type=email]:focus,
input[type=date]:hover,
input[type=date]:focus,
input[type=time]:hover,
input[type=time]:focus,
input[type=number]:hover,
input[type=number]:focus,
input[type=password]:hover,
input[type=password]:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus {
  outline: none;
  border-color: var(--input-border-active);
}
input[type=text]:disabled,
input[type=email]:disabled,
input[type=date]:disabled,
input[type=time]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
select:disabled,
textarea:disabled {
  outline: none;
  background-color: var(--color-grey-200);
  border-color: var(--color-grey-300);
}

input[type=text],
input[type=number],
input[type=email],
textarea {
  width: 100%;
}

input::-webkit-calendar-picker-indicator,
select {
  cursor: pointer;
}

.webform-element-help-container--title > label {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.webform-element-help-container--title > label .webform-element-help {
  transition: all 0.2s linear;
  margin: 0;
}

input[type=submit] {
  border: 2px solid var(--color-primary);
  border-radius: var(--input-border-radius);
  background-color: var(--color-primary);
  color: var(--color-primary-con);
  font-family: "Nunito Sans", Sans-Serif;
  font-size: 1rem;
  padding: var(--input-padding);
  margin: 0;
  width: auto;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background 0.2s linear;
}
@media screen and (min-width: 992px) {
  input[type=submit] {
    padding: calc(var(--input-padding)/2) var(--input-padding);
  }
}
input[type=submit]:hover {
  background-color: var(--color-primary-darker);
  border-color: var(--color-primary-darker);
  color: var(--color-primary-darker-con);
}

.webform-element-description {
  font-size: 0.8rem;
}

.form-type-textfield.webform-has-field-prefix > .field-prefix,
.form-type-textfield.webform-has-field-prefix > .field-suffix, .form-type-textfield.webform-has-field-suffix > .field-prefix,
.form-type-textfield.webform-has-field-suffix > .field-suffix {
  display: flex;
  align-items: center;
  background: var(--prefix-suffix-bg);
  color: var(--color-grey-600);
  border: 2px solid var(--input-border-color);
  border-right: none;
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
  padding: 0 8px;
}
.form-type-textfield.webform-has-field-prefix > input, .form-type-textfield.webform-has-field-suffix > input {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.form-type-textfield.webform-has-field-suffix > .field-suffix {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
  border: 2px solid var(--input-border-color);
  border-left: none;
}
.form-type-textfield.webform-has-field-suffix > input {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}

.form-type-checkbox,
.form-type-radio {
  display: flex;
  flex-direction: row;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  flex-wrap: nowrap;
  cursor: pointer;
}
.form-type-checkbox input[type=checkbox],
.form-type-checkbox input[type=radio],
.form-type-radio input[type=checkbox],
.form-type-radio input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  border: none;
}
.form-type-checkbox label,
.form-type-radio label {
  cursor: pointer;
  font-size: 1rem;
  font-weight: 400;
  padding-left: 8px;
}

.form-type-checkbox .checkmark {
  height: 18px;
  width: 18px;
  background-color: var(--color-white);
  border: 1px solid var(--input-border-color);
  border-radius: 3px;
  transition: all 200ms ease-in-out;
}
.form-type-checkbox .checkmark:after {
  text-align: center;
  font-size: 0.9rem;
  color: var(--color-primary-con);
  display: none;
}
.form-type-checkbox:hover input ~ .checkmark {
  background-color: var(--input-border-color);
}
.form-type-checkbox input:checked ~ .checkmark {
  background: var(--color-primary);
  border-color: var(--color-primary);
}
.form-type-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.form-type-radio label {
  display: inline-block;
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
  box-sizing: border-box;
}
.form-type-radio > .radio {
  height: 22px;
  width: 22px;
  border-radius: 50%;
  background-color: var(--color-white);
  border: 1px solid var(--input-border-color);
  transition: all 200ms ease-in-out;
}
.form-type-radio > .radio:after {
  content: "";
  height: 70%;
  width: 70%;
  border-radius: 50%;
  background: var(--color-primary);
  display: none;
}
.form-type-radio:hover input ~ .radio {
  background-color: var(--color-grey-200);
}
.form-type-radio input:checked ~ .radio {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-white);
}
.form-type-radio input:checked ~ .radio:after {
  display: block;
}

.ot-toggle > .checkmark {
  width: 50px;
  border: 1px solid var(--input-border-color);
  transition: all 0.2s;
}
.ot-toggle > .checkmark:after {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-black);
  background-color: var(--color-white);
  border: 1px solid var(--input-border-color);
  width: 22px;
  height: 22px;
  transform: translate(-1px, -2.5px);
  transition: all 0.2s;
}
.ot-toggle:hover input ~ .checkmark {
  background-color: var(--color-grey-400);
}
.ot-toggle input:checked ~ .checkmark {
  border: 1px solid var(--color-confirm);
  background: var(--color-confirm);
}
.ot-toggle input:checked ~ .checkmark:after {
  background-color: var(--color-confirm);
  border: 1px solid var(--input-border-color);
  color: var(--color-black);
  transform: translate(28px, -2.5px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-type-managed-file .form-managed-file.no-file .file-wrapper {
  background-color: var(--color-grey-100);
  border-radius: var(--input-border-radius);
  padding: 12px;
  position: relative;
  max-width: 400px;
  cursor: pointer;
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr auto;
  transition: background 0.2s linear;
}
.form-type-managed-file .form-managed-file.no-file .file-wrapper:before {
  content: attr(data-text);
  display: block;
  font-size: 0.7rem;
  font-family: "Nunito Sans", Sans-Serif;
  padding: 6px 12px;
  margin: 0;
  width: 100%;
  background: var(--color-white);
  border: 2px solid var(--input-border-color);
  border-radius: var(--input-border-radius);
  transition: all 0.2s ease-in-out;
  box-shadow: none;
}
.form-type-managed-file .form-managed-file.no-file .file-wrapper:after {
  content: attr(data-btn-text);
  display: block;
  border: 2px solid var(--color-primary);
  border-radius: var(--input-border-radius);
  background-color: var(--color-primary);
  color: var(--color-primary-con);
  font-family: "Nunito Sans", Sans-Serif;
  font-size: 0.7rem;
  padding: 6px 12px;
  margin: 0;
  width: auto;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background 0.2s linear;
}
.form-type-managed-file .form-managed-file.no-file .file-wrapper:hover {
  background-color: var(--color-grey-300);
}
.form-type-managed-file .form-managed-file.no-file .file-wrapper input {
  opacity: 0;
  position: absolute;
  inset: 0;
  cursor: pointer;
  width: 100%;
}
.form-type-managed-file .form-managed-file.no-file .file-wrapper input.tab-focus {
  opacity: 1;
  z-index: -1;
}
.form-type-managed-file .form-managed-file.has-file {
  display: flex;
  align-items: center;
  background-color: var(--color-grey-100);
  border-radius: var(--input-border-radius);
  padding: 12px;
  max-width: 400px;
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr auto;
}
.form-type-managed-file .form-managed-file.has-file .file {
  font-size: 0.9rem;
  font-family: "Nunito Sans", Sans-Serif;
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.form-type-managed-file .form-managed-file.has-file .file span {
  font-size: 0.6rem;
  color: var(--color-grey-800);
}
.form-type-managed-file .form-managed-file.has-file input {
  font-size: 0.7rem;
  padding: 6px 12px;
}
.form-type-managed-file .webform-element-description {
  font-size: 0.7rem;
  line-height: 1.4em;
  color: var(--color-grey-800);
}
.form-type-managed-file .webform-element-description span:nth-child(3) {
  display: block;
}

.webform-radios-other > legend,
.webform-checkboxes-other > legend,
.webform-type-radios > legend,
.webform-type-checkboxes > legend {
  font-weight: 800;
}

.ot-site-logo {
  display: grid;
}
.ot-site-logo .site-logo {
  display: inline-block;
  line-height: 0;
  font-size: 1rem;
}
.ot-site-logo .site-logo img,
.ot-site-logo .site-logo svg {
  max-width: 100px;
  height: 73px;
}
@media screen and (min-width: 992px) {
  .ot-site-logo .site-logo img,
.ot-site-logo .site-logo svg {
    width: 100%;
    max-width: 220px;
  }
}

.dynamic-block-fieldnode-bf-servicemenu-subpages-label .menu--service .menu {
  list-style: initial;
  padding: revert;
  margin: revert;
}

.bundle-type-footer.field-block-logo {
  width: 75%;
}
@media screen and (min-width: 992px) {
  .bundle-type-footer.field-block-logo {
    width: 50%;
  }
}
.bundle-type-footer.field-funding-logos {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.bundle-type-footer.field-funding-logos .media img {
  max-width: 250px;
}
.bundle-type-footer.field-block-name {
  font-size: 1.3rem;
  font-weight: 700;
}
.bundle-type-footer.field-footer-heading-first, .bundle-type-footer.field-footer-heading-second, .bundle-type-footer.field-footer-heading-third {
  font-size: 1.3rem;
  line-height: 1.1em;
  font-weight: 600;
}
.bundle-type-footer.field-funding-text {
  font-size: 0.9rem;
  color: var(--color-grey-700);
  padding: 0 24px;
}
.bundle-type-footer.field-footer-heading-fourth {
  font-size: 1.3rem;
  line-height: 1.1em;
  font-weight: 400;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--color-primary-darker);
}
@media screen and (min-width: 992px) {
  .bundle-type-footer.field-footer-heading-third {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal;
  }
}
.bundle-type-footer.field-block-email {
  display: flex;
  align-items: center;
  gap: 12px;
}
.bundle-type-footer.field-block-email:before {
  display: block;
  font-size: 1rem;
  line-height: 1em;
  transition: all 0.25s linear;
}
.bundle-type-footer.field-footer-link {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 12px;
  text-decoration: none;
  font-weight: 800;
}
.bundle-type-footer.field-footer-link:after {
  font-size: 0.7rem;
  line-height: 1em;
  transition: transform 0.2s ease-in-out;
}
.bundle-type-footer.field-footer-link:hover:after {
  transform: translateX(4px);
}

.field-block-links a {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 12px;
  text-decoration: none;
}
.field-block-links a:after {
  font-size: 0.7rem;
  line-height: 1em;
  transition: transform 0.2s ease-in-out;
}
.field-block-links a:hover:after {
  transform: translateX(4px);
}

.field-block-phone {
  display: flex;
  align-items: center;
  gap: 12px;
}
.field-block-phone:before {
  display: block;
  font-size: 1rem;
  line-height: 1em;
  transition: all 0.25s linear;
}

.group-some a {
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.group-some a:before {
  display: block;
  font-size: 1rem;
  line-height: 1em;
  padding: 8px;
  border-radius: 6px;
  transition: all 0.25s linear;
  background-color: var(--color-primary);
  color: var(--color-white);
}
.group-some a:hover:before {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  background-color: var(--color-white);
  color: var(--color-primary);
}

.block-facets-summary:not(.contextual-region) ul {
  display: flex;
  align-items: center;
  gap: 12px;
}
.block-facets-summary:not(.contextual-region) ul li a {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  border: none;
  color: var(--color-primary-lighter-con) !important;
  background: var(--color-primary-lighter);
  padding: 6px 12px;
  font-size: 0.875rem;
  line-height: 1.25em;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s linear;
  cursor: pointer;
  -webkit-appearance: none;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 0;
}
.block-facets-summary:not(.contextual-region) ul li a:hover {
  background: none;
  color: var(--color-black) !important;
}
.block-facets-summary:not(.contextual-region) ul li a:before, .block-facets-summary:not(.contextual-region) ul li a:after {
  display: none;
}
@media screen and (min-width: 992px) {
  .block-facets-summary:not(.contextual-region) ul li a {
    padding: 6px 12px;
    font-size: 1rem;
  }
}
.block-facets-summary:not(.contextual-region) ul li a:after {
  display: block;
  font-size: 0.5rem;
  font-weight: 700;
  right: 16px;
  padding: 4px;
  border: 1px solid var(--color-primary-lighter-con);
  border-radius: 50%;
  line-height: 1em;
}
.block-facets-summary:not(.contextual-region) ul li a:hover {
  background: var(--color-secondary-lighter);
  color: var(--btn-font-color-hover) !important;
  border-color: var(--btn-color-hover);
}
.block-facets-summary:not(.contextual-region) ul li .js-facet-deactivate {
  display: none;
}
.block-facets-summary:not(.contextual-region) ul li.facet-summary-item--clear a {
  padding: 0;
  gap: 6px;
  background-color: transparent;
}
.block-facets-summary:not(.contextual-region) ul li.facet-summary-item--clear a:after {
  border: none;
  font-size: 0.75rem;
  font-weight: 400;
}
.block-facets-summary:not(.contextual-region) ul li.facet-summary-item--clear a:hover {
  color: var(--color-primary) !important;
}

.views-exposed-form form .form--inline {
  display: flex;
  align-items: flex-end;
  margin: 24px 0;
  -moz-column-gap: 24px;
       column-gap: 24px;
}

.block-views-exposed-filter-blockot-search-db-projects-page-1 form .form--inline {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 24px 0;
}
.block-views-exposed-filter-blockot-search-db-projects-page-1 form .form--inline .form-item {
  width: 100%;
}
.block-views-exposed-filter-blockot-search-db-projects-page-1 form .form--inline .form-item select {
  width: 100%;
}

.block-facet--checkbox:last-of-type {
  margin-bottom: 0;
}
.block-facet--checkbox h2 {
  font-size: 1.1rem;
  font-weight: 800;
  margin-bottom: 6px;
}
.block-facet--checkbox .facets-widget-checkbox ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.block-facet--checkbox .facets-widget-checkbox ul li {
  display: flex;
  gap: 6px;
  align-items: flex-start;
}
.block-facet--checkbox .facets-widget-checkbox ul li input {
  margin-top: 6px;
}
.block-facet--checkbox .facets-widget-checkbox ul li label {
  font-weight: 400;
}

.media {
  position: relative;
}

figure figcaption {
  font-size: 0.75rem;
  font-style: italic;
}

.field-media-image {
  line-height: 0;
}

.field-media-copyright {
  font-size: 0.75rem;
  line-height: 1.55em;
  font-style: italic;
}
.field-media-copyright:before {
  content: "©";
  display: inline-block;
}

.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .node-title > * {
    font-size: 1.375rem;
  }
}
.node-title > * > a {
  color: var(--color-black);
  text-decoration: none;
  transition: color 0.1s linear;
}
.node-title > * > a:hover {
  color: var(--color-primary-darker);
  text-decoration: underline;
}
.node-title > *.view-mode-full {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media screen and (min-width: 992px) {
  .node-title > *.view-mode-full {
    font-size: 3.5rem;
    line-height: 1.2em;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
  }
}

.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
  margin-bottom: 0;
}
.field-intro.view--mode-full {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .field-intro.view--mode-full {
    font-size: 1.375rem;
  }
}

.field-content,
.field-description-1,
.field-description-2,
.field-description-3 {
  --color-table-caption: var(--color-secondary-lighter);
  --color-table-caption-con: var(--color-secondary-lighter-con);
  --color-table-header: var(--color-secondary-lighter);
  --color-table-header-con: var(--color-secondary-lighter-con);
}
.field-content > h2,
.field-content > h3,
.field-content > h4,
.field-description-1 > h2,
.field-description-1 > h3,
.field-description-1 > h4,
.field-description-2 > h2,
.field-description-2 > h3,
.field-description-2 > h4,
.field-description-3 > h2,
.field-description-3 > h3,
.field-description-3 > h4 {
  margin-top: 36px;
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  .field-content > h2,
.field-content > h3,
.field-content > h4,
.field-description-1 > h2,
.field-description-1 > h3,
.field-description-1 > h4,
.field-description-2 > h2,
.field-description-2 > h3,
.field-description-2 > h4,
.field-description-3 > h2,
.field-description-3 > h3,
.field-description-3 > h4 {
    margin-top: 48px;
  }
}
.field-content > h2:first-child,
.field-content > h3:first-child,
.field-content > h4:first-child,
.field-description-1 > h2:first-child,
.field-description-1 > h3:first-child,
.field-description-1 > h4:first-child,
.field-description-2 > h2:first-child,
.field-description-2 > h3:first-child,
.field-description-2 > h4:first-child,
.field-description-3 > h2:first-child,
.field-description-3 > h3:first-child,
.field-description-3 > h4:first-child {
  margin-top: 0;
}
.field-content > h2 + h3,
.field-content > h2 + h4,
.field-content > h2 + h5,
.field-content > h3 + h3,
.field-content > h3 + h4,
.field-content > h3 + h5,
.field-content > h4 + h3,
.field-content > h4 + h4,
.field-content > h4 + h5,
.field-description-1 > h2 + h3,
.field-description-1 > h2 + h4,
.field-description-1 > h2 + h5,
.field-description-1 > h3 + h3,
.field-description-1 > h3 + h4,
.field-description-1 > h3 + h5,
.field-description-1 > h4 + h3,
.field-description-1 > h4 + h4,
.field-description-1 > h4 + h5,
.field-description-2 > h2 + h3,
.field-description-2 > h2 + h4,
.field-description-2 > h2 + h5,
.field-description-2 > h3 + h3,
.field-description-2 > h3 + h4,
.field-description-2 > h3 + h5,
.field-description-2 > h4 + h3,
.field-description-2 > h4 + h4,
.field-description-2 > h4 + h5,
.field-description-3 > h2 + h3,
.field-description-3 > h2 + h4,
.field-description-3 > h2 + h5,
.field-description-3 > h3 + h3,
.field-description-3 > h3 + h4,
.field-description-3 > h3 + h5,
.field-description-3 > h4 + h3,
.field-description-3 > h4 + h4,
.field-description-3 > h4 + h5 {
  margin-top: 0;
}
.field-content ul,
.field-description-1 ul,
.field-description-2 ul,
.field-description-3 ul {
  display: table;
  list-style: none;
  list-style-type: none !important;
  padding: 0;
  margin: 0;
  margin-bottom: 24px;
}
.field-content ul:last-child,
.field-description-1 ul:last-child,
.field-description-2 ul:last-child,
.field-description-3 ul:last-child {
  margin-bottom: 0;
}
.field-content ul li,
.field-description-1 ul li,
.field-description-2 ul li,
.field-description-3 ul li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
}
.field-content ul li:before,
.field-description-1 ul li:before,
.field-description-2 ul li:before,
.field-description-3 ul li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: var(--default-first-list-color, var(--color-primary));
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 4px;
}
.field-content ul li:last-child,
.field-description-1 ul li:last-child,
.field-description-2 ul li:last-child,
.field-description-3 ul li:last-child {
  margin-bottom: 0;
}
.field-content ul li > ul,
.field-description-1 ul li > ul,
.field-description-2 ul li > ul,
.field-description-3 ul li > ul {
  list-style: none;
  padding: 0;
  margin-top: 6px;
}
.field-content ul li > ul > li,
.field-description-1 ul li > ul > li,
.field-description-2 ul li > ul > li,
.field-description-3 ul li > ul > li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
}
.field-content ul li > ul > li:before,
.field-description-1 ul li > ul > li:before,
.field-description-2 ul li > ul > li:before,
.field-description-3 ul li > ul > li:before {
  background-color: var(--default-second-list-color, var(--color-primary-darker));
}
.field-content ul li > ul > li:last-child,
.field-description-1 ul li > ul > li:last-child,
.field-description-2 ul li > ul > li:last-child,
.field-description-3 ul li > ul > li:last-child {
  margin-bottom: 0;
}
.field-content ol,
.field-description-1 ol,
.field-description-2 ol,
.field-description-3 ol {
  counter-reset: custom-counter;
  list-style: none;
  padding-left: 19.2px;
  margin: 0;
  margin-bottom: 24px;
}
.field-content ol:last-child,
.field-description-1 ol:last-child,
.field-description-2 ol:last-child,
.field-description-3 ol:last-child {
  margin-bottom: 0;
}
.field-content ol > li,
.field-description-1 ol > li,
.field-description-2 ol > li,
.field-description-3 ol > li {
  margin-bottom: 12px;
  padding-left: 8px;
  position: relative;
}
.field-content ol > li:before,
.field-description-1 ol > li:before,
.field-description-2 ol > li:before,
.field-description-3 ol > li:before {
  counter-increment: custom-counter;
  content: counter(custom-counter);
  display: block;
  height: 22px;
  width: 22px;
  line-height: 23px;
  border-radius: 50%;
  background-color: var(--default-first-list-color, var(--color-primary));
  text-align: center;
  color: var(--default-first-list-color-con, var(--color-primary-con));
  font-size: 0.75rem;
  position: absolute;
  top: 2px;
  left: -19px;
}
.field-content ol > li:last-child,
.field-description-1 ol > li:last-child,
.field-description-2 ol > li:last-child,
.field-description-3 ol > li:last-child {
  margin-bottom: 0;
}
.field-content ol > li > ol,
.field-description-1 ol > li > ol,
.field-description-2 ol > li > ol,
.field-description-3 ol > li > ol {
  margin-top: 6px;
}
.field-content ol > li > ol > li,
.field-description-1 ol > li > ol > li,
.field-description-2 ol > li > ol > li,
.field-description-3 ol > li > ol > li {
  margin-bottom: 12px;
}
.field-content > h1,
.field-description-1 > h1,
.field-description-2 > h1,
.field-description-3 > h1 {
  font-size: 2rem;
  line-height: 1.3em;
  font-family: "Nunito Sans", Sans-Serif;
}
@media screen and (min-width: 992px) {
  .field-content > h1,
.field-description-1 > h1,
.field-description-2 > h1,
.field-description-3 > h1 {
    font-size: 2.5rem;
  }
}
.field-content > h2,
.field-description-1 > h2,
.field-description-2 > h2,
.field-description-3 > h2 {
  font-size: 1.5rem;
  line-height: 1.2em;
  font-family: "Nunito Sans", Sans-Serif;
}
@media screen and (min-width: 992px) {
  .field-content > h2,
.field-description-1 > h2,
.field-description-2 > h2,
.field-description-3 > h2 {
    font-size: 2rem;
  }
}
.field-content > h3,
.field-description-1 > h3,
.field-description-2 > h3,
.field-description-3 > h3 {
  font-size: 1.375rem;
  line-height: 1.2em;
  font-family: "Nunito Sans", Sans-Serif;
}
@media screen and (min-width: 992px) {
  .field-content > h3,
.field-description-1 > h3,
.field-description-2 > h3,
.field-description-3 > h3 {
    font-size: 1.5rem;
  }
}
.field-content > h4,
.field-description-1 > h4,
.field-description-2 > h4,
.field-description-3 > h4 {
  font-size: 1.25rem;
  font-family: "Nunito Sans", Sans-Serif;
}
@media screen and (min-width: 992px) {
  .field-content > h4,
.field-description-1 > h4,
.field-description-2 > h4,
.field-description-3 > h4 {
    font-size: 1.375rem;
  }
}
.field-content > h5,
.field-description-1 > h5,
.field-description-2 > h5,
.field-description-3 > h5 {
  font-size: 0.83rem;
  font-family: "Nunito Sans", Sans-Serif;
}
.field-content > h6,
.field-description-1 > h6,
.field-description-2 > h6,
.field-description-3 > h6 {
  font-size: 0.67rem;
  font-family: "Nunito Sans", Sans-Serif;
}
.field-content > figure,
.field-content > div,
.field-content > p,
.field-description-1 > figure,
.field-description-1 > div,
.field-description-1 > p,
.field-description-2 > figure,
.field-description-2 > div,
.field-description-2 > p,
.field-description-3 > figure,
.field-description-3 > div,
.field-description-3 > p {
  margin-top: 0;
  margin-bottom: 24px;
}
.field-content > figure:last-child,
.field-content > div:last-child,
.field-content > p:last-child,
.field-description-1 > figure:last-child,
.field-description-1 > div:last-child,
.field-description-1 > p:last-child,
.field-description-2 > figure:last-child,
.field-description-2 > div:last-child,
.field-description-2 > p:last-child,
.field-description-3 > figure:last-child,
.field-description-3 > div:last-child,
.field-description-3 > p:last-child {
  margin-bottom: 0;
}
.field-content sub,
.field-content sup,
.field-description-1 sub,
.field-description-1 sup,
.field-description-2 sub,
.field-description-2 sup,
.field-description-3 sub,
.field-description-3 sup {
  line-height: 0;
  font-size: 0.675rem;
}
.field-content a,
.field-description-1 a,
.field-description-2 a,
.field-description-3 a {
  color: var(--link-color);
  transition: color 0.2s linear;
}
.field-content a:hover,
.field-description-1 a:hover,
.field-description-2 a:hover,
.field-description-3 a:hover {
  color: var(--link-color-hover);
}
.field-content > a[href^=tel],
.field-description-1 > a[href^=tel],
.field-description-2 > a[href^=tel],
.field-description-3 > a[href^=tel] {
  color: inherit;
  text-decoration: underline !important;
}
.field-content table,
.field-description-1 table,
.field-description-2 table,
.field-description-3 table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 24px;
  font-size: 0.9rem;
  line-height: 1.3em;
}
.field-content table:last-child,
.field-description-1 table:last-child,
.field-description-2 table:last-child,
.field-description-3 table:last-child {
  margin-bottom: 0;
}
.field-content table > caption,
.field-description-1 table > caption,
.field-description-2 table > caption,
.field-description-3 table > caption {
  background-color: var(--color-table-caption);
  color: var(--color-table-caption-con);
  font-weight: 700;
  text-align: left;
  padding: 6px;
  font-size: 1rem;
}
.field-content table th, .field-content table td,
.field-description-1 table th,
.field-description-1 table td,
.field-description-2 table th,
.field-description-2 table td,
.field-description-3 table th,
.field-description-3 table td {
  text-align: left;
  padding: 6px;
  vertical-align: top;
}
.field-content table th,
.field-description-1 table th,
.field-description-2 table th,
.field-description-3 table th {
  background-color: var(--color-table-header);
  color: var(--color-table-header-con);
  font-weight: 700;
}
.field-content table tr:nth-child(even),
.field-description-1 table tr:nth-child(even),
.field-description-2 table tr:nth-child(even),
.field-description-3 table tr:nth-child(even) {
  background-color: var(--color-grey-100);
}

.field-date {
  font-size: 0.8rem;
  line-height: 1.2em;
}

.field-time {
  font-size: 0.8rem;
  line-height: 1.2em;
}

.field-place {
  font-size: 0.8rem;
  line-height: 1.2em;
}

.field-position {
  font-size: 0.8rem;
  line-height: 1.2em;
}

.field-slug {
  font-size: 0.8rem;
  line-height: 1.2em;
  background-color: var(--color-primary);
  color: var(--color-primary-con);
  padding: 4px 12px;
}

.field-main-media-caption {
  font-size: 0.8rem;
  line-height: 1.3em;
  font-style: italic;
  color: var(--color-white);
  text-shadow: 1px 1px var(--color-black);
}

.field-documents .field__label {
  font-size: 1.175rem;
  line-height: 1.275em;
  font-weight: 400;
}

.field-links .field__label {
  font-size: 1.175rem;
  line-height: 1.275em;
  font-weight: 400;
}

.field-contact .field__label {
  background-color: var(--color-secondary-lighter);
  color: var(--color-secondary-lighter-con);
  padding: 12px 24px;
  font-size: 1.175rem;
  line-height: 1.275em;
  font-weight: 400;
}

.field-authority-ref {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 12px;
  text-decoration: none;
}
.field-authority-ref:after {
  transition: transform 0.2s ease-in-out;
}
.field-authority-ref .field__items {
  display: flex;
  flex-wrap: wrap;
}
.field-authority-ref .field__items .field__item:after {
  content: ",";
  display: inline-flex;
  margin-right: 12px;
}
.field-authority-ref .field__items .field__item:last-child:after {
  display: none;
}

.field-project-date {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 12px;
  text-decoration: none;
}
.field-project-date:after {
  transition: transform 0.2s ease-in-out;
}

.field-project-scope-ref {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 12px;
  text-decoration: none;
}
.field-project-scope-ref:after {
  transition: transform 0.2s ease-in-out;
}

.field-project-sector-ref {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 12px;
  text-decoration: none;
}
.field-project-sector-ref:after {
  transition: transform 0.2s ease-in-out;
}

.field-project-state-ref {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 12px;
  text-decoration: none;
}
.field-project-state-ref:after {
  transition: transform 0.2s ease-in-out;
}

.field-phone {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 12px;
  text-decoration: none;
}
.field-phone:after {
  transition: transform 0.2s ease-in-out;
}

.field-mobile {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 12px;
  text-decoration: none;
}
.field-mobile:after {
  transition: transform 0.2s ease-in-out;
}

.field-email {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 12px;
  text-decoration: none;
}
.field-email:after {
  transition: transform 0.2s ease-in-out;
}

.field-links a {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 12px;
  text-decoration: none;
}
.field-links a:after {
  transition: transform 0.2s ease-in-out;
}
.field-links a:hover {
  text-decoration: underline;
}

.bundle-type-document.view-mode-link a {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 12px;
  text-decoration: none;
}
.bundle-type-document.view-mode-link a:after {
  transition: transform 0.2s ease-in-out;
}
.bundle-type-document.view-mode-link a:hover {
  text-decoration: underline;
}

.bundle-type-project.field-main-media-caption {
  text-align: right;
  padding: 4px;
}
.bundle-type-project.field-main-media-caption p {
  color: var(--color-white);
  text-shadow: 1px 1px var(--color-black);
}
.bundle-type-project.field-status-date-closure:before {
  content: ", ";
}

.bundle-type-news.view-mode-full.node-title > * {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media screen and (min-width: 992px) {
  .bundle-type-news.view-mode-full.node-title > * {
    font-size: 3.5rem;
    line-height: 1.2em;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
  }
}
.bundle-type-news.view-mode-full.field-intro {
  font-size: 1.25rem;
  line-height: 1.375em;
}
@media screen and (min-width: 992px) {
  .bundle-type-news.view-mode-full.field-intro {
    font-size: 1.375rem;
  }
}
.bundle-type-news.view-mode-paragraph-embed.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-news.view-mode-paragraph-embed.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-news.view-mode-paragraph-embed.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-news.view-mode-ckeditor-embed.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-news.view-mode-ckeditor-embed.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-news.view-mode-ckeditor-embed.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-news.view-mode-list.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-news.view-mode-list.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-news.view-mode-list.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-news.view-mode-related.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-news.view-mode-related.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-news.view-mode-related.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-news.view-mode-teaser.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-news.view-mode-teaser.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-news.view-mode-teaser.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-news.view-mode-search.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-news.view-mode-search.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-news.view-mode-search.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}

.bundle-type-event.view-mode-full.node-title > * {
  font-size: 3rem;
  font-weight: 700;
}
.bundle-type-event.view-mode-full.field-intro {
  font-size: 1.4rem;
  line-height: 1.2em;
}
.bundle-type-event.view-mode-full.field--label-inline {
  display: flex;
  font-size: 0.9rem;
  line-height: 1.45em;
}
.bundle-type-event.view-mode-full.field--label-inline .field__label {
  margin-right: 6px;
}
.bundle-type-event.view-mode-full.field--label-inline .field__label:after {
  content: ":";
  display: inline;
}
.bundle-type-event.view-mode-full.field-notice {
  font-size: 0.9rem;
  line-height: 1.45em;
}
.bundle-type-event.view-mode-full.field-notice .field__label:after {
  content: ":";
  display: inline;
}
.bundle-type-event.view-mode-full.field-link-registration a {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background: var(--btn-color);
  color: var(--btn-font-color) !important;
  padding: 6px 12px;
  font-size: 1rem;
  line-height: 1.25em;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s linear;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 6px 12px;
}
.bundle-type-event.view-mode-full.field-link-registration a:hover {
  background: none;
  color: var(--color-black) !important;
}
.bundle-type-event.view-mode-full.field-link-registration a:before, .bundle-type-event.view-mode-full.field-link-registration a:after {
  display: none;
}
@media screen and (min-width: 768px) {
  .bundle-type-event.view-mode-full.field-link-registration a {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
.bundle-type-event.view-mode-full.field-link-registration a:hover {
  background: var(--btn-color-hover);
  color: var(--btn-font-color-hover) !important;
}
@media screen and (min-width: 992px) {
  .bundle-type-event.view-mode-full.field-link-registration a {
    font-size: 1rem;
    padding: 6px 12px;
  }
}
.bundle-type-event.view-mode-paragraph-embed.node-title > * {
  font-size: 1.5rem;
  line-height: 1.25em;
  font-weight: 700;
}
.bundle-type-event.view-mode-paragraph-embed.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-event.view-mode-list.field-time, .bundle-type-event.view-mode-list.field-place {
  font-size: 0.9rem;
}
.bundle-type-page.view-mode-full.node-title > * {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media screen and (min-width: 992px) {
  .bundle-type-page.view-mode-full.node-title > * {
    font-size: 3.5rem;
    line-height: 1.2em;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
  }
}
.bundle-type-page.view-mode-full.field-intro {
  font-size: 1.25rem;
  line-height: 1.375em;
}
@media screen and (min-width: 992px) {
  .bundle-type-page.view-mode-full.field-intro {
    font-size: 1.375rem;
  }
}
.bundle-type-page.view-mode-paragraph-embed.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-page.view-mode-paragraph-embed.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-page.view-mode-paragraph-embed.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-page.view-mode-ckeditor-embed.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-page.view-mode-ckeditor-embed.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-page.view-mode-ckeditor-embed.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-page.view-mode-list.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-page.view-mode-list.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-page.view-mode-list.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-page.view-mode-related.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-page.view-mode-related.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-page.view-mode-related.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-page.view-mode-teaser.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-page.view-mode-teaser.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-page.view-mode-teaser.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-page.view-mode-search.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-page.view-mode-search.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-page.view-mode-search.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}

.bundle-type-article.view-mode-full.node-title > * {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media screen and (min-width: 992px) {
  .bundle-type-article.view-mode-full.node-title > * {
    font-size: 3.5rem;
    line-height: 1.2em;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
  }
}
.bundle-type-article.view-mode-full.field-intro {
  font-size: 1.25rem;
  line-height: 1.375em;
}
@media screen and (min-width: 992px) {
  .bundle-type-article.view-mode-full.field-intro {
    font-size: 1.375rem;
  }
}
.bundle-type-article.view-mode-paragraph-embed.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-article.view-mode-paragraph-embed.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-article.view-mode-paragraph-embed.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-article.view-mode-ckeditor-embed.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-article.view-mode-ckeditor-embed.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-article.view-mode-ckeditor-embed.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-article.view-mode-list.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-article.view-mode-list.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-article.view-mode-list.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-article.view-mode-related.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-article.view-mode-related.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-article.view-mode-related.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-article.view-mode-teaser.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-article.view-mode-teaser.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-article.view-mode-teaser.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-article.view-mode-search.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-article.view-mode-search.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-article.view-mode-search.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}

.bundle-type-project.view-mode-full.node-title > * {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  color: var(--color-header-contrast);
}
@media screen and (min-width: 992px) {
  .bundle-type-project.view-mode-full.node-title > * {
    font-size: 3.5rem;
    line-height: 1.2em;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
  }
}
.bundle-type-project.view-mode-full.field-official-title {
  font-size: 1.25rem;
  line-height: 1.375em;
  color: var(--color-header-contrast);
}
@media screen and (min-width: 992px) {
  .bundle-type-project.view-mode-full.field-official-title {
    font-size: 1.375rem;
  }
}
.bundle-type-project.view-mode-full.field-intro {
  font-size: 1.25rem;
  line-height: 1.375em;
  color: var(--color-header-contrast);
}
@media screen and (min-width: 992px) {
  .bundle-type-project.view-mode-full.field-intro {
    font-size: 1.375rem;
  }
}
.bundle-type-project.view-mode-full.field-authority-ref {
  color: var(--color-header-contrast);
}
.bundle-type-project.view-mode-full.field-authority-ref a {
  color: var(--color-header-contrast);
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  text-decoration: none;
}
.bundle-type-project.view-mode-full.field-authority-ref a:hover {
  color: var(--color-secondary-lighter);
}
.bundle-type-project.view-mode-card.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-project.view-mode-card.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-project.view-mode-card.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-project.view-mode-card.field-category {
  font-style: italic;
  line-height: 1em;
}
.bundle-type-project.view-mode-ckeditor-embed.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-project.view-mode-ckeditor-embed.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-project.view-mode-ckeditor-embed.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-project.view-mode-list.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-project.view-mode-list.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-project.view-mode-list.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-project.view-mode-related.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-project.view-mode-related.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-project.view-mode-related.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-project.view-mode-teaser.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-project.view-mode-teaser.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-project.view-mode-teaser.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-project.view-mode-search.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-project.view-mode-search.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-project.view-mode-search.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}

.node--type-project.node--view-mode-full .group-project-accordion-wrapper {
  counter-reset: labelCounter;
}
.node--type-project.node--view-mode-full .group-project-accordion-wrapper > .project-show-all-wrapper {
  display: flex;
  justify-content: flex-end;
}
.node--type-project.node--view-mode-full .group-project-accordion-wrapper > .project-show-all-wrapper > .project-accordion-show-all {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  color: var(--color-primary) !important;
  display: flex;
  flex-direction: row-reverse;
  gap: 8px;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transition: background-color 0.15s linear;
}
.node--type-project.node--view-mode-full .group-project-accordion-wrapper > .project-show-all-wrapper > .project-accordion-show-all:hover {
  background: none;
  color: var(--color-black) !important;
}
.node--type-project.node--view-mode-full .group-project-accordion-wrapper > .project-show-all-wrapper > .project-accordion-show-all:before, .node--type-project.node--view-mode-full .group-project-accordion-wrapper > .project-show-all-wrapper > .project-accordion-show-all:after {
  display: none;
}
.node--type-project.node--view-mode-full .group-project-accordion-wrapper > .project-show-all-wrapper > .project-accordion-show-all:after {
  display: block;
}
.node--type-project.node--view-mode-full .group-project-accordion-wrapper > .project-show-all-wrapper > .project-accordion-show-all:hover {
  color: var(--color-primary-darker) !important;
}
.node--type-project.node--view-mode-full .group-project-accordion-wrapper > .field {
  counter-increment: labelCounter;
  padding: 24px;
  background-color: var(--color-white);
}
.node--type-project.node--view-mode-full .group-project-accordion-wrapper > .field > .field__label {
  font-size: 1.25rem;
  font-weight: 600;
  transition: margin 0.15s linear;
  cursor: pointer;
}
.node--type-project.node--view-mode-full .group-project-accordion-wrapper > .field > .field__label:before {
  content: counter(labelCounter, upper-roman) ".";
  display: none;
  font-weight: 800;
  width: 100%;
  color: var(--color-grey-500);
}
.node--type-project.node--view-mode-full .group-project-accordion-wrapper > .field > .field__label:after {
  color: var(--color-primary);
  font-weight: 800;
  transform-origin: center;
  line-height: 1em;
  transition: transform 0.15s linear;
  float: right;
}
.node--type-project.node--view-mode-full .group-project-accordion-wrapper > .field h5,
.node--type-project.node--view-mode-full .group-project-accordion-wrapper > .field ul,
.node--type-project.node--view-mode-full .group-project-accordion-wrapper > .field p {
  display: none;
}
.node--type-project.node--view-mode-full .group-project-accordion-wrapper > .field.acc-active > .field__label {
  margin-bottom: 12px;
}
.node--type-project.node--view-mode-full .group-project-accordion-wrapper > .field.acc-active > .field__label:after {
  transform: rotate(180deg);
}
.node--type-project.node--view-mode-full .group-project-accordion-wrapper > .field.acc-active h5,
.node--type-project.node--view-mode-full .group-project-accordion-wrapper > .field.acc-active ul,
.node--type-project.node--view-mode-full .group-project-accordion-wrapper > .field.acc-active p {
  display: block;
}

.bundle-type-sectionpage.view-mode-full.node-title > * {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media screen and (min-width: 992px) {
  .bundle-type-sectionpage.view-mode-full.node-title > * {
    font-size: 3.5rem;
    line-height: 1.2em;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
  }
}
.bundle-type-sectionpage.view-mode-full.field-intro {
  font-size: 1.25rem;
  line-height: 1.375em;
}
@media screen and (min-width: 992px) {
  .bundle-type-sectionpage.view-mode-full.field-intro {
    font-size: 1.375rem;
  }
}
.bundle-type-sectionpage.view-mode-paragraph-embed.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-sectionpage.view-mode-paragraph-embed.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-sectionpage.view-mode-paragraph-embed.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-sectionpage.view-mode-ckeditor-embed.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-sectionpage.view-mode-ckeditor-embed.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-sectionpage.view-mode-ckeditor-embed.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-sectionpage.view-mode-list.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-sectionpage.view-mode-list.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-sectionpage.view-mode-list.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-sectionpage.view-mode-related.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-sectionpage.view-mode-related.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-sectionpage.view-mode-related.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-sectionpage.view-mode-teaser.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-sectionpage.view-mode-teaser.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-sectionpage.view-mode-teaser.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-sectionpage.view-mode-search.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-sectionpage.view-mode-search.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-sectionpage.view-mode-search.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}

.bundle-type-publication.field-published, .bundle-type-publication.field-author {
  display: flex;
  gap: 3px;
  font-size: 0.875rem;
  font-weight: 400;
}
.bundle-type-publication.field-published .field__label:after, .bundle-type-publication.field-author .field__label:after {
  content: ":";
  display: inline-block;
}
.bundle-type-publication.view-mode-full.node-title > * {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media screen and (min-width: 992px) {
  .bundle-type-publication.view-mode-full.node-title > * {
    font-size: 3.5rem;
    line-height: 1.2em;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
  }
}
.bundle-type-publication.view-mode-full.field-intro {
  font-size: 1.25rem;
  line-height: 1.375em;
}
@media screen and (min-width: 992px) {
  .bundle-type-publication.view-mode-full.field-intro {
    font-size: 1.375rem;
  }
}
.bundle-type-publication.view-mode-full.field--label-inline {
  display: flex;
  font-size: 0.9rem;
  line-height: 1.45em;
}
.bundle-type-publication.view-mode-full.field--label-inline .field__label {
  margin-right: 6px;
}
.bundle-type-publication.view-mode-full.field--label-inline .field__label:after {
  content: ":";
  display: inline;
}
.bundle-type-publication.view-mode-paragraph-embed.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-publication.view-mode-paragraph-embed.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-publication.view-mode-paragraph-embed.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-publication.view-mode-ckeditor-embed.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-publication.view-mode-ckeditor-embed.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-publication.view-mode-ckeditor-embed.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-publication.view-mode-list.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-publication.view-mode-list.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-publication.view-mode-list.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-publication.view-mode-related.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-publication.view-mode-related.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-publication.view-mode-related.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-publication.view-mode-teaser.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-publication.view-mode-teaser.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-publication.view-mode-teaser.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-publication.view-mode-search.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-publication.view-mode-search.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-publication.view-mode-search.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}

.bundle-type-person.view-mode-full.node-title > * {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media screen and (min-width: 992px) {
  .bundle-type-person.view-mode-full.node-title > * {
    font-size: 3.5rem;
    line-height: 1.2em;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
  }
}
.bundle-type-person.view-mode-full.field-intro {
  font-size: 1.25rem;
  line-height: 1.375em;
}
@media screen and (min-width: 992px) {
  .bundle-type-person.view-mode-full.field-intro {
    font-size: 1.375rem;
  }
}
.bundle-type-person.view-mode-full.field-image-press {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
}
.bundle-type-person.view-mode-full.field-image-press .field__label {
  font-size: 1.175rem;
  line-height: 1.275em;
  font-weight: 400;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .bundle-type-person.view-mode-full.field-image-press .media {
    width: calc(100%/3 - 24px);
  }
}
.bundle-type-person.view-mode-paragraph-embed.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-person.view-mode-paragraph-embed.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-person.view-mode-paragraph-embed.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-person.view-mode-ckeditor-embed.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-person.view-mode-ckeditor-embed.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-person.view-mode-ckeditor-embed.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-person.view-mode-list.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-person.view-mode-list.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-person.view-mode-list.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-person.view-mode-related.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-person.view-mode-related.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-person.view-mode-related.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-person.view-mode-teaser.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-person.view-mode-teaser.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-person.view-mode-teaser.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-person.view-mode-contact.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
.bundle-type-person.view-mode-contact.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-person.view-mode-search.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-person.view-mode-search.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-person.view-mode-search.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}

.bundle-type-member.field-image-main {
  padding: 12px;
}
.bundle-type-member.view-mode-full.node-title > * {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media screen and (min-width: 992px) {
  .bundle-type-member.view-mode-full.node-title > * {
    font-size: 3.5rem;
    line-height: 1.2em;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
  }
}
.bundle-type-member.view-mode-full.field-intro {
  font-size: 1.25rem;
  line-height: 1.375em;
}
@media screen and (min-width: 992px) {
  .bundle-type-member.view-mode-full.field-intro {
    font-size: 1.375rem;
  }
}
.bundle-type-member.view-mode-paragraph-embed.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-member.view-mode-paragraph-embed.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-member.view-mode-paragraph-embed.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-member.view-mode-ckeditor-embed.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-member.view-mode-ckeditor-embed.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-member.view-mode-ckeditor-embed.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-member.view-mode-list.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-member.view-mode-list.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-member.view-mode-list.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-member.view-mode-related.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-member.view-mode-related.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-member.view-mode-related.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-member.view-mode-teaser.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-member.view-mode-teaser.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-member.view-mode-teaser.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.bundle-type-member.view-mode-search.node-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-member.view-mode-search.node-title > * {
    font-size: 1.375rem;
  }
}
.bundle-type-member.view-mode-search.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}

.bundle-type-systempage.view-mode-full.node-title > * {
  font-size: 3.5rem;
  text-transform: uppercase;
  font-weight: 700;
}
.bundle-type-systempage.view-mode-full.field-intro {
  font-size: 1.4rem;
  line-height: 1.2em;
}
.bundle-type-systempage.view-mode-paragraph-embed.node-title > * {
  font-size: 1.5rem;
  line-height: 1.25em;
  font-weight: 700;
}
.bundle-type-systempage.view-mode-paragraph-embed.field-intro {
  font-size: 1.125rem;
  line-height: 1.375em;
}
.field-para-title h2 {
  font-size: 2rem;
  line-height: 1.25em;
  font-weight: 400;
}
@media screen and (min-width: 992px) {
  .field-para-title h2 {
    font-size: 3.25rem;
  }
}

.field-para-text,
.field-para-text-alt {
  --color-table-caption: var(--color-secondary-lighter);
  --color-table-caption-con: var(--color-secondary-lighter-con);
  --color-table-header: var(--color-secondary-lighter);
  --color-table-header-con: var(--color-secondary-lighter-con);
  font-size: 1.125rem;
  line-height: 1.375em;
}
.field-para-text > h2,
.field-para-text > h3,
.field-para-text > h4,
.field-para-text-alt > h2,
.field-para-text-alt > h3,
.field-para-text-alt > h4 {
  margin-top: 36px;
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  .field-para-text > h2,
.field-para-text > h3,
.field-para-text > h4,
.field-para-text-alt > h2,
.field-para-text-alt > h3,
.field-para-text-alt > h4 {
    margin-top: 48px;
  }
}
.field-para-text > h2:first-child,
.field-para-text > h3:first-child,
.field-para-text > h4:first-child,
.field-para-text-alt > h2:first-child,
.field-para-text-alt > h3:first-child,
.field-para-text-alt > h4:first-child {
  margin-top: 0;
}
.field-para-text > h2 + h3,
.field-para-text > h2 + h4,
.field-para-text > h2 + h5,
.field-para-text > h3 + h3,
.field-para-text > h3 + h4,
.field-para-text > h3 + h5,
.field-para-text > h4 + h3,
.field-para-text > h4 + h4,
.field-para-text > h4 + h5,
.field-para-text-alt > h2 + h3,
.field-para-text-alt > h2 + h4,
.field-para-text-alt > h2 + h5,
.field-para-text-alt > h3 + h3,
.field-para-text-alt > h3 + h4,
.field-para-text-alt > h3 + h5,
.field-para-text-alt > h4 + h3,
.field-para-text-alt > h4 + h4,
.field-para-text-alt > h4 + h5 {
  margin-top: 0;
}
.field-para-text ul,
.field-para-text-alt ul {
  display: table;
  list-style: none;
  list-style-type: none !important;
  padding: 0;
  margin: 0;
  margin-bottom: 24px;
}
.field-para-text ul:last-child,
.field-para-text-alt ul:last-child {
  margin-bottom: 0;
}
.field-para-text ul li,
.field-para-text-alt ul li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
}
.field-para-text ul li:before,
.field-para-text-alt ul li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: var(--default-first-list-color, var(--color-primary));
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 4px;
}
.field-para-text ul li:last-child,
.field-para-text-alt ul li:last-child {
  margin-bottom: 0;
}
.field-para-text ul li > ul,
.field-para-text-alt ul li > ul {
  list-style: none;
  padding: 0;
  margin-top: 6px;
}
.field-para-text ul li > ul > li,
.field-para-text-alt ul li > ul > li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
}
.field-para-text ul li > ul > li:before,
.field-para-text-alt ul li > ul > li:before {
  background-color: var(--default-second-list-color, var(--color-primary-darker));
}
.field-para-text ul li > ul > li:last-child,
.field-para-text-alt ul li > ul > li:last-child {
  margin-bottom: 0;
}
.field-para-text ol,
.field-para-text-alt ol {
  counter-reset: custom-counter;
  list-style: none;
  padding-left: 19.2px;
  margin: 0;
  margin-bottom: 24px;
}
.field-para-text ol:last-child,
.field-para-text-alt ol:last-child {
  margin-bottom: 0;
}
.field-para-text ol > li,
.field-para-text-alt ol > li {
  margin-bottom: 12px;
  padding-left: 8px;
  position: relative;
}
.field-para-text ol > li:before,
.field-para-text-alt ol > li:before {
  counter-increment: custom-counter;
  content: counter(custom-counter);
  display: block;
  height: 22px;
  width: 22px;
  line-height: 23px;
  border-radius: 50%;
  background-color: var(--default-first-list-color, var(--color-primary));
  text-align: center;
  color: var(--default-first-list-color-con, var(--color-primary-con));
  font-size: 0.75rem;
  position: absolute;
  top: 2px;
  left: -19px;
}
.field-para-text ol > li:last-child,
.field-para-text-alt ol > li:last-child {
  margin-bottom: 0;
}
.field-para-text ol > li > ol,
.field-para-text-alt ol > li > ol {
  margin-top: 6px;
}
.field-para-text ol > li > ol > li,
.field-para-text-alt ol > li > ol > li {
  margin-bottom: 12px;
}
.field-para-text > h1,
.field-para-text-alt > h1 {
  font-size: 2rem;
  line-height: 1.3em;
  font-family: "Nunito Sans", Sans-Serif;
}
@media screen and (min-width: 992px) {
  .field-para-text > h1,
.field-para-text-alt > h1 {
    font-size: 2.5rem;
  }
}
.field-para-text > h2,
.field-para-text-alt > h2 {
  font-size: 1.5rem;
  line-height: 1.2em;
  font-family: "Nunito Sans", Sans-Serif;
}
@media screen and (min-width: 992px) {
  .field-para-text > h2,
.field-para-text-alt > h2 {
    font-size: 2rem;
  }
}
.field-para-text > h3,
.field-para-text-alt > h3 {
  font-size: 1.375rem;
  line-height: 1.2em;
  font-family: "Nunito Sans", Sans-Serif;
}
@media screen and (min-width: 992px) {
  .field-para-text > h3,
.field-para-text-alt > h3 {
    font-size: 1.5rem;
  }
}
.field-para-text > h4,
.field-para-text-alt > h4 {
  font-size: 1.25rem;
  font-family: "Nunito Sans", Sans-Serif;
}
@media screen and (min-width: 992px) {
  .field-para-text > h4,
.field-para-text-alt > h4 {
    font-size: 1.375rem;
  }
}
.field-para-text > h5,
.field-para-text-alt > h5 {
  font-size: 0.83rem;
  font-family: "Nunito Sans", Sans-Serif;
}
.field-para-text > h6,
.field-para-text-alt > h6 {
  font-size: 0.67rem;
  font-family: "Nunito Sans", Sans-Serif;
}
.field-para-text > figure,
.field-para-text > div,
.field-para-text > p,
.field-para-text-alt > figure,
.field-para-text-alt > div,
.field-para-text-alt > p {
  margin-top: 0;
  margin-bottom: 24px;
}
.field-para-text > figure:last-child,
.field-para-text > div:last-child,
.field-para-text > p:last-child,
.field-para-text-alt > figure:last-child,
.field-para-text-alt > div:last-child,
.field-para-text-alt > p:last-child {
  margin-bottom: 0;
}
.field-para-text sub,
.field-para-text sup,
.field-para-text-alt sub,
.field-para-text-alt sup {
  line-height: 0;
  font-size: 0.675rem;
}
.field-para-text a,
.field-para-text-alt a {
  color: var(--link-color);
  transition: color 0.2s linear;
}
.field-para-text a:hover,
.field-para-text-alt a:hover {
  color: var(--link-color-hover);
}
.field-para-text > a[href^=tel],
.field-para-text-alt > a[href^=tel] {
  color: inherit;
  text-decoration: underline !important;
}
.field-para-text table,
.field-para-text-alt table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 24px;
  font-size: 0.9rem;
  line-height: 1.3em;
}
.field-para-text table:last-child,
.field-para-text-alt table:last-child {
  margin-bottom: 0;
}
.field-para-text table > caption,
.field-para-text-alt table > caption {
  background-color: var(--color-table-caption);
  color: var(--color-table-caption-con);
  font-weight: 700;
  text-align: left;
  padding: 6px;
  font-size: 1rem;
}
.field-para-text table th, .field-para-text table td,
.field-para-text-alt table th,
.field-para-text-alt table td {
  text-align: left;
  padding: 6px;
  vertical-align: top;
}
.field-para-text table th,
.field-para-text-alt table th {
  background-color: var(--color-table-header);
  color: var(--color-table-header-con);
  font-weight: 700;
}
.field-para-text table tr:nth-child(even),
.field-para-text-alt table tr:nth-child(even) {
  background-color: var(--color-grey-100);
}

.field-para-link a {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background: transparent;
  color: var(--btn-color-no-bg) !important;
  padding-left: 42px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25em;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s linear;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  position: relative;
}
.field-para-link a:hover {
  background: none;
  color: var(--color-black) !important;
}
.field-para-link a:before, .field-para-link a:after {
  display: none;
}
@media screen and (min-width: 992px) {
  .field-para-link a {
    padding-left: 24px;
    font-size: 1rem;
  }
}
.field-para-link a:after {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.6rem;
  font-weight: 700;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  transition: left 0.25s linear;
}
@media screen and (min-width: 992px) {
  .field-para-link a:after {
    font-size: 0.675rem;
    top: 11px;
  }
}
.field-para-link a:hover {
  color: var(--btn-color-no-bg-hover) !important;
}
.field-para-link a:hover:after {
  left: 8px;
}

.field-para-links {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex-direction: column;
}
.field-para-links a {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 12px;
  text-decoration: none;
}
.field-para-links a:after {
  font-size: 0.7rem;
  line-height: 1em;
  transition: transform 0.2s ease-in-out;
}
.field-para-links a:hover:after {
  transform: translateX(4px);
}

.field-para-box-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .field-para-box-title > * {
    font-size: 1.375rem;
  }
}

.field-para-number-text {
  font-size: 1.125rem;
  line-height: 1.375em;
}

.bundle-type-box.field-para-box-title > * {
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .bundle-type-box.field-para-box-title > * {
    font-size: 1.375rem;
  }
}

.bundle-type-box-icon.field-para-link a {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  font-size: 1.275rem;
  line-height: 1.275em;
  font-weight: 600;
  text-align: center;
  width: 100%;
}
.bundle-type-box-icon.field-para-link a:hover {
  background: none;
  color: var(--color-black) !important;
}
.bundle-type-box-icon.field-para-link a:before, .bundle-type-box-icon.field-para-link a:after {
  display: none;
}
@media screen and (min-width: 992px) {
  .bundle-type-box-icon.field-para-link a {
    font-size: 1.375rem;
  }
}
.bundle-type-box-icon.field-para-link a:hover {
  text-decoration: underline;
}

.bundle-type-box-number.field-para-number {
  text-align: center;
  line-height: 1.3em;
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .bundle-type-box-number.field-para-number {
    font-size: 4rem;
  }
}
.bundle-type-box-number.field-para-number:after {
  content: "";
  display: block;
  width: 50px;
  height: 4px;
  background: var(--color-primary);
  margin: 0 auto;
}
.bundle-type-box-number.field-para-number-text {
  font-size: 1.125rem;
  line-height: 1.375em;
  text-align: center;
}

.bundle-type-box-shortcut.field-para-graphic .media {
  height: 150px;
  position: relative;
}
.bundle-type-box-shortcut.field-para-graphic .media img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: calc(150px - 24px);
  transition: all 0.2s linear;
}
.view-mode-ribbon.field-para-title h2 {
  line-height: 1.1em;
}
.view-mode-ribbon.bundle-type-ribbon-hero.field-para-slug {
  font-size: 1.1rem;
}
.view-mode-ribbon.bundle-type-ribbon-hero.field-para-title h2 {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 3rem;
}
@media screen and (min-width: 992px) {
  .view-mode-ribbon.bundle-type-ribbon-hero.field-para-title h2 {
    font-size: 3.5rem;
  }
}
.view-mode-ribbon.bundle-type-ribbon-hero.field-para-text {
  font-size: 1.45rem;
}
.view-mode-ribbon.bundle-type-ribbon-hero.field-para-link a {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background: var(--btn-color);
  color: var(--btn-font-color) !important;
  padding: 6px 12px;
  font-size: 1rem;
  line-height: 1.25em;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s linear;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
}
.view-mode-ribbon.bundle-type-ribbon-hero.field-para-link a:hover {
  background: none;
  color: var(--color-black) !important;
}
.view-mode-ribbon.bundle-type-ribbon-hero.field-para-link a:before, .view-mode-ribbon.bundle-type-ribbon-hero.field-para-link a:after {
  display: none;
}
@media screen and (min-width: 768px) {
  .view-mode-ribbon.bundle-type-ribbon-hero.field-para-link a {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
.view-mode-ribbon.bundle-type-ribbon-hero.field-para-link a:hover {
  background: var(--btn-color-hover);
  color: var(--btn-font-color-hover) !important;
}
.view-mode-ribbon.bundle-type-ribbon-list.field-para-text {
  font-size: 1.45rem;
}
.view-mode-ribbon.bundle-type-ribbon-list.field-para-text h2 {
  font-size: 3.5rem;
  margin-bottom: 24px;
}
.view-mode-ribbon.bundle-type-ribbon-list.field-project-link {
  --btn-color: var(--color-primary-lighter);
  --btn-font-color: var(--color-primary-lighter-con);
  --btn-color-hover: var(--color-primary);
  --btn-font-color-hover: var(--color-primary-con);
}
.view-mode-ribbon.bundle-type-ribbon-list.field-project-link a {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background: var(--btn-color);
  color: var(--btn-font-color) !important;
  padding: 6px 12px;
  font-size: 1rem;
  line-height: 1.25em;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s linear;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
}
.view-mode-ribbon.bundle-type-ribbon-list.field-project-link a:hover {
  background: none;
  color: var(--color-black) !important;
}
.view-mode-ribbon.bundle-type-ribbon-list.field-project-link a:before, .view-mode-ribbon.bundle-type-ribbon-list.field-project-link a:after {
  display: none;
}
@media screen and (min-width: 768px) {
  .view-mode-ribbon.bundle-type-ribbon-list.field-project-link a {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
.view-mode-ribbon.bundle-type-ribbon-list.field-project-link a:hover {
  background: var(--btn-color-hover);
  color: var(--btn-font-color-hover) !important;
}

/**************************************************
*  Molecules
**************************************************/
.webform-submission-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

form .form-item.webform-has-field-prefix {
  display: grid;
  grid-template-areas: "label label label" "prefix input input";
}
form .form-item.webform-has-field-prefix > label {
  grid-area: label;
}
form .form-item.webform-has-field-prefix > .field-prefix {
  grid-area: prefix;
}
form .form-item.webform-has-field-prefix > input {
  grid-area: input;
}
@media screen and (min-width: 768px) {
  form .form-item.webform-has-field-prefix > input {
    width: 100% !important;
  }
}
form .form-item.webform-has-field-suffix {
  display: grid;
  grid-template-areas: "label label label" "input input suffix";
}
form .form-item.webform-has-field-suffix > label {
  grid-area: label;
}
form .form-item.webform-has-field-suffix > .field-suffix {
  grid-area: suffix;
}
form .form-item.webform-has-field-suffix > input {
  grid-area: input;
}
@media screen and (min-width: 768px) {
  form .form-item.webform-has-field-suffix > input {
    width: 100% !important;
  }
}
form .form-item label {
  display: block;
  margin-bottom: 6px;
}
form .form-item label.form-required {
  display: flex;
}
form .form-item label.form-required:after {
  content: "";
  align-self: baseline;
  /* Use a background image to prevent screen readers from announcing the text. */
  background-image: url(../../../../../core/misc/icons/ee0000/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
  margin-left: 3px;
  width: 6px;
  height: 6px;
  display: inline-block;
}
form fieldset {
  margin: 0 !important;
}
form fieldset legend {
  padding: 0;
  font-weight: 600;
  margin-bottom: 6px;
}
form fieldset .js-webform-radios,
form fieldset .js-webform-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
form fieldset .fieldset-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
form fieldset.webform-type-fieldset {
  padding: 24px;
  background-color: var(--color-grey-100);
  border: 0;
  border-radius: 6px;
}
form fieldset.webform-type-fieldset legend {
  padding: 12px;
  margin-bottom: 0;
  background-color: var(--color-white);
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  form #edit-email--wrapper .fieldset-wrapper {
    flex-direction: row;
  }
}

.ot-form-type-select {
  position: relative;
  width: 100%;
}
.ot-form-type-select:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  font-size: 0.625rem;
  pointer-events: none;
}
.ot-form-type-select select {
  width: 100%;
}

.form-type-managed-file .description {
  display: block;
  margin-top: 6px;
}

#node-project-anonymous-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.ot-search-wrapper {
  overflow: hidden;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  transition: height 0.2s linear;
}
.ot-search-wrapper > .ot-form-wrapper {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
  background: var(--color-grey-200);
  padding: 24px !important;
  margin-bottom: 24px;
  margin-top: 24px;
}
@media screen and (min-width: 992px) {
  .ot-search-wrapper > .ot-form-wrapper {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .ot-search-wrapper > .ot-form-wrapper {
    width: 1140px;
  }
}
@media screen and (min-width: 1600px) {
  .ot-search-wrapper > .ot-form-wrapper {
    width: 1400px;
  }
}
.ot-search-wrapper #search-form-container {
  width: 50%;
  margin: 0 auto;
}
.ot-search-wrapper .form--inline {
  display: flex;
  flex-wrap: wrap;
}
.ot-search-wrapper .form--inline > .form-item {
  width: 80%;
  margin: 0;
}
.ot-search-wrapper .form--inline > .form-item label {
  display: none;
}
.ot-search-wrapper .form--inline > .form-item input {
  width: 100%;
}
.ot-search-wrapper .form--inline > .form-actions {
  width: 20%;
}
.ot-search-wrapper .form--inline > .form-actions > input {
  width: 100%;
  background: var(--color-primary);
  color: var(--color-primary-con);
  border: 2px solid var(--color-primary);
  height: 35px;
}
.ot-search-wrapper .form--inline > .form-actions #edit-reset {
  display: none;
}

/**************************************************
 *  MAIN MENU
 **************************************************/
.top-menu-main {
  --menu-background-clr: transparent;
  --menu-font-clr: var(--color-secondary-con);
  --menu-background-clr-active: var(--color-primary);
  --menu-font-clr-active: var(--color-primary-con);
  --menu-background-clr-hover: var(--color-primary);
  --menu-font-clr-hover: var(--color-primary-con);
}
.top-menu-main ul.menu {
  display: flex;
  gap: 48px;
  align-items: center;
}
.top-menu-main ul.menu li.menu-item a {
  display: block;
  text-decoration: none;
  color: var(--menu-font-clr);
  text-transform: uppercase;
  font-size: 1.25rem;
  line-height: 1.45em;
  font-weight: 600;
  padding: 6px 12px;
  position: relative;
}
.top-menu-main ul.menu li.menu-item a:after {
  content: attr(title);
  display: block;
  text-transform: none;
  font-size: 0.9rem;
  line-height: 1.45em;
  font-weight: 300;
}
.top-menu-main ul.menu li.menu-item a:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  top: 0;
  left: 0;
  background-color: var(--menu-font-clr);
  transition: all 0.05s linear;
}
.top-menu-main ul.menu li.menu-item a:hover:before {
  width: 3px;
  background-color: var(--menu-background-clr-hover);
}
.top-menu-main ul.menu li.menu-item.menu-item--active-trail > a:before {
  width: 4px;
  background-color: var(--menu-background-clr-hover);
}
.top-menu-main ul.menu li.menu-item > ul.menu {
  display: none;
}

/**************************************************
 *  SERVICE MENU
 **************************************************/
.top-menu-service {
  --menu-background-clr: transparent;
  --menu-font-clr: var(--color-grey-500);
  --menu-background-clr-active: transparent;
  --menu-font-clr-active: var(--color-black);
  --menu-background-clr-hover: transparent;
  --menu-font-clr-hover: var(--color-black);
}
.top-menu-service ul.menu {
  display: flex;
}
.top-menu-service ul.menu li.menu-item {
  display: flex;
  align-items: center;
}
.top-menu-service ul.menu li.menu-item a {
  text-decoration: none;
  display: block;
  font-size: 0.8rem;
  padding: 6px;
  background-color: var(--menu-background-clr);
  color: var(--menu-font-clr);
  transition: 0.2s color ease-in-out;
}
.top-menu-service ul.menu li.menu-item a:hover {
  background-color: var(--menu-background-clr-hover);
  color: var(--menu-font-clr-hover);
}
.top-menu-service ul.menu li.menu-item:after {
  content: "|";
  display: none;
  color: var(--color-grey-300);
}
@media screen and (min-width: 992px) {
  .top-menu-service ul.menu li.menu-item:after {
    display: block;
  }
}
.top-menu-service ul.menu li.menu-item:last-child:after {
  display: none;
}
.top-menu-service ul.menu li.menu-item.menu-item--active-trail a {
  background-color: var(--menu-background-clr-active);
  color: var(--menu-font-clr-active);
}
.top-menu-service ul.menu li.menu-item > ul.menu {
  display: none;
}

/**************************************************
 *  TOC menu
 **************************************************/
.toc-js {
  overflow-y: visible;
  display: none !important;
  margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
  .toc-js {
    display: flex !important;
    flex-direction: column;
    gap: 24px;
  }
}
.toc-js > nav > .toc-title {
  margin: 0.8em 0;
  color: var(--color-primary);
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.3em;
}
.toc-js > nav > ul {
  list-style: none;
  padding-left: 24px;
  margin-bottom: 0;
}
.toc-js > nav > ul > li {
  position: relative;
  padding: 0 0 12px;
}
.toc-js > nav > ul > li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: -24px;
  background: var(--color-grey-500);
  transition: background 0.2s linear;
  z-index: 2;
}
.toc-js > nav > ul > li:after {
  content: "";
  display: block;
  height: 100%;
  width: 2px;
  position: absolute;
  top: 9px;
  left: -20px;
  background: var(--color-grey-500);
}
.toc-js > nav > ul > li a {
  text-decoration: none;
  color: var(--color-grey-500);
}
.toc-js > nav > ul > li.toc-active:before, .toc-js > nav > ul > li:hover:before {
  background: var(--color-secondary);
}
.toc-js > nav > ul > li.toc-active a, .toc-js > nav > ul > li:hover a {
  color: var(--color-secondary);
}
.toc-js > nav > ul > li.has-been-active:before, .toc-js > nav > ul > li.has-been-active:after {
  background: var(--color-secondary);
}
.toc-js > nav > ul > li:last-child:after {
  display: none;
}
.toc-js.is-sticked {
  max-width: 200px;
}

.toc-mobile-btn {
  width: 24px;
  height: 24px;
  background: var(--color-primary);
  position: fixed;
  top: 16.3%;
  left: 0;
  z-index: 200;
}
.toc-mobile-btn:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.8rem;
  color: var(--color-primary-con);
}

.toc-mobile-wrapper {
  position: fixed;
  z-index: 200;
  left: 0;
  top: 16.3%;
  transform: translate(-100%, 24px);
  transition: all 0.5s ease-in-out;
}
.toc-mobile-wrapper.active {
  transform: translate(0, 24px);
}

.toc-mobile {
  display: inline-block !important;
  background: var(--color-secondary);
  color: var(--color-secondary-con);
  padding: 12px;
  position: relative !important;
  top: 0 !important;
  width: 300px;
}
.toc-mobile.is-sticked {
  max-width: 100%;
}
.toc-mobile .toc-title {
  font-size: 1.375rem;
  margin-bottom: 6px;
}
.toc-mobile > nav > ul > li {
  font-size: 1rem;
  line-height: 1.25em;
}
.toc-mobile > nav > ul > li:before {
  top: 6px;
}
.toc-mobile > nav > ul > li > a {
  color: var(--link-color);
}
.toc-mobile > nav > ul > li > a:hover {
  color: var(--link-color-hover);
}

/**************************************************
 *  SUBPAGES MENU
 **************************************************/
.main-menu-subpages,
.service-menu-subpages {
  display: none;
}
@media screen and (min-width: 992px) {
  .main-menu-subpages,
.service-menu-subpages {
    display: block;
    width: 100%;
  }
}
.main-menu-subpages > h2,
.service-menu-subpages > h2 {
  padding: 12px;
  background: var(--color-secondary-lighter);
  font-family: "Nunito Sans", Sans-Serif;
  font-size: 1.175rem;
  line-height: 1.275em;
}
.main-menu-subpages > h2 a,
.service-menu-subpages > h2 a {
  text-decoration: none;
  color: var(--color-black);
}
.main-menu-subpages > h2 a:hover,
.service-menu-subpages > h2 a:hover {
  color: var(--color-grey-700);
}
.main-menu-subpages ul.menu,
.service-menu-subpages ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.main-menu-subpages ul.menu li.menu-item.menu-item--collapsed > a,
.service-menu-subpages ul.menu li.menu-item.menu-item--collapsed > a {
  position: relative;
}
.main-menu-subpages ul.menu li.menu-item.menu-item--collapsed > a:after,
.service-menu-subpages ul.menu li.menu-item.menu-item--collapsed > a:after {
  width: 10px;
  font-size: 0.65rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}
.main-menu-subpages ul.menu li.menu-item.menu-item--expanded > a:after,
.service-menu-subpages ul.menu li.menu-item.menu-item--expanded > a:after {
  width: 10px;
  font-size: 0.65rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}
.main-menu-subpages ul.menu li.menu-item > .menu-item--toggle > a,
.main-menu-subpages ul.menu li.menu-item > a,
.service-menu-subpages ul.menu li.menu-item > .menu-item--toggle > a,
.service-menu-subpages ul.menu li.menu-item > a {
  color: var(--color-black);
  padding: 12px;
  padding-right: 30px;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.375em;
  display: block;
  position: relative;
  transition: color 0.3s linear;
}
.main-menu-subpages ul.menu li.menu-item > .menu-item--toggle > a:before,
.main-menu-subpages ul.menu li.menu-item > a:before,
.service-menu-subpages ul.menu li.menu-item > .menu-item--toggle > a:before,
.service-menu-subpages ul.menu li.menu-item > a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: var(--color-grey-200);
  transition: background-color 0.3s linear;
}
.main-menu-subpages ul.menu li.menu-item > .menu-item--toggle > a:hover,
.main-menu-subpages ul.menu li.menu-item > a:hover,
.service-menu-subpages ul.menu li.menu-item > .menu-item--toggle > a:hover,
.service-menu-subpages ul.menu li.menu-item > a:hover {
  color: var(--color-primary);
}
@media screen and (min-width: 768px) {
  .main-menu-subpages ul.menu li.menu-item > .menu-item--toggle > a:hover:before,
.main-menu-subpages ul.menu li.menu-item > a:hover:before,
.service-menu-subpages ul.menu li.menu-item > .menu-item--toggle > a:hover:before,
.service-menu-subpages ul.menu li.menu-item > a:hover:before {
    background-color: var(--color-primary);
  }
}
.main-menu-subpages ul.menu li.menu-item.menu-item--active-trail > .menu-item--toggle > a,
.main-menu-subpages ul.menu li.menu-item.menu-item--active-trail > a,
.service-menu-subpages ul.menu li.menu-item.menu-item--active-trail > .menu-item--toggle > a,
.service-menu-subpages ul.menu li.menu-item.menu-item--active-trail > a {
  font-weight: 700;
  color: var(--color-primary);
  background-color: var(--color-grey-100);
}
.main-menu-subpages ul.menu li.menu-item.menu-item--active-trail > .menu-item--toggle > a:before,
.main-menu-subpages ul.menu li.menu-item.menu-item--active-trail > a:before,
.service-menu-subpages ul.menu li.menu-item.menu-item--active-trail > .menu-item--toggle > a:before,
.service-menu-subpages ul.menu li.menu-item.menu-item--active-trail > a:before {
  background-color: var(--color-primary);
}
.main-menu-subpages ul.menu li.menu-item ul.menu,
.service-menu-subpages ul.menu li.menu-item ul.menu {
  padding-left: 12px;
}
.main-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item > .menu-item--toggle > a,
.main-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item > a,
.service-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item > .menu-item--toggle > a,
.service-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item > a {
  position: relative;
  padding-left: 24px;
  font-weight: 400;
  font-size: 0.9rem;
}
.main-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item.menu-item--active-trail > .menu-item--toggle > a,
.main-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item.menu-item--active-trail > a,
.service-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item.menu-item--active-trail > .menu-item--toggle > a,
.service-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item.menu-item--active-trail > a {
  font-weight: 700;
}
.main-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item.menu-item--active-trail > .menu-item--toggle > a:before,
.main-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item.menu-item--active-trail > a:before,
.service-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item.menu-item--active-trail > .menu-item--toggle > a:before,
.service-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item.menu-item--active-trail > a:before {
  background-color: var(--color-primary);
}
.main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item {
  margin-bottom: 6px;
}
.main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > .menu-item--toggle > a,
.main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > a,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > .menu-item--toggle > a,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > a {
  padding: 12px 12px;
  padding-left: 48px;
  font-size: 0.875rem;
  background: var(--color-grey-100);
}
.main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > .menu-item--toggle > a:after,
.main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > a:after,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > .menu-item--toggle > a:after,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > a:after {
  position: absolute;
  top: 18px;
  left: 24px;
  font-size: 0.6rem;
  height: 0;
  transition: left 0.2s linear;
}
.main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > .menu-item--toggle > a:hover:after,
.main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > a:hover:after,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > .menu-item--toggle > a:hover:after,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item > a:hover:after {
  left: 31.2px;
}
.main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item.menu-item--active-trail > a,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item.menu-item--active-trail > a {
  border-bottom-color: var(--color-primary);
}
.main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item.menu-item--active-trail > a:after,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item.menu-item--active-trail > a:after {
  left: 31.2px;
}

ul.menu-subpage-toggle > li.menu-item {
  margin-bottom: 6px;
}
ul.menu-subpage-toggle > li.menu-item > .menu-item--toggle {
  margin-bottom: 6px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
ul.menu-subpage-toggle > li.menu-item > .menu-item--toggle + .menu {
  display: none;
}
ul.menu-subpage-toggle > li.menu-item > .menu-item--toggle + .menu.submenu-active {
  display: block;
}
ul.menu-subpage-toggle > li.menu-item > .menu-item--toggle > a {
  width: 100%;
}
ul.menu-subpage-toggle > li.menu-item > .menu-item--toggle button.ot-subpage-toggle-button {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
}
ul.menu-subpage-toggle > li.menu-item > .menu-item--toggle button.ot-subpage-toggle-button:hover {
  background: none;
  color: var(--color-black) !important;
}
ul.menu-subpage-toggle > li.menu-item > .menu-item--toggle button.ot-subpage-toggle-button:before, ul.menu-subpage-toggle > li.menu-item > .menu-item--toggle button.ot-subpage-toggle-button:after {
  display: none;
}
ul.menu-subpage-toggle > li.menu-item > .menu-item--toggle button.ot-subpage-toggle-button:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 50%;
  left: 0;
  background-color: var(--color-black);
}
ul.menu-subpage-toggle > li.menu-item.menu-item--expanded > .menu-item--toggle button.ot-subpage-toggle-button:after {
  font-size: 0.65rem;
}
.region-mobilenavigation {
  --mobile-menu-width: 700px;
  --mobile-menu-background-clr: var(--color-white);
  --mobile-menu-background-overlay: var(--color-black);
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 600;
  width: 100%;
  pointer-events: none;
  display: none;
  isolation: isolate;
}
.region-mobilenavigation:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
  background-color: var(--mobile-menu-background-overlay);
}
.region-mobilenavigation > .region-inner {
  background-color: var(--mobile-menu-background-clr);
  width: 100%;
  min-height: 100%;
  position: fixed;
  right: 0;
  transform: translateX(100%);
  transition: transform 0.5s ease-in-out 200ms;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .region-mobilenavigation > .region-inner {
    width: 20%;
    min-width: var(--mobile-menu-width);
    max-width: 700px;
  }
}
.region-mobilenavigation > .region-inner .mobile-navigation-header {
  padding: 12px;
  display: flex;
  justify-content: flex-end;
}
.region-mobilenavigation > .region-inner .mobile-navigation-header .ot-close-menu {
  z-index: 20;
}
.region-mobilenavigation > .region-inner .mobile-menu-main > .menu {
  display: flex;
  flex-direction: column;
}
.region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item {
  --color-first: var(--color-primary);
  --color-first-con: var(--color-primary-con);
  --color-second: var(--color-primary-lighter);
  --color-second-con: var(--color-primary-lighter-con);
  --color-third: var(--color-grey-200);
  --color-third-con: var(--color-primary);
  --color-fourth: var(--color-white);
  --color-fourth-con: var(--color-primary-lighter);
}
.region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item a {
  display: block;
  text-decoration: none;
  padding: 12px 24px;
  font-size: 1.2rem;
  transition: 0.2s background-color ease-in-out;
  background-color: var(--color-first);
  color: var(--color-first-con);
}
.region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper {
  position: relative;
}
.region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper a {
  width: 100%;
}
.region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  position: absolute;
  padding: 12px;
  width: 48px;
  right: 0;
  top: 0;
  line-height: 1em;
}
.region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:hover {
  background: none;
  color: var(--color-black) !important;
}
.region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:before, .region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after {
  display: none;
}
.region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after {
  font-size: 1.2rem;
  color: var(--color-first-con);
}
.region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item > .menu > .menu-item {
  --color-first: var(--color-primary);
  --color-first-con: var(--color-primary-con);
  --color-second: var(--color-primary-lighter);
  --color-second-con: var(--color-primary-lighter-con);
  --color-third: var(--color-grey-200);
  --color-third-con: var(--color-primary);
  --color-fourth: var(--color-white);
  --color-fourth-con: var(--color-primary-lighter);
}
.region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item > .menu > .menu-item a {
  display: block;
  text-decoration: none;
  padding: 12px 24px;
  font-size: 1.2rem;
  transition: 0.2s background-color ease-in-out;
  background-color: var(--color-second);
  color: var(--color-second-con);
  padding-left: 36px;
}
.region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper {
  position: relative;
}
.region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper a {
  width: 100%;
}
.region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  position: absolute;
  padding: 12px;
  width: 48px;
  right: 0;
  top: 0;
  line-height: 1em;
}
.region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:hover {
  background: none;
  color: var(--color-black) !important;
}
.region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:before, .region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after {
  display: none;
}
.region-mobilenavigation > .region-inner .mobile-menu-main > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after {
  font-size: 1.2rem;
  color: var(--color-second-con);
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu {
  display: flex;
  flex-direction: column;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item {
  --color-first: var(--color-primary);
  --color-first-con: var(--color-primary-con);
  --color-second: var(--color-primary-lighter);
  --color-second-con: var(--color-primary-lighter-con);
  --color-third: var(--color-grey-200);
  --color-third-con: var(--color-primary);
  --color-fourth: var(--color-white);
  --color-fourth-con: var(--color-primary-lighter);
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item a {
  display: block;
  text-decoration: none;
  padding: 12px 24px;
  font-size: 0.8rem;
  transition: 0.2s background-color ease-in-out;
  background-color: var(--color-first);
  color: var(--color-first-con);
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper {
  position: relative;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper a {
  width: 100%;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  position: absolute;
  padding: 12px;
  width: 48px;
  right: 0;
  top: 0;
  line-height: 1em;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:hover {
  background: none;
  color: var(--color-black) !important;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:before, .region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after {
  display: none;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after {
  font-size: 0.8rem;
  color: var(--color-first-con);
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu {
  display: none;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu.active {
  display: block;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item {
  --color-first: var(--color-primary);
  --color-first-con: var(--color-primary-con);
  --color-second: var(--color-primary-lighter);
  --color-second-con: var(--color-primary-lighter-con);
  --color-third: var(--color-grey-200);
  --color-third-con: var(--color-primary);
  --color-fourth: var(--color-white);
  --color-fourth-con: var(--color-primary-lighter);
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item a {
  display: block;
  text-decoration: none;
  padding: 12px 24px;
  font-size: 0.8rem;
  transition: 0.2s background-color ease-in-out;
  background-color: var(--color-second);
  color: var(--color-second-con);
  padding-left: 36px;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper {
  position: relative;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper a {
  width: 100%;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  position: absolute;
  padding: 12px;
  width: 48px;
  right: 0;
  top: 0;
  line-height: 1em;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:hover {
  background: none;
  color: var(--color-black) !important;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:before, .region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after {
  display: none;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after {
  font-size: 0.8rem;
  color: var(--color-second-con);
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item {
  --color-first: var(--color-primary);
  --color-first-con: var(--color-primary-con);
  --color-second: var(--color-primary-lighter);
  --color-second-con: var(--color-primary-lighter-con);
  --color-third: var(--color-grey-200);
  --color-third-con: var(--color-primary);
  --color-fourth: var(--color-white);
  --color-fourth-con: var(--color-primary-lighter);
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item a {
  display: block;
  text-decoration: none;
  padding: 12px 24px;
  font-size: 0.8rem;
  transition: 0.2s background-color ease-in-out;
  background-color: var(--color-third);
  color: var(--color-third-con);
  padding-left: 48px;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper {
  position: relative;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper a {
  width: 100%;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  position: absolute;
  padding: 12px;
  width: 48px;
  right: 0;
  top: 0;
  line-height: 1em;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:hover {
  background: none;
  color: var(--color-black) !important;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:before, .region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after {
  display: none;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after {
  font-size: 0.8rem;
  color: var(--color-third-con);
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item > .menu > .menu-item {
  --color-first: var(--color-primary);
  --color-first-con: var(--color-primary-con);
  --color-second: var(--color-primary-lighter);
  --color-second-con: var(--color-primary-lighter-con);
  --color-third: var(--color-grey-200);
  --color-third-con: var(--color-primary);
  --color-fourth: var(--color-white);
  --color-fourth-con: var(--color-primary-lighter);
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item > .menu > .menu-item a {
  display: block;
  text-decoration: none;
  padding: 12px 24px;
  font-size: 0.8rem;
  transition: 0.2s background-color ease-in-out;
  background-color: var(--color-fourth);
  color: var(--color-fourth-con);
  padding-left: 60px;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper {
  position: relative;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper a {
  width: 100%;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  position: absolute;
  padding: 12px;
  width: 48px;
  right: 0;
  top: 0;
  line-height: 1em;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:hover {
  background: none;
  color: var(--color-black) !important;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:before, .region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after {
  display: none;
}
.region-mobilenavigation > .region-inner .mobile-menu-service > .menu > .menu-item .menu > .menu-item > .menu > .menu-item > .menu > .menu-item.menu-item--expanded .ot-menu-collapsed--wrapper .ot-menu-collapsed--toggle:after {
  font-size: 0.8rem;
  color: var(--color-fourth-con);
}
.region-mobilenavigation.open {
  pointer-events: auto;
}
.region-mobilenavigation.open:before {
  opacity: 0.6;
}
.region-mobilenavigation.open > .region-inner {
  transform: translateX(0);
}
.region-mobilenavigation.visable {
  display: block;
}
.region-mobilenavigation .block-system-branding-block {
  padding: 6px 24px;
  border-bottom: 1px solid var(--theme-clr-con, var(--color-grey-200));
}
.region-mobilenavigation .block-system-branding-block .site-logo {
  display: block;
  width: 220px;
}
.region-mobilenavigation .campaign-menu-main {
  margin-bottom: auto !important;
}
.region-mobilenavigation .campaign-menu-main ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.region-mobilenavigation .campaign-menu-main ul.menu li.menu-item a {
  text-align: left;
  display: block;
  text-decoration: none;
  background-color: var(--theme-clr, var(--color-white));
  color: var(--theme-clr-con, var(--color-grey-700));
  font-weight: 700;
  padding: 6px 24px;
  font-size: 2rem;
  line-height: 1.3em;
  transition: 0.2s all ease-in-out;
}
.region-mobilenavigation .campaign-menu-main ul.menu li.menu-item a:hover {
  color: var(--color-secondary);
}
.region-mobilenavigation .campaign-menu-block {
  font-size: 0.9rem;
  line-height: 1.2em;
  color: var(--theme-clr-con, var(--color-primary-con));
  text-align: center;
  padding: 24px 24px;
  margin-bottom: 0 !important;
}
.region-mobilenavigation .campaign-menu-block .cta-btn {
  justify-content: center;
  display: block;
}

nav.breadcrumb {
  --column-gap: calc(8px);
}
nav.breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: var(--column-gap);
       column-gap: var(--column-gap);
}
nav.breadcrumb ol li {
  display: flex;
  align-items: center;
  -moz-column-gap: var(--column-gap);
       column-gap: var(--column-gap);
  font-size: 0.8rem;
}
nav.breadcrumb ol li:after {
  font-size: 0.5rem;
}
nav.breadcrumb ol li:last-child:after {
  display: none;
}
nav.breadcrumb ol li a {
  font-weight: 700;
  text-decoration: none;
}

/**************************************************
*  Large pager
**************************************************/
nav.pager {
  text-align: center;
  margin-top: 24px;
}
nav.pager ul.pager__items {
  list-style-type: none;
  margin: 0 0 -4px 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}
nav.pager ul.pager__items:after {
  content: "";
  display: block;
  clear: both;
}
nav.pager ul.pager__items li.pager__item {
  float: left;
  padding: 0 4px;
  margin: 0 0 4px 0;
}
nav.pager ul.pager__items li.pager__item a {
  display: block;
  padding: 6px 12px;
  background-color: var(--color-primary);
  color: var(--color-primary-con);
  text-decoration: none;
  transition: background 0.2s linear;
}
nav.pager ul.pager__items li.pager__item a:hover {
  background-color: var(--color-primary-lighter);
  color: var(--color-primary-con-lighter);
}
nav.pager ul.pager__items li.pager__item.is-active a {
  background-color: var(--color-primary-lighter);
  color: var(--color-primary-con-lighter);
}

nav.mini-pager {
  text-align: center;
  margin-top: 24px;
}
nav.mini-pager ul.pager__items {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
nav.mini-pager ul.pager__items:after {
  content: "";
  display: block;
  clear: both;
}
nav.mini-pager ul.pager__items li.pager__item {
  float: left;
  padding: 0 12px;
}
nav.mini-pager ul.pager__items li.pager__item.is-active {
  padding: 12px 12px;
}
nav.mini-pager ul.pager__items li.pager__item a {
  display: block;
  padding: 12px 12px;
  background-color: var(--color-primary);
  color: var(--color-white);
  text-decoration: none;
}
nav.mini-pager ul.pager__items li.pager__item a:hover {
  background-color: var(--color-grey-400);
  color: var(--color-black);
}

@media screen and (min-width: 768px) {
  .block-local-tasks-block {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 200;
  }
}
.block-local-tasks-block ul.tabs {
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
}
@media screen and (min-width: 768px) {
  .block-local-tasks-block ul.tabs {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 0;
  }
}
.block-local-tasks-block ul.tabs > li {
  overflow: hidden;
  border-right: 1px solid var(--color-grey-800);
}
@media screen and (min-width: 768px) {
  .block-local-tasks-block ul.tabs > li {
    border: 0;
  }
}
.block-local-tasks-block ul.tabs > li a {
  text-decoration: none;
  padding: 6px 12px;
  font-family: "Source Sans Pro", "Lucida Grande", Verdana, sans-serif;
  font-size: 0.7rem;
  display: inline-block;
  background-color: var(--color-black);
  color: var(--color-white);
}
.block-local-tasks-block ul.tabs > li a:hover {
  text-decoration: underline;
}
.block-local-tasks-block ul.tabs > li:first-child {
  border-radius: 10px 0 0 0;
}
@media screen and (min-width: 768px) {
  .block-local-tasks-block ul.tabs > li:first-child {
    border-radius: 0;
  }
}
.block-local-tasks-block ul.tabs > li:last-child {
  border-radius: 0 10px 0 0;
  border: 0;
}
@media screen and (min-width: 768px) {
  .block-local-tasks-block ul.tabs > li:last-child {
    border-radius: 0;
  }
}
.block-local-tasks-block ul.tabs > li.is-active a {
  background-image: linear-gradient(var(--color-grey-800) 20%, transparent 200%);
}
.block-local-tasks-block ul.tabs > li:not(.is-active) a:hover {
  background-image: linear-gradient(var(--color-grey-800) 20%, transparent 200%);
}

.image-main-wrapper {
  background-color: var(--color-grey-200);
  color: var(-color-black);
}
.image-main-wrapper .field-main-media-caption {
  padding: 6px 12px;
}

.field-image-main .field-media-copyright,
.media--type-media-image .field-media-copyright {
  padding: 12px;
  color: var(--color-white);
  text-shadow: 1px 1px var(--color-black);
  position: absolute;
  bottom: 0;
  right: 0;
}

.media--type-gallery .inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.gallery-wrapper {
  padding: 12px;
  background: var(--color-grey-200);
  --swiper-navigation-size: 2rem;
}
.gallery-wrapper > .gallery-top {
  margin-bottom: 12px;
  overflow: hidden;
}
.gallery-wrapper > .gallery-top .swiper-button-prev:after,
.gallery-wrapper > .gallery-top .swiper-button-next:after {
  color: var(--color-primary);
  padding: 12px;
  border-radius: 0;
}
.gallery-wrapper > .gallery-thumbs.swiper-container {
  overflow: hidden;
}
.gallery-wrapper > .gallery-thumbs .swiper-slide {
  position: relative;
}
.gallery-wrapper > .gallery-thumbs .swiper-slide:after {
  content: "";
  display: block;
  background: var(--color-black);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.gallery-wrapper > .gallery-thumbs .swiper-slide:hover {
  cursor: pointer;
}
.gallery-wrapper > .gallery-thumbs .swiper-slide:hover:after {
  opacity: 0.5;
}

.node--view-mode-card {
  height: 100%;
}
.node--view-mode-card.ot-clickable:hover {
  cursor: pointer;
}
.node--view-mode-card.ot-clickable:hover h1 a, .node--view-mode-card.ot-clickable:hover h2 a, .node--view-mode-card.ot-clickable:hover h3 a {
  text-decoration: underline;
}
.node--view-mode-card.ot-flex-layout-standard > .inner {
  display: flex;
  flex-direction: column;
  gap: var(--gap-box-content);
}
.node--view-mode-card.ot-flex-layout-grouped > .inner > .group-content-wrapper {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: var(--gap-box-content);
}
@media screen and (min-width: 992px) {
  .node--view-mode-card.ot-flex-layout-grouped > .inner > .group-content-wrapper {
    padding: 24px;
  }
}
.node--view-mode-card.node--type-person {
  --gap-box-content: 3px;
}
.node--view-mode-card.node--type-person .field-position {
  margin-bottom: calc(12px - var(--gap-box-content));
}
.node--view-mode-card.node--type-event {
  --gap-box-content: 3px;
}
.node--view-mode-card.node--type-project.has-main-image > .inner {
  height: 100%;
}
.node--view-mode-card.node--type-project.has-main-image > .inner .field-image-main {
  overflow: hidden;
}
.node--view-mode-card.node--type-project.has-main-image > .inner .field-image-main img {
  transition: all linear 0.25s;
}
.node--view-mode-card.node--type-project.has-main-image > .inner:hover .field-image-main img {
  transform: scale(1.1);
}
.node--view-mode-card.node--type-project .group-info-wrapper {
  margin-top: auto;
  padding: 12px 0;
  border-top: 1px solid var(--color-grey-500);
  border-bottom: 1px solid var(--color-grey-500);
  display: grid;
  justify-content: space-between;
  row-gap: 12px;
  grid-template-columns: repeat(2, minmax(-webkit-min-content, -webkit-max-content));
  grid-template-columns: repeat(2, minmax(min-content, max-content));
}
.node--view-mode-card.node--type-project .group-info-wrapper > .field:nth-of-type(2n) {
  display: flex;
  justify-content: flex-end;
}
.node--view-mode-card.node--type-project .group-bottom-content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.node--view-mode-card.node--type-project .group-bottom-content-wrapper img {
  max-width: 90px;
}

.node--view-mode-simple-card {
  height: 100%;
}
.node--view-mode-simple-card.ot-clickable:hover {
  cursor: pointer;
}
.node--view-mode-simple-card.ot-clickable:hover h1 a, .node--view-mode-simple-card.ot-clickable:hover h2 a, .node--view-mode-simple-card.ot-clickable:hover h3 a {
  text-decoration: underline;
}
.node--view-mode-simple-card.ot-flex-layout-standard > .inner {
  display: flex;
  flex-direction: column;
  gap: var(--gap-box-content);
}
.node--view-mode-simple-card.ot-flex-layout-grouped > .inner > .publication-info-wrapper,
.node--view-mode-simple-card.ot-flex-layout-grouped > .inner > .group-content-wrapper {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: var(--gap-box-content/2);
}
@media screen and (min-width: 992px) {
  .node--view-mode-simple-card.ot-flex-layout-grouped > .inner > .publication-info-wrapper,
.node--view-mode-simple-card.ot-flex-layout-grouped > .inner > .group-content-wrapper {
    padding: 24px;
  }
}
.node--view-mode-simple-card.node--type-publication > .inner > .publication-info-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--color-white);
}

.node--view-mode-ckeditor-embed {
  background-color: var(--color-grey-50);
}
@media screen and (min-width: 992px) {
  .node--view-mode-ckeditor-embed.ot-layout-2col > .inner {
    --ot-layout-gap: 24px;
    --ot-layout-col: minmax(0, 0.3fr) minmax(0, 0.7fr);
    display: grid;
    grid-template-columns: var(--ot-layout-col);
    gap: var(--ot-layout-gap);
  }
}
.node--view-mode-ckeditor-embed.ot-clickable:hover {
  cursor: pointer;
}
.node--view-mode-ckeditor-embed.ot-clickable:hover h1 a, .node--view-mode-ckeditor-embed.ot-clickable:hover h2 a, .node--view-mode-ckeditor-embed.ot-clickable:hover h3 a {
  text-decoration: underline;
}
.node--view-mode-ckeditor-embed .alpha.ot-flex-layout-standard {
  display: flex;
  flex-direction: column;
  gap: var(--gap-box-content);
}
.node--view-mode-ckeditor-embed .beta.ot-flex-layout-standard {
  padding: 12px;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-box-content);
}

.paragraph--view-mode-paragraph-embed {
  height: 100%;
}
.paragraph--view-mode-paragraph-embed.ot-clickable:hover {
  cursor: pointer;
}
.paragraph--view-mode-paragraph-embed.ot-clickable:hover h1 a, .paragraph--view-mode-paragraph-embed.ot-clickable:hover h2 a, .paragraph--view-mode-paragraph-embed.ot-clickable:hover h3 a {
  text-decoration: underline;
}
.paragraph--view-mode-paragraph-embed.ot-flex-layout-standard {
  padding: 12px;
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-paragraph-embed.ot-flex-layout-standard {
    padding: 24px;
  }
}
.paragraph--view-mode-paragraph-embed.ot-flex-layout-standard > .inner {
  display: flex;
  flex-direction: column;
  gap: var(--gap-box-content);
}
.paragraph--view-mode-paragraph-embed.ot-flex-layout-grouped > .inner > .group-content-wrapper {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: var(--gap-box-content);
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-paragraph-embed.ot-flex-layout-grouped > .inner > .group-content-wrapper {
    padding: 24px;
  }
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box {
  padding: 0 !important;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box > .inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box > .inner > .group-content-wrapper {
  flex: 1;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box > .inner > .group-content-wrapper > .field-para-link {
  text-align: end;
  margin-top: auto;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box.style-graphic > .inner > .group-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: var(--color-primary-lighter);
  color: var(--color-primary-lighter-con);
  background-image: url("../img/building_bg_graphic.png");
  background-repeat: no-repeat;
  background-position: -15% 150%;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box.style-graphic > .inner > .group-content-wrapper > .field-para-slug {
  color: var(--color-primary-lighter-con);
  font-size: 2.5rem;
  line-height: 1.1em;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box.style-graphic > .inner > .group-content-wrapper > .field-para-box-title {
  margin-bottom: 6px;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box.style-graphic > .inner > .group-content-wrapper > .field-para-box-title h3 {
  font-weight: 700;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box.style-graphic > .inner > .group-content-wrapper > .field-para-link a {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background: var(--btn-color);
  color: var(--btn-font-color) !important;
  padding: 6px 12px;
  font-size: 1rem;
  line-height: 1.25em;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s linear;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  background-color: var(--color-primary-darker);
  color: var(--color-primary-darker-con);
  font-weight: 700;
  width: 100%;
  text-align: center;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box.style-graphic > .inner > .group-content-wrapper > .field-para-link a:hover {
  background: none;
  color: var(--color-black) !important;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box.style-graphic > .inner > .group-content-wrapper > .field-para-link a:before, .paragraph--view-mode-paragraph-embed.paragraph--type-box.style-graphic > .inner > .group-content-wrapper > .field-para-link a:after {
  display: none;
}
@media screen and (min-width: 768px) {
  .paragraph--view-mode-paragraph-embed.paragraph--type-box.style-graphic > .inner > .group-content-wrapper > .field-para-link a {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box.style-graphic > .inner > .group-content-wrapper > .field-para-link a:hover {
  background: var(--btn-color-hover);
  color: var(--btn-font-color-hover) !important;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box.style-graphic > .inner > .group-content-wrapper > .field-para-link a:hover {
  background-color: var(--color-primary);
  color: var(--color-primary-con) !important;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-icon {
  padding: 12px !important;
  background-color: var(--color-primary-lighter) !important;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-icon > .inner {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-icon > .inner:after {
  margin-left: auto;
  font-size: 0.75rem;
}

@media screen and (min-width: 992px) {
  .node--view-mode-teaser.ot-layout-2col > .inner {
    --ot-layout-gap: 24px;
    --ot-layout-col: minmax(0, 0.3fr) minmax(0, 0.7fr);
  }
}
@media screen and (min-width: 992px) {
  .node--view-mode-teaser.ot-layout-2col.alpha-only > .inner, .node--view-mode-teaser.ot-layout-2col.beta-only > .inner {
    --ot-layout-gap: 24px;
    --ot-layout-col: minmax(0, 1fr);
  }
}
.node--view-mode-teaser .alpha.ot-flex-layout-standard {
  display: flex;
  flex-direction: column;
  gap: var(--gap-box-content);
}
.node--view-mode-teaser .beta.ot-flex-layout-standard {
  display: flex;
  flex-direction: column;
  gap: var(--gap-box-content);
}
.node--view-mode-teaser.node--type-person {
  --gap-box-content: 3px;
}
.node--view-mode-teaser.node--type-person .beta {
  padding: 12px;
  padding-left: 0;
}
.node--view-mode-teaser.node--type-person .field-position {
  margin-bottom: calc(12px - var(--gap-box-content));
}
@media screen and (min-width: 992px) {
  .node--view-mode-teaser.node--type-event > .inner {
    --ot-layout-col: minmax(0, 0.15fr) minmax(0, 0.85fr);
  }
}

.node--view-mode-simple-teaser {
  height: 100%;
}
.node--view-mode-simple-teaser.ot-clickable:hover {
  cursor: pointer;
}
.node--view-mode-simple-teaser.ot-clickable:hover h1 a, .node--view-mode-simple-teaser.ot-clickable:hover h2 a, .node--view-mode-simple-teaser.ot-clickable:hover h3 a {
  text-decoration: underline;
}
.node--view-mode-simple-teaser.ot-flex-layout-standard > .inner {
  display: flex;
  flex-direction: column;
  gap: var(--gap-list-content);
}
.node--view-mode-simple-teaser.ot-flex-layout-grouped > .inner > .group-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap-list-content);
}
.node--view-mode-simple-teaser.node--type-event .node-title {
  margin-bottom: 6px;
}

.node--view-mode-contact {
  height: 100%;
  --gap-box-content: 4px;
}
.node--view-mode-contact.ot-clickable:hover {
  cursor: pointer;
}
.node--view-mode-contact.ot-clickable:hover h1 a, .node--view-mode-contact.ot-clickable:hover h2 a, .node--view-mode-contact.ot-clickable:hover h3 a {
  text-decoration: underline;
}
.node--view-mode-contact.ot-flex-layout-standard > .inner {
  display: flex;
  flex-direction: column;
  gap: var(--gap-box-content);
}
.node--view-mode-contact.ot-flex-layout-grouped > .inner > .group-content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-box-content);
  padding: 24px;
  padding-top: 12px;
}
.node--view-mode-contact.node--type-person {
  --gap-box-content: 3px;
  background-color: var(--color-grey-100);
}
.node--view-mode-contact.node--type-person .field-position {
  margin-bottom: calc(12px - var(--gap-box-content));
}

.slugline {
  display: flex;
  align-items: center;
  gap: 12px;
}

.field-contact {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.field-documents {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: var(--color-grey-100);
  padding: 24px;
}

.field-links {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: var(--color-grey-100);
  padding: 24px;
}

.field-topic {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.field-topic ul {
  display: flex;
  gap: 12px;
}
.field-topic ul li {
  display: flex;
}

.documents-links-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.group-follow-us {
  display: flex;
  gap: 24px;
}

.node--type-project .group-metadata-wrapper .status-wrapper {
  display: flex;
}

/**************************************************
*  Organisms
**************************************************/
.region-header > .region-inner,
.region-campaignheader > .region-inner,
.region-navigation > .region-inner,
.region-messages > .region-inner,
.region-content-top > .region-inner,
.region-content-bottom > .region-inner,
.region-footer > .region-inner {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .region-header > .region-inner,
.region-campaignheader > .region-inner,
.region-navigation > .region-inner,
.region-messages > .region-inner,
.region-content-top > .region-inner,
.region-content-bottom > .region-inner,
.region-footer > .region-inner {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .region-header > .region-inner,
.region-campaignheader > .region-inner,
.region-navigation > .region-inner,
.region-messages > .region-inner,
.region-content-top > .region-inner,
.region-content-bottom > .region-inner,
.region-footer > .region-inner {
    width: 1140px;
  }
}
@media screen and (min-width: 1600px) {
  .region-header > .region-inner,
.region-campaignheader > .region-inner,
.region-navigation > .region-inner,
.region-messages > .region-inner,
.region-content-top > .region-inner,
.region-content-bottom > .region-inner,
.region-footer > .region-inner {
    width: 1400px;
  }
}

main {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
  display: block;
}
@media screen and (min-width: 992px) {
  main {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  main {
    width: 1140px;
  }
}
@media screen and (min-width: 1600px) {
  main {
    width: 1400px;
  }
}

body.ot-full-width main {
  margin-bottom: 48px;
}
@media screen and (min-width: 1200px) {
  body.ot-full-width main {
    width: 100%;
    padding: 0 72px;
  }
}

.region-content-bottom {
  background-color: var(--color-grey-100);
}
.region-content-bottom .region-inner {
  padding: 24px 0;
}

.region-footer {
  background-color: var(--color-grey-100);
}
.region-footer .region-inner {
  padding: 12px;
}
@media screen and (min-width: 992px) {
  .region-footer .region-inner {
    padding: 48px 0;
  }
}

.region-header {
  background-color: var(--color-secondary-lighter);
}
.region-header > .region-inner {
  display: grid;
  align-items: flex-end;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr);
  padding: 12px;
}
@media screen and (min-width: 992px) {
  .region-header > .region-inner {
    padding: 24px 0;
    gap: 24px;
  }
}
.region-header > .region-inner > .alpha {
  display: flex;
  align-items: flex-end;
}
.region-header > .region-inner > .beta {
  display: flex;
  flex-wrap: wrap;
  flex: 0 1 auto;
  justify-content: flex-end;
}
@media screen and (min-width: 992px) {
  .region-header > .region-inner > .beta .main-menu-wrapper {
    width: 100%;
    margin-top: 24px;
    display: flex;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 992px) {
  .region-header > .region-inner #search-field-toggle {
    --search-field-toggle-size: 30px;
  }
}
@media screen and (min-width: 992px) {
  .region-header > .region-inner #mobile-menu-toggle {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .region-header > .region-inner .top-menu-main,
.region-header > .region-inner .top-menu-service {
    display: none;
  }
}

.page-node-type-frontpage .region-header {
  margin-bottom: 0;
}

#search-field-toggle.active .cross:before,
#mobile-menu-toggle.open .cross:before {
  height: 100%;
  transition-delay: 0.625s;
}
#search-field-toggle.active .cross:after,
#mobile-menu-toggle.open .cross:after {
  width: 100%;
  transition-delay: 0.375s;
}

.block-content--type-footer > .inner > div {
  display: flex;
  flex-direction: column;
  gap: 24px;
  gap: 12px;
}
.block-content--type-footer > .inner > .header {
  border-bottom: 1px solid var(--color-grey-700);
  padding-top: 12px;
  padding-bottom: 36px;
}
@media screen and (min-width: 768px) {
  .block-content--type-footer > .inner > .header {
    padding-top: 0;
    padding-bottom: 24px;
  }
}
.block-content--type-footer > .inner > .header > .field-block-logo {
  width: 200px;
  margin-right: auto;
}
.block-content--type-footer > .inner > .fourth {
  display: grid;
  grid-column: span 2;
}
.block-content--type-footer > .inner > .fourth .field-footer-heading-fourth {
  grid-column: span 2;
}
.block-content--type-footer > .inner > .fourth .field-funding-text {
  display: flex;
  align-items: flex-end;
}
.block-content--type-footer .group-contact {
  display: flex;
  flex-direction: column;
  gap: 24px;
  gap: 12px;
}
.block-content--type-footer .group-links .field-block-links ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
  gap: 6px;
}
.block-content--type-footer .group-some {
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex-wrap: wrap;
}

.node--view-mode-full {
  /*     &.has-background-image {
          .pre_header {
              position: relative;
              isolation: isolate;
              overflow: hidden;
              .field-background-image {
                  position: absolute;
                  top: 0;
                  right: 0;
                  bottom: 0;
                  left: 0;
                  z-index: -2;
                  margin-bottom: 0;
                  * {
                    height: 100%;
                    img {
                      object-fit: cover;
                    }
                  }
                }
          }

        }

      > .header {
      }
      > .inner {
          > .alpha {
          }
          > .center {
          }
          > .beta {
          }
      } */
}
.node--view-mode-full .field-viewsreference {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (min-width: 992px) {
  .node--view-mode-full .field-viewsreference {
    gap: 48px;
  }
}
.node--view-mode-full .inner .beta .beta-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
  border: 1px solid var(--color-primary);
}
.node--view-mode-full.node--type-page > .inner {
  margin-bottom: 48px;
}
.node--view-mode-full.node--type-page > .inner > .beta {
  position: relative;
}
.node--view-mode-full.node--type-page > .inner > .beta:after {
  content: "";
  position: absolute;
  height: 85%;
  width: 1px;
  background-color: var(--color-grey-400);
  left: -48px;
}
.node--view-mode-full.node--type-page > .footer > .field-viewsreference {
  margin: 0 calc(-50vw + 50%);
  background-color: var(--color-secondary-lighter);
  padding: 24px;
}
@media screen and (min-width: 992px) {
  .node--view-mode-full.node--type-page > .footer > .field-viewsreference {
    gap: 48px;
    padding: 48px 0;
  }
}
.node--view-mode-full.node--type-page > .footer > .field-viewsreference .view {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .node--view-mode-full.node--type-page > .footer > .field-viewsreference .view {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .node--view-mode-full.node--type-page > .footer > .field-viewsreference .view {
    width: 1140px;
  }
}
@media screen and (min-width: 1600px) {
  .node--view-mode-full.node--type-page > .footer > .field-viewsreference .view {
    width: 1400px;
  }
}
.node--view-mode-full.node--type-systempage > .header {
  margin: 0 calc(-50vw + 50%);
  background-color: var(--color-secondary-lighter);
  padding: 24px;
  margin-bottom: 24px;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (min-width: 992px) {
  .node--view-mode-full.node--type-systempage > .header {
    margin-bottom: 48px;
    padding: 144px 0 24px;
  }
}
.node--view-mode-full.node--type-systempage > .header:after {
  content: "";
  display: block;
  inset: 0;
  position: absolute;
  background-image: url("../img/header_grafik.png");
  background-repeat: no-repeat;
  background-position: 85% 0%;
  background-size: contain;
}
.node--view-mode-full.node--type-systempage > .header > .node-title,
.node--view-mode-full.node--type-systempage > .header > .field-intro {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .node--view-mode-full.node--type-systempage > .header > .node-title,
.node--view-mode-full.node--type-systempage > .header > .field-intro {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .node--view-mode-full.node--type-systempage > .header > .node-title,
.node--view-mode-full.node--type-systempage > .header > .field-intro {
    width: 1140px;
  }
}
@media screen and (min-width: 1600px) {
  .node--view-mode-full.node--type-systempage > .header > .node-title,
.node--view-mode-full.node--type-systempage > .header > .field-intro {
    width: 1400px;
  }
}
.node--view-mode-full.node--type-systempage > .inner > .beta > .field-blocksreference {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
}
@media screen and (min-width: 992px) {
  .node--view-mode-full.node--type-systempage > .inner > .beta > .field-blocksreference:after {
    content: "";
    position: absolute;
    height: 85%;
    width: 1px;
    background-color: var(--color-grey-400);
    left: -48px;
  }
}
.node--view-mode-full.node--type-project {
  --link-color: var(--link-color);
  --link-hover-color: var(--color-secondary-lighter);
}
.node--view-mode-full.node--type-project.ot-style-heading-text-color-black {
  --color-header-contrast: var(--color-black);
  --link-hover-color: var(--color-secondary-lighter-con);
  --link-color: var(--color-grey-800);
}
.node--view-mode-full.node--type-project.ot-style-heading-text-color-white {
  --color-header-contrast: var(--color-white);
}
.node--view-mode-full.node--type-project.ot-style-heading-text-color-black-with-bg {
  --color-header-contrast: var(--color-black);
  --link-hover-color: var(--color-secondary-lighter-con);
  --link-color: var(--color-grey-800);
  --color-header-bg: var(--color-secondary-lighter);
  --color-header-padding: 24px;
}
.node--view-mode-full.node--type-project.ot-style-heading-text-color-white-with-bg {
  --color-header-contrast: var(--color-white);
  --link-hover-color: var(--color-primary-darker);
  --link-color: var(--color-primary);
  --color-header-bg: var(--color-black);
  --color-header-padding: 24px;
}
.node--view-mode-full.node--type-project .group-title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: var(--color-header-contrast);
  padding: var(--color-header-padding, 0);
  position: relative;
  isolation: isolate;
}
.node--view-mode-full.node--type-project .group-title-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--color-header-bg, transparent);
  opacity: 0.8;
}
@media screen and (min-width: 992px) {
  .node--view-mode-full.node--type-project .group-title-wrapper {
    width: 55%;
  }
}
.node--view-mode-full.node--type-project .group-title-wrapper .dynamic-block-fieldnode-bf-breadcrumb .breadcrumb ol li > a {
  color: var(--link-color);
}
.node--view-mode-full.node--type-project .group-title-wrapper .dynamic-block-fieldnode-bf-breadcrumb .breadcrumb ol li > a:hover {
  color: var(--link-hover-color);
}
.node--view-mode-full.node--type-project .group-metadata-wrapper {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--color-secondary-lighter);
  padding: 24px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  row-gap: 8px;
}
.node--view-mode-full.node--type-project .group-metadata-wrapper > h3,
.node--view-mode-full.node--type-project .group-metadata-wrapper > .node-changed-date,
.node--view-mode-full.node--type-project .group-metadata-wrapper > .field-category {
  grid-column: span 2;
}
.node--view-mode-full.node--type-project .field-project-risk-ref .taxonomy-term > .inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.node--view-mode-full.node--type-project .field-project-risk-ref img {
  max-width: 100px;
}
.node--view-mode-full.node--type-project .field-authority-ref a {
  color: var(--link-color);
}
.node--view-mode-full.node--type-project .field-authority-ref a:hover {
  color: var(--link-hover-color);
}
.node--view-mode-full.node--type-project > .inner > .alpha .group-project-accordion-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.taxonomy-term--view-mode-full.taxonomy-term > .header {
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: baseline;
}

.node--type-systempage.node-3 > .inner {
  display: flex;
  flex-direction: column;
  background-color: var(--color-primary-lighter);
}
@media screen and (min-width: 768px) {
  .node--type-systempage.node-3 > .inner {
    flex: 1 1 50%;
    flex-direction: row;
  }
}
.node--type-systempage.node-3 > .inner > .alpha,
.node--type-systempage.node-3 > .inner > .beta {
  width: auto;
  flex-basis: 50%;
}
.node--type-systempage.node-3 > .inner > .alpha > .field-image-main,
.node--type-systempage.node-3 > .inner > .beta > .field-image-main {
  margin-bottom: 0;
}
.node--type-systempage.node-3 > .inner .alpha {
  margin: 0;
  padding: 24px;
  color: var(--color-primary-lighter-con);
}
@media screen and (min-width: 768px) {
  .node--type-systempage.node-3 > .inner .alpha {
    padding: 48px;
  }
}
.node--type-systempage.node-3 > .inner .alpha > .node-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media screen and (min-width: 992px) {
  .node--type-systempage.node-3 > .inner .alpha > .node-title {
    font-size: 3.5rem;
    line-height: 1.2em;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
  }
}
.node--type-systempage.node-3 > .inner .alpha > .field-intro {
  font-size: 1.25rem;
  line-height: 1.375em;
}
@media screen and (min-width: 992px) {
  .node--type-systempage.node-3 > .inner .alpha > .field-intro {
    font-size: 1.375rem;
  }
}
.node--type-systempage.node-3 > .inner .alpha > .field-content > ul {
  padding-left: 12px;
}
.node--type-systempage.node-3 > .inner .alpha > .field-content > ul > li:before {
  font-size: 0.75em;
  top: 6.5px;
  width: 0;
  height: 0;
}
.node--type-systempage.node-3 > .inner .beta {
  margin: 0;
}

.paragraph--view-mode-ribbon {
  margin: 0 calc(-50vw + 50%);
  padding: 24px 0;
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon {
    padding: 48px 0;
  }
}
.paragraph--view-mode-ribbon > .header {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon > .header {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--view-mode-ribbon > .header {
    width: 1140px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--view-mode-ribbon > .header {
    width: 1400px;
  }
}
.paragraph--view-mode-ribbon > .inner {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon > .inner {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--view-mode-ribbon > .inner {
    width: 1140px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--view-mode-ribbon > .inner {
    width: 1400px;
  }
}
.paragraph--view-mode-ribbon > .footer {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon > .footer {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--view-mode-ribbon > .footer {
    width: 1140px;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--view-mode-ribbon > .footer {
    width: 1400px;
  }
}
.paragraph--view-mode-ribbon.para-cols-1 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-1 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-1 > .inner > .field-para-block-ref {
  display: grid;
  grid-template-columns: var(--col-grid-template-column);
  gap: var(--col-grid-gap);
}
@media screen and (min-width: 768px) {
  .paragraph--view-mode-ribbon.para-cols-1 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-1 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-1 > .inner > .field-para-block-ref {
    --col-grid-template-column: repeat(1, 1fr);
    --col-grid-gap: 24px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.para-cols-1 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-1 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-1 > .inner > .field-para-block-ref {
    --col-grid-template-column: repeat(1, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.para-cols-1 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-1 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-1 > .inner > .field-para-block-ref {
    --col-grid-template-column: repeat(1, 1fr);
  }
}
.paragraph--view-mode-ribbon.para-cols-2 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-2 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-2 > .inner > .field-para-block-ref {
  display: grid;
  grid-template-columns: var(--col-grid-template-column);
  gap: var(--col-grid-gap);
}
@media screen and (min-width: 768px) {
  .paragraph--view-mode-ribbon.para-cols-2 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-2 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-2 > .inner > .field-para-block-ref {
    --col-grid-template-column: repeat(1, 1fr);
    --col-grid-gap: 24px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.para-cols-2 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-2 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-2 > .inner > .field-para-block-ref {
    --col-grid-template-column: repeat(1, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .paragraph--view-mode-ribbon.para-cols-2 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-2 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-2 > .inner > .field-para-block-ref {
    --col-grid-template-column: repeat(2, minmax(0, 1fr));
  }
}
.paragraph--view-mode-ribbon.para-cols-3 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-3 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-3 > .inner > .field-para-block-ref {
  display: grid;
  grid-template-columns: var(--col-grid-template-column);
  gap: var(--col-grid-gap);
}
@media screen and (min-width: 768px) {
  .paragraph--view-mode-ribbon.para-cols-3 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-3 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-3 > .inner > .field-para-block-ref {
    --col-grid-template-column: repeat(1, 1fr);
    --col-grid-gap: 24px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.para-cols-3 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-3 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-3 > .inner > .field-para-block-ref {
    --col-grid-template-column: repeat(1, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .paragraph--view-mode-ribbon.para-cols-3 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-3 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-3 > .inner > .field-para-block-ref {
    --col-grid-template-column: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.para-cols-3 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-3 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-3 > .inner > .field-para-block-ref {
    --col-grid-template-column: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .paragraph--view-mode-ribbon.para-cols-3 > .inner > .field-para-boxes-ref > *:first-child,
.paragraph--view-mode-ribbon.para-cols-3 > .inner > .field-para-content-ref > *:first-child,
.paragraph--view-mode-ribbon.para-cols-3 > .inner > .field-para-block-ref > *:first-child {
    grid-column: span 2;
  }
}
.paragraph--view-mode-ribbon.para-cols-4 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-4 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-4 > .inner > .field-para-block-ref {
  display: grid;
  grid-template-columns: var(--col-grid-template-column);
  gap: var(--col-grid-gap);
}
@media screen and (min-width: 768px) {
  .paragraph--view-mode-ribbon.para-cols-4 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-4 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-4 > .inner > .field-para-block-ref {
    --col-grid-template-column: repeat(1, 1fr);
    --col-grid-gap: 24px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.para-cols-4 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-4 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-4 > .inner > .field-para-block-ref {
    --col-grid-template-column: repeat(1, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .paragraph--view-mode-ribbon.para-cols-4 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-4 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-4 > .inner > .field-para-block-ref {
    --col-grid-template-column: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.para-cols-4 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-4 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-4 > .inner > .field-para-block-ref {
    --col-grid-template-column: repeat(4, minmax(0, 1fr));
  }
}
.paragraph--view-mode-ribbon.para-cols-5 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-5 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-5 > .inner > .field-para-block-ref {
  display: grid;
  grid-template-columns: var(--col-grid-template-column);
  gap: var(--col-grid-gap);
}
@media screen and (min-width: 768px) {
  .paragraph--view-mode-ribbon.para-cols-5 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-5 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-5 > .inner > .field-para-block-ref {
    --col-grid-template-column: repeat(1, 1fr);
    --col-grid-gap: 24px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.para-cols-5 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-5 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-5 > .inner > .field-para-block-ref {
    --col-grid-template-column: repeat(1, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .paragraph--view-mode-ribbon.para-cols-5 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-5 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-5 > .inner > .field-para-block-ref {
    --col-grid-template-column: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.para-cols-5 > .inner > .field-para-boxes-ref,
.paragraph--view-mode-ribbon.para-cols-5 > .inner > .field-para-content-ref,
.paragraph--view-mode-ribbon.para-cols-5 > .inner > .field-para-block-ref {
    --col-grid-template-column: repeat(5, 1fr);
  }
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-large-small {
  display: grid;
  grid-template-columns: var(--col-grid-template-column);
  gap: var(--col-grid-gap);
}
@media screen and (min-width: 768px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-large-small {
    --col-grid-template-column: repeat(1, 1fr);
    --col-grid-gap: 24px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-large-small {
    --col-grid-template-column: repeat(1, 1fr);
  }
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-large-small > .inner > .field-para-boxes-ref {
  --col-grid-template-column: 1fr;
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-large-small > .inner > .field-para-boxes-ref {
    --col-grid-template-column: 2fr 1fr;
  }
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-small-large {
  display: grid;
  grid-template-columns: var(--col-grid-template-column);
  gap: var(--col-grid-gap);
}
@media screen and (min-width: 768px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-small-large {
    --col-grid-template-column: repeat(1, 1fr);
    --col-grid-gap: 24px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-small-large {
    --col-grid-template-column: repeat(1, 1fr);
  }
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-small-large > .inner > .field-para-boxes-ref {
  --col-grid-template-column: 1fr;
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-small-large > .inner > .field-para-boxes-ref {
    --col-grid-template-column: 1fr 2fr;
  }
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-4-first-big {
  display: grid;
  grid-template-columns: var(--col-grid-template-column);
  gap: var(--col-grid-gap);
}
@media screen and (min-width: 768px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-4-first-big {
    --col-grid-template-column: repeat(1, 1fr);
    --col-grid-gap: 24px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-4-first-big {
    --col-grid-template-column: repeat(1, 1fr);
  }
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-4-first-big > .inner > .field-para-boxes-ref {
  --col-grid-template-column: 1fr;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-4-first-big > .inner > .field-para-boxes-ref {
    --col-grid-template-column: repeat(3, 1fr) ;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-4-first-big > .inner > .field-para-boxes-ref {
    --col-grid-template-column: 3fr 1fr;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-4-first-big > .inner > .field-para-boxes-ref > *:first-child {
    grid-column: span 3;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-4-first-big > .inner > .field-para-boxes-ref > *:first-child {
    grid-row: span 3;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-4-first-big > .inner > .field-para-boxes-ref > *:first-child * {
    height: 100%;
  }
}
.paragraph--view-mode-ribbon.has-background-video {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.paragraph--view-mode-ribbon.has-background-video .field-para-background-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin-bottom: 0;
}
.paragraph--view-mode-ribbon.has-background-video .field-para-background-video * {
  height: 100%;
}
.paragraph--view-mode-ribbon.has-background-video .field-para-background-video .vjs-progress-control,
.paragraph--view-mode-ribbon.has-background-video .field-para-background-video .vjs-control-bar {
  display: none;
}
.paragraph--view-mode-ribbon.has-background-video .field-para-background-video .vjs-big-play-button {
  height: 50px;
}
.paragraph--view-mode-ribbon.has-background-video .field-para-background-video .vjs-fluid {
  padding-top: unset;
}
.paragraph--view-mode-ribbon.has-background-video .field-para-background-video .vjs-fluid video {
  -o-object-fit: cover;
     object-fit: cover;
}
.paragraph--view-mode-ribbon.has-background-video .field-para-background-video iframe {
  height: 56.25vw;
  width: 100%;
}
.paragraph--view-mode-ribbon.has-background-image {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.paragraph--view-mode-ribbon.has-background-image .field-para-background-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  margin-bottom: 0;
}
.paragraph--view-mode-ribbon.has-background-image .field-para-background-image * {
  height: 100%;
}
.paragraph--view-mode-ribbon.has-background-image .field-para-background-image * img {
  -o-object-fit: cover;
     object-fit: cover;
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero {
  padding: 96px 0;
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero > .inner > .group-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: var(--color-white);
  position: relative;
  isolation: isolate;
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-hero > .inner > .group-content-wrapper {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-hero > .inner > .group-content-wrapper {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-hero.style-right .group-content-wrapper {
    margin-left: auto;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-hero.style-center .group-content-wrapper {
    margin: 0 auto;
    text-align: center;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-hero.style-center .group-content-wrapper .field-para-link {
    text-align: center;
  }
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-list > .inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-list.style-content-grid-box .field-para-text {
  z-index: 1;
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-list.style-content-grid-box .field-para-text p > a {
  color: var(--color-secondary);
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-list.style-content-grid-box .field-para-text p > a:hover {
  color: var(--color-secondary-lighter);
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-list.style-content-grid-box .view > .view-content > .item-list > ul {
  gap: 0;
}
@media screen and (min-width: 768px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-list.style-content-grid-box .view > .view-content > .item-list > ul {
    --col-grid-template-column: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-list.style-content-grid-box .view > .view-content > .item-list > ul {
    --col-grid-template-column: repeat(4, 1fr);
  }
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-list.style-content-grid-box .view > .view-content > .item-list > ul > li:nth-of-type(1) {
  --rib-box-bg: var(--color-white);
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-list.style-content-grid-box .view > .view-content > .item-list > ul > li:nth-of-type(2) {
  --rib-box-bg: var(--color-primary-lighter);
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-list.style-content-grid-box .view > .view-content > .item-list > ul > li:nth-of-type(3) {
  --rib-box-bg: var(--color-grey-50);
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-list.style-content-grid-box .content-box-wrapper {
  isolation: isolate;
  height: 100%;
  padding: 24px;
  background-color: var(--color-primary-darker);
  color: var(--color-primary-con);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-list.style-content-grid-box .content-box-wrapper:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: url("../img/ai-brain.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  opacity: 0.25;
  z-index: -1;
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-content-ref > .inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-campaign {
    min-height: 350px;
  }
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-campaign > .inner > .group-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: var(--color-black);
  background-color: var(--color-white);
  padding: 12px;
  position: relative;
  isolation: isolate;
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-campaign > .inner > .group-content-wrapper {
    padding: 24px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-campaign.style-ribbon-align-right > .inner > .group-content-wrapper, .paragraph--view-mode-ribbon.paragraph--type-ribbon-campaign.style-ribbon-align-left > .inner > .group-content-wrapper {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-campaign.style-ribbon-align-right > .inner > .group-content-wrapper {
    margin-left: auto;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-media > .inner {
    align-items: center;
  }
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-media > .inner > .alpha {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-media.style-ribbon-align-right > .inner > .alpha > .field-para-title {
  text-align: left;
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-media.style-ribbon-align-right > .inner > .alpha > .field-para-link {
  text-align: left;
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-ribbon.paragraph--type-ribbon-media.style-ribbon-align-left > .inner > .beta {
    grid-row: 1;
  }
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes > .inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-numbers > .inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-iconbox > .inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-shortcut > .inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.paragraph--view-mode-ribbon.paragraph--type-ribbon-promo > .inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.paragraph:not(.has-background-image) {
  /* ---------------- Ribbon ---------------- */
}
.paragraph:not(.has-background-image).style-ribbon-color-primary {
  --rib-bg: var(--color-primary-darker);
  --rib-font-color: var(--color-primary-darker-con);
  --rib-font-link-color: var(--color-primary-darker-con);
  --rib-font-link-color-hover: var(--color-primary-darker-con);
  --rib-box-bg: var(--color-white);
  --rib-box-font-color: var(--color-black);
  --btn-color: var(--color-primary-darker);
  --btn-font-color: var(--color-primary-darker-con);
  --btn-color-hover: var(--color-white);
  --btn-font-color-hover: var(--color-black);
  --btn-color-no-bg: var(--color-white);
  --btn-color-no-bg-hover: var(--color-secondary-lighter);
}
.paragraph:not(.has-background-image).style-ribbon-color-primary + .style-ribbon-color-primary:not(.has-background-image) {
  padding-top: 0;
}
.paragraph:not(.has-background-image).style-ribbon-color-secondary {
  --rib-bg: var(--color-secondary-lighter);
  --rib-font-color: var(--color-secondary-lighter-con);
  --rib-font-link-color: var(--color-secondary-lighter-con);
  --rib-font-link-color-hover: var(--color-secondary-lighter-con);
  --rib-box-bg: var(--color-white);
  --rib-box-font-color: var(--color-black);
  --btn-color: var(--color-secondary-darker);
  --btn-font-color: var(--color-secondary-darker-con);
  --btn-color-hover: var(--color-white);
  --btn-font-color-hover: var(--color-black);
  --btn-color-no-bg: var(--color-primary);
  --btn-color-no-bg-hover: var(--color-primary-darker);
}
.paragraph:not(.has-background-image).style-ribbon-color-secondary + .style-ribbon-color-secondary:not(.has-background-image) {
  padding-top: 0;
}
.paragraph:not(.has-background-image).style-ribbon-color-white {
  --rib-bg: var(--color-white);
  --rib-font-color: var(--color-black);
  --rib-font-link-color: var(--link-color);
  --rib-font-link-color-hover: var(--link-color-hover);
  --rib-box-bg: var(--color-grey-100);
  --rib-box-font-color: var(--color-black);
  --btn-color-no-bg: var(--color-primary);
  --btn-color-no-bg-hover: var(--color-primary-darker);
}
.paragraph:not(.has-background-image).style-ribbon-color-white + .style-ribbon-color-white:not(.has-background-image) {
  padding-top: 0;
}
.paragraph:not(.has-background-image).style-ribbon-color-grey {
  --rib-bg: var(--color-grey-100);
  --rib-font-color: var(--color-black);
  --rib-font-link-color: var(--link-color);
  --rib-font-link-color-hover: var(--link-color-hover);
  --rib-box-bg: var(--color-white);
  --rib-box-font-color: var(--color-black);
  --btn-color-no-bg: var(--color-primary);
  --btn-color-no-bg-hover: var(--color-primary-darker);
}
.paragraph:not(.has-background-image).style-ribbon-color-grey + .style-ribbon-color-grey:not(.has-background-image) {
  padding-top: 0;
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon {
  background-color: var(--rib-bg);
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-title h2,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-title h2 {
  color: var(--rib-font-color);
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-text,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-text {
  color: var(--rib-font-color);
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-text a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-text a {
  color: var(--rib-font-link-color);
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-text a:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-text a:hover {
  color: var(--rib-font-link-color-hover);
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-link,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-link {
  text-align: right;
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-link a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-link a {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background: transparent;
  color: var(--btn-color-no-bg) !important;
  padding-left: 42px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25em;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s linear;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  position: relative;
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-link a:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-link a:hover {
  background: none;
  color: var(--color-black) !important;
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-link a:before, .paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-link a:after,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-link a:before,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-link a:after {
  display: none;
}
@media screen and (min-width: 992px) {
  .paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-link a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-link a {
    padding-left: 24px;
    font-size: 1rem;
  }
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-link a:after,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-link a:after {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.6rem;
  font-weight: 700;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  transition: left 0.25s linear;
}
@media screen and (min-width: 992px) {
  .paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-link a:after,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-link a:after {
    font-size: 0.675rem;
    top: 11px;
  }
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-link a:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-link a:hover {
  color: var(--btn-color-no-bg-hover) !important;
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-link a:hover:after,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-link a:hover:after {
  left: 8px;
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .node,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .paragraph,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .block,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .node,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .paragraph,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .block,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .node,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .paragraph,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .block,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .node,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .paragraph,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .block,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .node,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .paragraph,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .block,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .node,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .paragraph,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .block {
  background-color: var(--rib-box-bg);
  color: var(--rib-box-font-color);
  padding: 12px;
}
@media screen and (min-width: 992px) {
  .paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .node,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .paragraph,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .block,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .node,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .paragraph,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .block,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .node,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .paragraph,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .block,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .node,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .paragraph,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .block,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .node,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .paragraph,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .block,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .node,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .paragraph,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .block {
    padding: 24px;
  }
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .node.ot-clickable,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .paragraph.ot-clickable,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .block.ot-clickable,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .node.ot-clickable,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .paragraph.ot-clickable,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .block.ot-clickable,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .node.ot-clickable,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .paragraph.ot-clickable,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .block.ot-clickable,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .node.ot-clickable,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .paragraph.ot-clickable,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .block.ot-clickable,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .node.ot-clickable,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .paragraph.ot-clickable,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .block.ot-clickable,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .node.ot-clickable,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .paragraph.ot-clickable,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .block.ot-clickable {
  transition: box-shadow 0.25s linear;
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .node.ot-clickable:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .paragraph.ot-clickable:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .block.ot-clickable:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .node.ot-clickable:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .paragraph.ot-clickable:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .block.ot-clickable:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .node.ot-clickable:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .paragraph.ot-clickable:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .block.ot-clickable:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .node.ot-clickable:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .paragraph.ot-clickable:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .block.ot-clickable:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .node.ot-clickable:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .paragraph.ot-clickable:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .block.ot-clickable:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .node.ot-clickable:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .paragraph.ot-clickable:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .block.ot-clickable:hover {
  cursor: pointer;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .node.ot-clickable:hover h1 a, .paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .node.ot-clickable:hover h2 a, .paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .node.ot-clickable:hover h3 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .paragraph.ot-clickable:hover h1 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .paragraph.ot-clickable:hover h2 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .paragraph.ot-clickable:hover h3 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .block.ot-clickable:hover h1 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .block.ot-clickable:hover h2 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-boxes-ref > .block.ot-clickable:hover h3 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .node.ot-clickable:hover h1 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .node.ot-clickable:hover h2 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .node.ot-clickable:hover h3 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .paragraph.ot-clickable:hover h1 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .paragraph.ot-clickable:hover h2 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .paragraph.ot-clickable:hover h3 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .block.ot-clickable:hover h1 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .block.ot-clickable:hover h2 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-content-ref > .block.ot-clickable:hover h3 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .node.ot-clickable:hover h1 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .node.ot-clickable:hover h2 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .node.ot-clickable:hover h3 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .paragraph.ot-clickable:hover h1 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .paragraph.ot-clickable:hover h2 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .paragraph.ot-clickable:hover h3 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .block.ot-clickable:hover h1 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .block.ot-clickable:hover h2 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-block-ref > .block.ot-clickable:hover h3 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .node.ot-clickable:hover h1 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .node.ot-clickable:hover h2 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .node.ot-clickable:hover h3 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .paragraph.ot-clickable:hover h1 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .paragraph.ot-clickable:hover h2 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .paragraph.ot-clickable:hover h3 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .block.ot-clickable:hover h1 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .block.ot-clickable:hover h2 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-boxes-ref > .block.ot-clickable:hover h3 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .node.ot-clickable:hover h1 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .node.ot-clickable:hover h2 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .node.ot-clickable:hover h3 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .paragraph.ot-clickable:hover h1 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .paragraph.ot-clickable:hover h2 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .paragraph.ot-clickable:hover h3 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .block.ot-clickable:hover h1 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .block.ot-clickable:hover h2 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-content-ref > .block.ot-clickable:hover h3 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .node.ot-clickable:hover h1 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .node.ot-clickable:hover h2 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .node.ot-clickable:hover h3 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .paragraph.ot-clickable:hover h1 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .paragraph.ot-clickable:hover h2 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .paragraph.ot-clickable:hover h3 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .block.ot-clickable:hover h1 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .block.ot-clickable:hover h2 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-block-ref > .block.ot-clickable:hover h3 a {
  text-decoration: underline;
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node {
  background-color: var(--rib-box-bg);
  color: var(--rib-box-font-color);
  padding: 12px;
}
@media screen and (min-width: 992px) {
  .paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node {
    padding: 24px;
  }
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node.ot-clickable,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node.ot-clickable {
  transition: box-shadow 0.25s linear;
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node.ot-clickable:hover,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node.ot-clickable:hover {
  cursor: pointer;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);
}
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node.ot-clickable:hover h1 a, .paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node.ot-clickable:hover h2 a, .paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node.ot-clickable:hover h3 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node.ot-clickable:hover h1 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node.ot-clickable:hover h2 a,
.paragraph:not(.has-background-image).paragraph--view-mode-ribbon > .inner > .alpha > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node.ot-clickable:hover h3 a {
  text-decoration: underline;
}

.view {
  display: flex;
  flex-direction: column;
  gap: 24px;
  /**************************************************
    *  Standard View list
  **************************************************/
  /**************************************************
    *  View Styles
  **************************************************/
  /**************************************************
   *  View row divider
  **************************************************/
  /**************************************************
    *  Subpage for sectionspage
  **************************************************/
  /**************************************************
    *  Custom views
  **************************************************/
}
.view .view-filters .form--inline {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}
@media screen and (min-width: 992px) {
  .view .view-filters .form--inline {
    flex-direction: row;
    align-items: flex-end;
  }
}
@media screen and (min-width: 992px) {
  .view .view-filters {
    max-width: 50%;
    flex-direction: row;
    align-items: flex-end;
  }
}
.view .view-header {
  margin-bottom: 24px;
}
.view .view-content {
  /**************************************************
    *  Unformatted List
  **************************************************/
}
.view .view-content > .item-list > h3 {
  margin-bottom: 12px;
}
.view .view-content > .item-list > ul {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: var(--col-grid-template-column);
  gap: var(--col-grid-gap);
}
@media screen and (min-width: 768px) {
  .view .view-content > .item-list > ul {
    --col-grid-template-column: repeat(1, 1fr);
    --col-grid-gap: 24px;
  }
}
@media screen and (min-width: 992px) {
  .view .view-content > .item-list > ul {
    --col-grid-template-column: repeat(1, 1fr);
  }
}
.view .view-content > .item-list > ul.col-1 {
  --col-grid-template-column: repeat(1, 1fr);
}
@media screen and (min-width: 992px) {
  .view .view-content > .item-list > ul.col-2 {
    --col-grid-template-column: repeat(2, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .view .view-content > .item-list > ul.col-3 {
    --col-grid-template-column: repeat(3, 1fr);
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .view .view-content > .item-list > ul.col-3 > *:first-child {
    grid-column: span 2;
  }
}
@media screen and (min-width: 992px) {
  .view .view-content > .item-list > ul.col-3.first-big {
    --col-grid-template-column: 2fr 1fr 1fr;
  }
}
@media screen and (min-width: 992px) {
  .view .view-content > .item-list > ul.col-3.last-big {
    --col-grid-template-column: 1fr 1fr 2fr;
  }
}
@media screen and (min-width: 992px) {
  .view .view-content > .item-list > ul.col-4 {
    --col-grid-template-column: repeat(4, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .view .view-content > .item-list > ul.col-5 {
    --col-grid-template-column: repeat(5, 1fr);
  }
}
.view .view-content > .item-list > ul > li > .node {
  height: 100%;
}
.view .view-content > div.views-row {
  padding: 12px;
  margin-bottom: 24px;
}
.view .view-content > div.views-row:nth-child(even) {
  background-color: var(--color-grey-100);
}
.view .view-content > div.views-row:nth-child(odd) {
  background-color: var(--color-grey-50);
}
.view .view-content > div.views-row:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
@media screen and (min-width: 992px) {
  .view.view-view-modes .view-content {
    width: 70%;
  }
}
.view.view-view-modes .view-content > .item-list {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color-grey-300);
}
@media screen and (min-width: 992px) {
  .view.view-view-modes-30 .view-content {
    width: 30%;
  }
}
.view.view-view-modes-30 .view-content > .item-list {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color-grey-300);
}
.view.view-li-background-grey > .view-content > .item-list > ul > li {
  background-color: var(--color-grey-100);
}
.view.view-row-divider > .view-content > .item-list > ul {
  overflow-x: hidden;
}
@media screen and (min-width: 992px) {
  .view.view-row-divider > .view-content > .item-list > ul.col-1 > li:nth-last-child(-n+1) {
    padding-bottom: 0;
  }
  .view.view-row-divider > .view-content > .item-list > ul.col-1 > li:nth-last-child(-n+1):after {
    display: none;
  }
  .view.view-row-divider > .view-content > .item-list > ul.col-1 > li:nth-last-child(-n+2):after {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .view.view-row-divider > .view-content > .item-list > ul.col-2 > li:nth-last-child(-n+2):after {
    display: none;
  }
  .view.view-row-divider > .view-content > .item-list > ul.col-2 > li:nth-last-child(-n+3):after {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .view.view-row-divider > .view-content > .item-list > ul.col-3 > li:nth-last-child(-n+3):after {
    display: none;
  }
  .view.view-row-divider > .view-content > .item-list > ul.col-3 > li:nth-last-child(-n+4):after {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .view.view-row-divider > .view-content > .item-list > ul.col-4 > li:nth-last-child(-n+4):after {
    display: none;
  }
  .view.view-row-divider > .view-content > .item-list > ul.col-4 > li:nth-last-child(-n+5):after {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .view.view-row-divider > .view-content > .item-list > ul.col-5 > li:nth-last-child(-n+5):after {
    display: none;
  }
  .view.view-row-divider > .view-content > .item-list > ul.col-5 > li:nth-last-child(-n+6):after {
    width: 100%;
  }
}
.view.view-row-divider > .view-content > .item-list > ul > li {
  position: relative;
  padding-bottom: 24px;
}
.view.view-row-divider > .view-content > .item-list > ul > li:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 24px);
  height: 2px;
  background-color: var(--color-grey-300);
  bottom: 0;
}
.view.view-display-id-block_subpages_label > .view-content > .item-list > ul > li {
  display: inline-block;
  width: auto;
}
@media screen and (max-width: 992px) {
  .view.view-display-id-block_subpages_label > .view-content > .item-list > ul > li {
    display: none;
  }
}
.view.view-display-id-block_subpages_label > .view-content > .item-list > ul > li a {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  color: var(--color-black) !important;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background: var(--btn-color);
  color: var(--btn-font-color) !important;
  padding: 6px 12px;
  padding-right: 42px;
  font-size: 1rem;
  line-height: 1.25em;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s linear;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  position: relative;
}
.view.view-display-id-block_subpages_label > .view-content > .item-list > ul > li a:hover {
  background: none;
  color: var(--color-black) !important;
}
.view.view-display-id-block_subpages_label > .view-content > .item-list > ul > li a:before, .view.view-display-id-block_subpages_label > .view-content > .item-list > ul > li a:after {
  display: none;
}
@media screen and (min-width: 992px) {
  .view.view-display-id-block_subpages_label > .view-content > .item-list > ul > li a {
    padding: 8px 24px;
    padding-right: 42px;
    font-size: 1.125rem;
  }
}
.view.view-display-id-block_subpages_label > .view-content > .item-list > ul > li a:after {
  display: block;
  font-size: 0.6rem;
  font-weight: 700;
  position: absolute;
  top: 13px;
  right: 16px;
}
@media screen and (min-width: 992px) {
  .view.view-display-id-block_subpages_label > .view-content > .item-list > ul > li a:after {
    font-size: 0.675rem;
    right: 19.2px;
    top: 16px;
  }
}
.view.view-display-id-block_subpages_label > .view-content > .item-list > ul > li a:hover {
  background: var(--btn-color-hover);
  color: var(--btn-font-color-hover) !important;
}
.view.view-display-id-block_subpages_label > .view-content > .item-list > ul > li a:hover:after {
  right: 12px;
}
.view.view-ot-search-db-projects > .view-header {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.view.view-ot-search-db-projects > .view-header a:first-of-type {
  margin-left: auto;
}
.view.view-ot-search-db-projects > .view-content {
  overflow-x: scroll;
}
.view.view-ot-search-db-projects > .view-content table thead tr {
  border-bottom: 1px solid var(--color-grey-300);
}
.view.view-ot-search-db-projects > .view-content table thead tr th {
  padding: 12px 9.6px;
  text-align: left;
}
.view.view-ot-search-db-projects > .view-content table thead tr th:first-child {
  min-width: 150px;
}
.view.view-ot-search-db-projects > .view-content table tbody > tr > td {
  padding: 12px 9.6px;
  font-size: 0.85rem;
  vertical-align: top;
}
.view.view-ot-search-db-projects > .view-content table tbody > tr > td.views-field-field-image-main {
  max-width: 250px;
  padding: 12px;
}
.view.view-ot-search-db-projects > .view-content table tbody > tr > td.views-field-field-project-risk-ref {
  padding-top: 24px;
}
.view.view-ot-search-db-projects > .view-content table tbody > tr:nth-child(even) {
  background-color: var(--color-grey-200);
}

/**************************************************
*  Templates
**************************************************/
.ot-layout-base > .inner {
  display: grid;
  grid-template-columns: var(--ot-layout-col);
  gap: var(--ot-layout-gap);
}

@media screen and (min-width: 992px) {
  .ot-layout-2col > .inner {
    --ot-layout-col: minmax(0,1fr) minmax(0,1fr);
    --ot-layout-gap: 72px;
  }
}
@media screen and (min-width: 992px) {
  .ot-layout-2col.node--view-mode-full > .inner {
    --ot-layout-col: minmax(0,3fr) minmax(0,1fr);
    --ot-layout-gap: 72px;
  }
}

.ot-layout-2col-stacked > .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0;
}
@media screen and (min-width: 992px) {
  .ot-layout-2col-stacked > .inner {
    --ot-layout-col: minmax(0,1fr) minmax(0,1fr);
    --ot-layout-gap: 72px;
  }
}
.ot-layout-2col-stacked > .inner > .alpha {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ot-layout-2col-stacked > .inner > .beta {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (min-width: 992px) {
  .ot-layout-2col-stacked.node--view-mode-full > .inner {
    --ot-layout-col: minmax(0,3fr) minmax(0,1fr);
    --ot-layout-gap: 96px;
  }
}

.ot-layout-2col-double-stacked.has-background-image {
  --color-header-contrast: var(--color-white);
}
.ot-layout-2col-double-stacked.has-background-image > .pre_header {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 0 calc(-50vw + 50%);
  margin-bottom: 72px;
}
.ot-layout-2col-double-stacked.has-background-image > .pre_header > .field-background-image {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.ot-layout-2col-double-stacked.has-background-image > .pre_header > .field-background-image * {
  height: 100%;
}
.ot-layout-2col-double-stacked.has-background-image > .pre_header > .field-background-image * img {
  -o-object-fit: cover;
     object-fit: cover;
}
.ot-layout-2col-double-stacked.has-no-background-image {
  --color-header-contrast: var(--color-primary-darker-con);
}
.ot-layout-2col-double-stacked.has-no-background-image > .pre_header {
  margin: 0 calc(-50vw + 50%);
  background-color: var(--color-primary-darker);
}
.ot-layout-2col-double-stacked > .pre_header > .pre_header_content {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
}
@media screen and (min-width: 992px) {
  .ot-layout-2col-double-stacked > .pre_header > .pre_header_content {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .ot-layout-2col-double-stacked > .pre_header > .pre_header_content {
    width: 1140px;
  }
}
@media screen and (min-width: 1600px) {
  .ot-layout-2col-double-stacked > .pre_header > .pre_header_content {
    width: 1400px;
  }
}
@media screen and (min-width: 992px) {
  .ot-layout-2col-double-stacked > .pre_header > .pre_header_content {
    padding: 192px 0 48px;
    flex-direction: row;
  }
}
.ot-layout-2col-double-stacked > .pre_header > .pre_header_content .dynamic-block-fieldnode-bf-breadcrumb ol li {
  color: var(--color-header-contrast);
}
.ot-layout-2col-double-stacked > .pre_header > .pre_header_content .dynamic-block-fieldnode-bf-breadcrumb ol li > a {
  color: var(--color-secondary-lighter);
}
.ot-layout-2col-double-stacked > .pre_header > .pre_header_content .dynamic-block-fieldnode-bf-breadcrumb ol li > a:hover {
  color: var(--color-secondary);
}
.ot-layout-2col-double-stacked > .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0;
}
.ot-layout-2col-double-stacked > .inner {
  margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
  .ot-layout-2col-double-stacked > .inner {
    --ot-layout-col: minmax(0,1fr) minmax(0,1fr);
    --ot-layout-gap: 72px;
    margin-bottom: 48px;
  }
}
.ot-layout-2col-double-stacked > .inner > .alpha {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ot-layout-2col-double-stacked > .inner > .center {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ot-layout-2col-double-stacked > .inner > .beta {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ot-layout-2col-double-stacked.alpha-only > .inner > .alpha {
  margin: 0;
  width: 100%;
}
.ot-layout-2col-double-stacked.center-only > .inner > .center {
  margin: 0;
}
@media screen and (min-width: 992px) {
  .ot-layout-2col-double-stacked.center-only > .inner > .center {
    width: calc(70% - 24px);
  }
}
.ot-layout-2col-double-stacked.beta-only > .inner {
  margin: 0;
}
.ot-layout-2col-double-stacked.beta-only > .inner > .beta {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .ot-layout-2col-double-stacked.center-alpha-only > .inner > .alpha {
    width: calc(30% - 24px);
  }
}
@media screen and (min-width: 992px) {
  .ot-layout-2col-double-stacked.center-alpha-only > .inner > .center {
    width: calc(70% - 24px);
    margin-right: -24px;
  }
}
@media screen and (min-width: 992px) {
  .ot-layout-2col-double-stacked.center-beta-only > .inner > .center {
    width: calc(70% - 24px);
    margin-left: -24px;
  }
}
@media screen and (min-width: 992px) {
  .ot-layout-2col-double-stacked.center-beta-only > .inner > .beta {
    width: calc(30% - 24px);
  }
}
@media screen and (min-width: 992px) {
  .ot-layout-2col-double-stacked.node--view-mode-full > .inner {
    --ot-layout-col: minmax(0,3fr) minmax(0,1fr);
    --ot-layout-gap: 72px;
  }
  .ot-layout-2col-double-stacked.node--view-mode-full > .inner > .alpha {
    padding-right: var(--ot-layout-gap);
    border-right: 1px solid var(--color-grey-500);
  }
}

.ot-layout-3col.has-background-image {
  --background-min-height: 475px;
}
.ot-layout-3col.has-background-image .header {
  position: relative;
  background-color: transparent;
  min-height: var(--background-min-height);
  justify-content: flex-end;
  color: var(--color-white);
}
.ot-layout-3col.has-background-image .header .field-background-image {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.ot-layout-3col.has-background-image .header .field-background-image * {
  height: 100%;
}
.ot-layout-3col.has-background-image .header .field-background-image * .field-media-copyright {
  height: unset;
  z-index: 100;
}
.ot-layout-3col.has-background-image .header .field-background-image * img {
  -o-object-fit: cover;
     object-fit: cover;
}
.ot-layout-3col.has-background-image .header .field-background-image:after {
  content: "";
  position: absolute;
  display: block;
  inset: 0;
  background-color: var(--color-black);
  opacity: 0.5;
}
.ot-layout-3col.has-background-image .header .field-main-media-caption {
  position: absolute;
  top: 4px;
  right: 8px;
}
.ot-layout-3col > .pre_header {
  padding: 24px 0;
}
.ot-layout-3col > .header {
  padding: 24px;
  margin-bottom: 24px;
  background-color: var(--color-grey-100);
}
@media screen and (min-width: 992px) {
  .ot-layout-3col > .header {
    display: flex;
    flex-direction: column;
    padding: 48px;
    gap: 24px;
  }
}
@media screen and (min-width: 992px) {
  .ot-layout-3col > .inner {
    --ot-layout-col: minmax(0,2fr) minmax(0,6fr) minmax(0,2fr);
    --ot-layout-gap: 48px;
  }
}
.ot-layout-3col > .inner > .alpha {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ot-layout-3col > .inner > .center {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ot-layout-3col > .inner > .beta {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ot-layout-3col.alpha-only > .inner > .alpha {
  margin: 0;
  width: 100%;
}
.ot-layout-3col.center-only > .inner > .center {
  margin: 0;
}
@media screen and (min-width: 992px) {
  .ot-layout-3col.center-only > .inner > .center {
    width: calc(70% - 24px);
  }
}
.ot-layout-3col.beta-only > .inner {
  margin: 0;
}
.ot-layout-3col.beta-only > .inner > .beta {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .ot-layout-3col.center-alpha-only > .inner > .alpha {
    width: calc(30% - 24px);
  }
}
@media screen and (min-width: 992px) {
  .ot-layout-3col.center-alpha-only > .inner > .center {
    width: calc(70% - 24px);
    margin-right: -24px;
  }
}
@media screen and (min-width: 992px) {
  .ot-layout-3col.center-beta-only > .inner > .center {
    width: calc(70% - 24px);
    margin-left: -24px;
  }
}
@media screen and (min-width: 992px) {
  .ot-layout-3col.center-beta-only > .inner > .beta {
    width: calc(30% - 24px);
  }
}
.ot-layout-4col > .inner {
  display: block;
}
.ot-layout-4col > .inner > div {
  margin-bottom: 36px;
}
@media screen and (min-width: 768px) {
  .ot-layout-4col > .inner {
    display: grid;
  }
  .ot-layout-4col > .inner > div {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .ot-layout-4col > .inner > .header {
    flex-direction: row;
    justify-content: end;
    align-items: end;
    grid-column: 1/-1;
  }
}
@media screen and (min-width: 992px) {
  .ot-layout-4col > .inner > .second {
    grid-column: 2/span 2;
    margin-right: 96px;
  }
}
@media screen and (min-width: 768px) {
  .ot-layout-4col > .inner {
    --ot-layout-col: repeat(2, minmax(0, 1fr));
    --ot-layout-gap: 24px;
  }
}
@media screen and (min-width: 992px) {
  .ot-layout-4col > .inner {
    --ot-layout-col: repeat(4, minmax(0, 1fr));
  }
}

/**************************************************
*  Layout
**************************************************/
/*# sourceMappingURL=maps/main.css.map */