/*-----------------**
|  Global variables  |
**-----------------*/
/*****************
* Theming colors *
*****************/
/*----------------------------------------------------------**
|  Protype base variabelen voor de skin.css = prototype skin  |
**----------------------------------------------------------*/
/*******
* Grid *
*******/
/********
* Links *
********/
/**************
* transitions *
**************/
/************
* separator *
************/
/*-----------------------------**
|  Variables protype typography  |
**-----------------------------*/
/*---------------**
|  Globale option  |
**---------------*/
/* color output */
/* Scafolding */
/*--------------------------------**
|  Globale base colors for theming  |
**--------------------------------*/
/*-----------------------**
|  Globale base variables  |
**-----------------------*/
/*---------------------**
|  Globale base z-index  |
**---------------------*/
/*-------------------------**
|  Globale base Transitions  |
**-------------------------*/
/*----------------**
|  Globale Shadows  |
**----------------*/
/*------------------------**
|  Globale Spacing partial  |
**------------------------*/
/*------------------------**
|  Global base grid system  |
**------------------------*/
/*-----------------------**
|  Globale Border styling  |
**-----------------------*/
/*----------------------**
|  Global base separator  |
**----------------------*/
/*---------------------------**
|  Globale Base Focus styling  |
**---------------------------*/
/*----------------------**
|  Global link variables  |
**----------------------*/
/*-------------------**
|  Globale Typography  |
**-------------------*/
/* Font-family */
/*--------------------------------------------------------------------**
|  Use `inspect` for lists so that quoted items keep the quotes.        |
|  See https://github.com/sass/sass/issues/2383#issuecomment-336349172  |
**--------------------------------------------------------------------*/
/* Font weight */
/* font-size */
/* Headings style */
/*------------------**
| headings h1,h2,h3  |
**------------------*/
/*-------------------------**
|  Base variables voor Body  |
**-------------------------*/
/*--------------------**
|  Globale Breakpoints  |
**--------------------*/
/**************************************************************************
* Grid containers                                                         *
* // Define the maximum width of `.container` for different screen sizes. *
**************************************************************************/
/*--------------------------**
|  Globale Helpers variables  |
**--------------------------*/
/*---------------------------**
|  Base helper view variables  |
**---------------------------*/
/*-----------------------**
|  Globale core variables  |
**-----------------------*/
/*----------------------**
|  Global icon Variables  |
**----------------------*/
/* Icon size */
/* Icon text-padding (spacing between icon and text) */
/* Icon base styling */
/* variables base cbo font */
/*--------**w
|  New add  |
**--------*/
/* External [target="_blank"] icons base icon */
/* Inplace editing */
/*---------------------------**
|  Global core List variables  |
**---------------------------*/
/*------------------------------**
|  Global core buttons variables  |
**------------------------------*/
/*--------------------------**
|  Global core box Variables  |
**--------------------------*/
/*----------------------------**
|  Globale alert-box variables  |
**----------------------------*/
/*-----------------------**
|  Global Table Variables  |
**-----------------------*/
/*-------------------------**
|  Global overlay variables  |
**-------------------------*/
/*----------------------------------**
|  Globale navigation core variables  |
**----------------------------------*/
/* Nav-tabs */
/*--------------------------**
|  Global dropdown variables  |
**--------------------------*/
/*------------------------**
|  Global Scroll variables  |
**------------------------*/
/*----------------------------**
|  Breadcrumb Global variables  |
**----------------------------*/
/* Padding niet op a want staat inline dus op de wrapper */
/*-----------------------**
|  Global Media variables  |
**-----------------------*/
/*----------------------**
|  Global Status styling  |
**----------------------*/
/*-----------------------**
|  Globale form variables  |
**-----------------------*/
/* label variables */
/* Input variables */
/*----------------------------**
|  Global myinterest variables  |
**----------------------------*/
/*----------------------------**
|  Global favorites variables  |
**----------------------------*/
/*---------------------------------**
|  Global ticket__from-icon styling  |
**---------------------------------*/
/*--------------------------**
|  Global variable Accordion  |
**--------------------------*/
/*-----------------------**
|  Global steps variables  |
**-----------------------*/
/*--------------------**
|  Global variables poi  |
**--------------------*/
/*--------------------------**
|  Global taxonmie variables  |
**--------------------------*/
/*-------------------------------------------------------------------------**
|  Globale Variables for frontend-scss\scss\layout\components\_anchors.scss  |
**-------------------------------------------------------------------------*/
/*--------------------------**
|  Global Base Caret styling  |
**--------------------------*/
/*------------------------**
|  Globale Badge variables  |
**------------------------*/
/*-----------------------**
|  Global image variables  |
**-----------------------*/
/*---------------------------**
|  Global copyright variables  |
**---------------------------*/
/*------------------------------**
|  Global base loading indicator  |
**------------------------------*/
/*--------------------------------------**
|  Globale Download components variables  |
**--------------------------------------*/
/*-----------------------**
|  Globale date variables  |
**-----------------------*/
/*-------------------------**
|  Globale Toggle variables  |
**-------------------------*/
/*-------------------------**
|  Global partial variables  |
**-------------------------*/
/* Partial */
/* partial-grid layout */
/*-----------------------**
|  Global event variables  |
**-----------------------*/
/*------------------------------**
|  Global hall finder variables  |
**------------------------------*/
/* modules cordis */
/*----------------------------------------------------------------**
|  Globale variables voor de vrije content zone via de class .info  |
**----------------------------------------------------------------*/
/*-------------------------**
|  Globale Social variables  |
**-------------------------*/
/*------------------------**
|  Globale share variables  |
**------------------------*/
/*------------------------**
|  Global cookie variables  |
**------------------------*/
/*-----------------------------**
|  Global alertbanner variables  |
**-----------------------------*/
/*---------------------------**
|  Globale Contact variabelen  |
**---------------------------*/
/* Streetmap base dimensions */
/* hours styling */
/*--------------------------**
|  Global Calendar variables |
**--------------------------*/
/*--------------------------**
|  Global Timetables variables |
**--------------------------*/
/*------------------------------**
|  Global progress bar variables  |
**------------------------------*/
/* modules intranet */
/*--------------------------------------------**
|  Globale Prikbord / bulletin-board variables  |
**--------------------------------------------*/
/*---------------------------**
|  Globale birthday variables  |
**---------------------------*/
/*-------------------------------**
|  Global inout persons variables  |
**-------------------------------*/
/*------------------------------------------**
|  Global applications/ toepassing variables  |
**------------------------------------------*/
/* modules school */
/*-------------------------**
|  Globale header variables  |
**-------------------------*/
/*------------------------**
|  Global search variables  |
**------------------------*/
/*--------------------------------**
|  Global main structure variables  |
**--------------------------------*/
/*------------------------**
|  Global Footer variables  |
**------------------------*/
/*---------------------------**
|  Global home page variables  |
**---------------------------*/
/*-------------------------------**
|  Globale page sitemap variables  |
**-------------------------------*/
/* Global Components */
/*----------------------------------**
|  Global variables Component swiper  |
**----------------------------------*/
/* Global modules */
/*---------------------------------**
|  Global content-blocks variabelen  |
**---------------------------------*/
/*----------------------------**
|  Variable pagebuilder pb.css  |
**----------------------------*/
/*---------------------------------------**
|  Globale Variables Slideshow / bxslider  |
**---------------------------------------*/
/*-------------------------**
|  Globale variables filter  |
**-------------------------*/
/*---------------------------------------**
|  Globale Variables AI Search  |
**---------------------------------------*/
/*----------------------------------------**
|  Global Local tiles standalone variables  |
**----------------------------------------*/
/*------------------------------------**
|  Global static standalone atoz pages  |
**------------------------------------*/
/* Icordis */
/*--------------------------**
|  Globale sorting variables  |
**--------------------------*/
/*-----------------------------------------------------------------------------**
|  Variables global widget overrule + toekomst depc door vervanging pagebuilder  |
**-----------------------------------------------------------------------------*/
/*--------------------------------------**
|  Variables Skin specific herdeclareren  |
**--------------------------------------*/
/*-----------------------------------**
|  Optons specific overrule voor skin  |
**-----------------------------------*/
/*-------------------------**
|  Base color defirentieren  |
**-------------------------*/
/* in commentarieren indien andere globale colors */
/*-------------------------------------------**
|  Variable base variables voor skin  |
**-------------------------------------------*/
/* Variables over kopieren van de globale als je de globale base variables wilt wijzigen */
/*---------------------------------------**
|  Variable Shadow specific skin/intranet  |
**---------------------------------------*/
/* Extra shadow skin/intranet specific? */
/*-------------------------------**
|  Variable Spacing skin/intranet  |
**-------------------------------*/
/* Variables over kopieren van de globale als je de globale spacing in skin/intranet wilt wijzigen */
/*--------------------------------------**
|  Variable border styling skin  |
**--------------------------------------*/
/* Variables over kopieren van de globale als je de globale border style in skin/intranet wilt wijzigen */
/*---------------**
|  Link variables  |
**---------------*/
/*----------------------------------**
|  Variable typography skin  |
**----------------------------------*/
/* Variables over kopieren van de globale als je de globale typography in skin wilt wijzigen */
/* Font-family */
/*--------------------------------------------------------------------**
|  Use `inspect` for lists so that quoted items keep the quotes.        |
|  See https://github.com/sass/sass/issues/2383#issuecomment-336349172  |
**--------------------------------------------------------------------*/
/* Font weight */
/* font-size */
/* Headings style */
/*------------------**
| headings h1,h2,h3  |
**------------------*/
/*---------------------------------**
|  Variable base body skin  |
**---------------------------------*/
/* Variables over kopieren van de globale als je de globale body variables in skin wilt wijzigen */
/**************************************************************************
* Grid containers                                                         *
* // Define the maximum width of `.container` for different screen sizes. *
**************************************************************************/
/*----------------------------------------------**
|  Variable helpers variables voor skin/intranet  |
**----------------------------------------------*/
/* Variables over kopieren van de globale als je de globale helpers variables wilt wijzigen */
/*-------------------------------**
|  View helper skin  |
**-------------------------------*/
/* Variables over kopieren van de globale als je de view helper variables voor skin wilt wijzigen */
/*-------------------------------------------**
|  Variable core variables voor skin  |
**-------------------------------------------*/
/* Variables over kopieren van de globale als je de globale core variables wilt wijzigen */
/*-------------------------------**
|  Icon base voor skin  |
**-------------------------------*/
/* Variables over kopieren van de globale als je de icon base variables voor skin wilt wijzigen */
/* Icon size */
/* Icon text-padding (spacing between icon and text) */
/* Icon base styling */
/* variables base cbo font */
/*--------**w
|  New add  |
**--------*/
/* External [target="_blank"] icons base icon */
/* Inplace editing */
/* Inplace editing */
/* Inplace editing */
/* STAD LOKEREN */
/*-------------------------------**
|  List base voor skin  |
**-------------------------------*/
/* Variables over kopieren van de globale als je de list core variables voor skin wilt wijzigen */
/*-------------------------------**
|  Button base voor skin/intranet  |
**-------------------------------*/
/* Variables over kopieren van de globale als je de button core variables voor skin/intranet wilt wijzigen */
/*-------------------------------**
|  Box base voor skin  |
**-------------------------------*/
/* Variables over kopieren van de globale als je de box core variables voor skin wilt wijzigen */
/***********************
* Make box variants *
***********************/
/*-------------------------------**
|  Alertbox base voor skin  |
**-------------------------------*/
/* Variables over kopieren van de globale als je de alertbox core variables voor skin wilt wijzigen */
/*-------------------------------**
|  Table base voor skin  |
**-------------------------------*/
/* Variables over kopieren van de globale als je de tables core variables voor skin wilt wijzigen */
/********************
* Variables overlay *
********************/
/*----------------------------------------------**
|  Base Variabelen navigation Core en declaratie  |
**----------------------------------------------*/
/* Nav-tabs */
/*********************
* Variabels dropdown *
*********************/
/*------------------------------------------**
|  Define theme colors for dropdown variants  |
**------------------------------------------*/
/*----------------**
|  Variable Scroll  |
**----------------*/
/*-----------**
|  Breadcrumb  |
**-----------*/
/*---------------------------------**
|  Variable media skin  |
**---------------------------------*/
/* Variables over kopieren van de globale als je de globale media variables in skin wilt wijzigen */
/*-----------------------------**
|  Variable status styling skin  |
**-----------------------------*/
/* Variables over kopieren van de globale als je de globale status styling variables in skin/intranet wilt wijzigen */
/*---------------------------------**
|  Variable Formbuilder, form input styling  |
**---------------------------------*/
/* Variables over kopieren van de globale als je de form variables wilt wijzigen */
/* label variables */
/* Input variables */
/*-----------------**
|  Variables header  |
**-----------------*/
/*-----------------**
|  Variables Search  |
**-----------------*/
/*-------------------------**
|  Main structure variables  |
**-------------------------*/
/*----------------**
|  Variable footer  |
**----------------*/
/*-----------------------------------**
|  Variabelen Favorites aka Bookmarks |
**-----------------------------------*/
/*----------------------------------------------------------------**
|  Define Theme colors for alertbox variants indien global niet ok  |
**----------------------------------------------------------------*/
/*------------------**
|  Variables anchors  |
**------------------*/
/*----------------**
|  Variables Caret  |
**----------------*/
/* Variables over kopieren van de globale als je de globale caret variables in skin wilt wijzigen */
/*----------------**
|  Variables Badge  |
**----------------*/
/* Variables over kopieren van de globale als je de globale badge variables in skin wilt wijzigen */
/*****************
* Variable image *
*****************/
/*--------------------**
|  Copyright variables  |
**--------------------*/
/*-------------------**
|  Variable Downloads  |
**-------------------*/
/* Variables over kopieren van de globale als je de globale download variables in skin wilt wijzigen */
/*--------------**
|  Variable date  |
**--------------*/
/* Variables over kopieren van de globale als je de globale date variables in skin wilt wijzigen */
/*------------------**
|  Variables partial  |
**------------------*/
/* Variables over kopieren van de globale als je de globale partial variables in skin wilt wijzigen */
/* Partial */
/* partial-grid layout */
/* partial-cssgrid layout */
/* partial-cssgrid-icon layout */
/* partial__topical */
/*******************
* Variables events *
*******************/
/*-----------------**
|  Variables toggle  |
**-----------------*/
/*----------------------------------------**
|  Global Local tiles standalone variables  |
**----------------------------------------*/
/********************
* Variables Popover *
********************/
/*******************
* Variables Letter *
*******************/
/***********************
* Variables accordions *
***********************/
/*----------------**
|  Variables steps  |
**----------------*/
/*-------------**
|  Progress-bar  |
**-------------*/
/* progress-bar used for stand alone eloket */
/*****************
* Variable Poi *
*****************/
/*-------------------**
|  Variable taxonomie  |
**-------------------*/
/*-----------------------------------**
|  Variable Info / vrije content zone  |
**-----------------------------------*/
/* Variables over kopieren van de globale als je de globale infoe/Vrije content zone variables in skin wilt wijzigen */
/*----------------**
|  Variable social  |
**----------------*/
/* Variables over kopieren van de globale als je de globale social variables in skin wilt wijzigen */
/*--------------------**
|  share-box Variables  |
**--------------------*/
/* Variables over kopieren van de globale als je de globale share variables in skin wilt wijzigen */
/*------------------------**
|  Global cookie variables  |
**------------------------*/
/*----------------------**
|  Variables Alertbanner  |
**----------------------*/
/*------------------**
|  Variables contact  |
**------------------*/
/* Streetmap base dimensions */
/* hours styling */
/*------------------**
|  Variabelen Filter  |
**------------------*/
/*******************
* Variables events *
*******************/
/**********************
* Variables roadworks *
**********************/
/********************
* Variables Persons *
********************/
/***************************
* Variables agendanotullen *
***************************/
/**********************
* Variables projects *
**********************/
/***************
* contentblocks *
***************/
/***********************
* Variables calendar *
***********************/
/***********************
* Variables Dialog *
***********************/
/****************************
* legend *
****************************/
/****************************
* timeline *
****************************/
/*------------------------------------**
|  Variables Prikbord / bulletin-board  |
**------------------------------------*/
/* Variables over kopieren van de globale als je de globale bulletin-board variables in skin wilt wijzigen */
/*-------------------**
|  Variables birthday  |
**-------------------*/
/* Variables over kopieren van de globale als je de globale bulletin-board variables in skin wilt wijzigen */
/*--------------------**
|  Variables home page  |
**--------------------*/
/*------------------**
|  Variables Sitemap  |
**------------------*/
/* Global Components */
/*-----------------------------------------------------------------**
|  overrule global swiper variables  _global\variables\_swiper.scss  |
**-----------------------------------------------------------------*/
/* Global modules */
/*----------------------------**
|  Variable pagebuilder pb.css  |
**----------------------------*/
/*------------------------------------------------------------------------------------------------**
|  ! Pas ook de kleuren toe in de frontend-website\scss\theme\skin\{skin-naam}\portal\_styles.scss |
**------------------------------------------------------------------------------------------------*/
/*-------------------------------**
|  Variables Slideshow / bxslider  |
**-------------------------------*/
/*----------------------------------------**
|  Global Local tiles standalone variables  |
**----------------------------------------*/
/****************************
* jobs - vacatures *
****************************/
/****************************
* jobs *
****************************/
/* Icordis */
/*---------------------**
|  Variable widget skin  |
**---------------------*/
/* Variables over kopieren van de globale als je de widget variables in skin wilt wijzigen */
/*-----------------------------**
|  Variables Sorting standalone  |
**-----------------------------*/
/* Variables over kopieren van de globale als je de globale sorting variables in skin wilt wijzigen */
/*-----------**
|  Base Mixin  |
**-----------*/
/***************
* Mixin colors *
***************/
/*---------**
|  position  |
**---------*/
/*--------**
|  z-index  |
**--------*/
/*------------------------**
|  Text typography styling  |
**------------------------*/
/* Text truncate */
/* Text alignment */
/*---------------------**
|  Mixins Accessibility  |
**---------------------*/
/*************************
* Mixin toggling content *
*************************/
/*----------------**
|  Mixin tab-focus  |
**----------------*/
.contentblocks__img .contentblocks__btn, .contentblocks__icoon .contentblocks__btn {
  box-shadow: none !important;
}
.contentblocks__img .contentblocks__btn::after, .contentblocks__icoon .contentblocks__btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: var(--linktag-zindex, 1070);
}
.contentblocks__img .contentblocks__btn:active, .contentblocks__icoon .contentblocks__btn:active {
  outline: none;
}
.contentblocks__img .contentblocks__btn:focus-visible::after, .contentblocks__icoon .contentblocks__btn:focus-visible::after {
  box-shadow: var(--ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--shadow, 0 0 rgba(0, 0, 0, 0));
}

.contentblocks__img .contentblocks__btn:active::after, .contentblocks__icoon .contentblocks__btn:active::after {
  outline-offset: var(--outline-offset, 0.2rem);
  outline: 0.2rem dotted var(--outline-color);
}

/*
%focus-style-within {
	--ring-within-inset: var(--ring-inset);
    --ring-within-color: hsla(var(--hsla(var(--focus-h), var(--focus-s), var(--focus-l), var(--focus-a))-h), var(--hsla(var(--focus-h), var(--focus-s), var(--focus-l), var(--focus-a))-s), var(--hsla(var(--focus-h), var(--focus-s), var(--focus-l), var(--focus-a))-l), var(--ring-alpha-within, 0.8));
    --ring-within-color-offset: var(--ring-color-offset);
    --ring-within-width: var(--ring-width);
    --ring-within-width-offset: var(--ring-width-offset);
    --ring-within-offset-shadow: var(--ring-within-inset) 0 0 0 var(--ring-within-width-offset) var(--ring-within-color-offset);
    --ring-within-shadow: var(--ring-within-inset) 0 0 0 calc(var(--ring-within-width) + var(--ring-within-width-offset)) var(--ring-within-color); //0 0 #0000;
	box-shadow: var(--ring-within-offset-shadow, 0 0 #0000), var(--ring-within-shadow, 0 0 #0000), outputCssvar($shadow-none, shadow);
}

%focus-within  {
	&:focus-within {
		@extend %focus-style-within;
		// @include border-radius($border-radius);
    }
}
*/
/*------------------**
|  Mixins Animations  |
**------------------*/
/* Time based animations */
/* View based animations (scroll-driven by element-in-view progress) */
/****************
* Border radius *
****************/
/*--------------------------------**
|  Border-radius mixin the new way  |
**--------------------------------*/
/************
* Gradients *
************/
/************************
* Mixin flex properties *
************************/
/*-----------**
|  mixin icon  |
**-----------*/
/*----------**
|  Mixin box  |
**----------*/
/***********
* Alertbox *
***********/
/*-----------------**
|  Mixin navigation  |
**-----------------*/
/******************
* Mixins Dropdown *
******************/
/**********
* Mixins navigations *
**********/
/*-------------------------**
|  Mixin status box styling  |
**-------------------------*/
/*------------**
|  Mixins form  |
**------------*/
/*------------**
|  Float mixin  |
**------------*/
/***************
* Mixin Scroll *
***************/
/*----------------**
|  Mixin Container  |
**----------------*/
/*-------------------**
|  Mixin Grid layouts  |
**-------------------*/
/*---------**
|  CSS grid  |
**---------*/
/*-------------------------------------**
|  Module inhoudsblokken/content-blocks  |
**-------------------------------------*/
.contentblocks__icoon .contentblocks__item {
  overflow: hidden;
  flex-grow: var(--flex-grow, 1);
  position: relative;
  height: 100%;
  --box-padding-vertical: 0;
  --box-padding-horizontal: 0;
  --box-text-color: var(--body-color);
  --box-background-color: var(--gray-lighter);
  --box-border-color: var(--gray-lighter);
  transition: all var(--transition-duration-base) var(--transition-timing-function);
}
.contentblocks__icoon .contentblocks__item.link-hover:hover, .contentblocks__icoon .contentblocks__item.link-hover:focus-visible, .contentblocks__icoon .contentblocks__item.link-hover:focus-within {
  --box-background-color: var(--color6-lightest);
  --box-border-color: var(--color6-lightest);
  --box-text-color: var(--black);
  --box-background-color: var(--color6-lightest);
  --box-border-color: var(--color6-lightest);
}
.contentblocks__icoon .contentblocks__item.link-hover:hover .contentblocks, .contentblocks__icoon .contentblocks__item.link-hover:focus-visible .contentblocks, .contentblocks__icoon .contentblocks__item.link-hover:focus-within .contentblocks {
  transition: all var(--transition-duration-base) var(--transition-timing-function);
}
.contentblocks__icoon .contentblocks__item.link-hover:hover .contentblocks__title, .contentblocks__icoon .contentblocks__item.link-hover:focus-visible .contentblocks__title, .contentblocks__icoon .contentblocks__item.link-hover:focus-within .contentblocks__title {
  --h2-headings-color: var(--color6-base);
}
.contentblocks__icoon .contentblocks__item.link-hover:hover .contentblocks__gfx, .contentblocks__icoon .contentblocks__item.link-hover:focus-visible .contentblocks__gfx, .contentblocks__icoon .contentblocks__item.link-hover:focus-within .contentblocks__gfx {
  --icon-color-primary: var(--link-color-hover);
}
.contentblocks__icoon .contentblocks__content {
  display: var(--display, flex);
  flex-basis: var(--content-flex-basis, 100%);
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 2.2rem));
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 2.2rem));
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 2.2rem));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, 2.2rem));
  gap: var(--gap, 1.6rem);
  align-items: var(--align-items, flex-start);
}
@media (max-width: 79.98em) {
  .contentblocks__icoon .contentblocks__content {
    flex-direction: var(--flex-direction, column);
  }
}
.contentblocks__icoon .contentblocks__content-block {
  display: var(--display, flex);
  gap: var(--gap, 6rem);
  position: relative;
  align-items: var(--align-items, stretch);
  align-items: var(--align-items, flex-start);
}
@media (max-width: 79.98em) {
  .contentblocks__icoon .contentblocks__content-block {
    --gap: 3rem;
  }
}
@media (max-width: 31.98em) {
  .contentblocks__icoon .contentblocks__content-block {
    flex-direction: var(--flex-direction, column);
  }
}
.contentblocks__icoon .contentblocks__gfx {
  width: var(--size-square, var(--size-width, 100%));
  height: var(--size-square, var(--size-height, 100%));
  min-width: var(--size-square, var(--size-width, 100%));
  position: relative;
  z-index: 2;
  position: var(--gfx-position, absolute);
  top: var(--gfx-position-top, -8rem);
  right: var(--gfx-position-right, auto);
  bottom: var(--gfx-position-bottom, auto);
  left: var(--gfx-position-left, -8rem);
  transform: scaleX(-1);
  -webkit-mask-image: var(--icon-background-url, url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 592 301'%3e%3cpath d='M367.5,301h-147.1c-40.6,0-73.5-33.8-73.5-75.4s-32.8-75.2-73.5-75.2S0,116.8,0,75.2C0,33.6,32.8,0,73.5,0h294c40.6,0,73.5,33.6,73.5,75.2v150.4c0,41.6-32.8,75.4-73.5,75.4Z'/%3e%3c/svg%3e"));
  mask-image: var(--icon-background-url, url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 592 301'%3e%3cpath d='M367.5,301h-147.1c-40.6,0-73.5-33.8-73.5-75.4s-32.8-75.2-73.5-75.2S0,116.8,0,75.2C0,33.6,32.8,0,73.5,0h294c40.6,0,73.5,33.6,73.5,75.2v150.4c0,41.6-32.8,75.4-73.5,75.4Z'/%3e%3c/svg%3e"));
  background-repeat: no-repeat;
  background-color: var(--icon-color-primary, var(--color2-lighter));
  background-size: var(--icon-size-width, var(--icon-size-square, 30rem)) var(--icon-size-height, var(--icon-size-square, 30rem));
  width: var(--icon-size-width, var(--icon-size-square, 30rem));
  height: var(--icon-size-height, var(--icon-size-square, 30rem));
  min-width: var(--icon-size-width, var(--icon-size-square, 30rem));
  transition: all var(--transition-duration-base) var(--transition-timing-function);
  mask-size: contain;
  mask-position: left;
  mask-repeat: no-repeat;
}
@media (min-width: 32em) and (max-width: 79.98em) {
  .contentblocks__icoon .contentblocks__gfx {
    --gfx-position-top: -15rem;
    transform: rotate(-90deg);
    --icon-size-square: 33rem;
  }
}
@media (max-width: 31.98em) {
  .contentblocks__icoon .contentblocks__gfx {
    --gfx-position-top: -11rem;
    --gfx-position-left: -10rem;
  }
}
.contentblocks__icoon .contentblocks__icon {
  --icon-size-square: 5.5rem;
  --icon-margin-horizontal: 0;
  --icon-position-top: 0;
  --icon-color-primary: var(--white);
  margin-top: var(--margin-vertical, var(--margin-vertical-top, 2.2rem));
  margin-bottom: var(--margin-vertical, var(--margin-vertical-bottom, 2.2rem));
}
@media (max-width: 31.98em) {
  .contentblocks__icoon .contentblocks__icon {
    margin-left: var(--margin-horizontal, var(--margin-horizontal-left, 4rem));
  }
}
.contentblocks__icoon .contentblocks__icon {
  position: relative;
  z-index: 3;
}
.contentblocks__icoon .contentblocks__icon[data-icon=uitin] {
  --margin-horizontal-left: 2rem;
}
.contentblocks__icoon .contentblocks__icon-container {
  display: var(--display, flex);
  flex-basis: var(--icon-flex-basis, 18rem);
  align-items: var(--align-items, flex-start);
  justify-content: var(--justify-content, center);
}
@media (min-width: 32em) and (max-width: 79.98em) {
  .contentblocks__icoon .contentblocks__icon-container {
    --align-items: flex-start;
    --icon-flex-basis: 18rem;
  }
}
@media (max-width: 31.98em) {
  .contentblocks__icoon .contentblocks__icon-container {
    --align-items: flex-start;
    --justify-content: flex-start;
    --icon-flex-basis: 10rem;
  }
}
.contentblocks__icoon .contentblocks__txtwrapper {
  display: var(--display, flex);
  flex-direction: var(--flex-direction, column);
  align-items: var(--align-items, flex-start);
  gap: var(--gap, 1.6rem);
  --margin-vertical-bottom: 0;
}
.contentblocks__icoon .contentblocks__title {
  margin-bottom: var(--margin-vertical, var(--margin-vertical-bottom, 1.8rem));
  display: var(--display, block);
  --h2-headings-color: var(--body-color);
  font-size: var(--title-font-size, var(--font-size, 2.4rem));
}
@media (min-width: 32em) and (max-width: 63.98em) {
  .contentblocks__icoon .contentblocks__title {
    --title-font-size: 2.3rem;
  }
}
@media (max-width: 31.98em) {
  .contentblocks__icoon .contentblocks__title {
    --title-font-size: 2.2rem;
  }
}
.contentblocks__icoon .contentblocks__title {
  text-wrap: balance;
}
.contentblocks__icoon .contentblocks__title-wrapper:not(:last-child) {
  margin-bottom: var(--margin-vertical, var(--margin-vertical-bottom, 0.3em));
}
.contentblocks__icoon .contentblocks__short {
  max-width: var(--max-width, 55ch);
}
.contentblocks__icoon .contentblocks__short p {
  max-width: initial;
}
.contentblocks__icoon .contentblocks__short p:not(:last-child) {
  margin-bottom: var(--margin-vertical, var(--margin-vertical-bottom, 1.8rem));
}
.contentblocks__icoon .contentblocks__btn {
  margin-left: var(--margin-horizontal, var(--margin-horizontal-left, auto));
  --btn-text-color: var(--white);
  --btn-background-color: var(--gray-dark);
  --btn-border-color: var(--gray-dark);
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
@media (max-width: 63.98em) {
  .contentblocks__icoon .contentblocks__btn {
    --margin-horizontal-left: 0;
  }
}
.contentblocks__icoon[data-box=cps-primary] .contentblocks__title {
  --h2-headings-color: var(--color6-base);
}
.contentblocks__icoon[data-box=cps-primary] .contentblocks__item {
  --box-background-color: var(--color6-lightest);
  --box-border-color: var(--color6-lightest);
}
.contentblocks__icoon[data-box=cps-primary] .contentblocks__btn {
  --btn-text-color: var(--white);
  --btn-background-color: var(--color6-base);
  --btn-border-color: var(--color6-base);
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--color2-light);
  --btn-border-color-hover: var(--color2-light);
}
.contentblocks__icoon[data-box=cps-primary] .contentblocks__gfx {
  --icon-color-primary: var(--color6-base);
}
.contentblocks__icoon[data-box=cps-primary] .contentblocks__item.link-hover:hover, .contentblocks__icoon[data-box=cps-primary] .contentblocks__item.link-hover:focus-visible, .contentblocks__icoon[data-box=cps-primary] .contentblocks__item.link-hover:focus-within {
  --box-background-color: var(--color2-lighter);
  --box-border-color: var(--color2-lighter);
}
.contentblocks__icoon[data-box=cps-primary] .contentblocks__item.link-hover:hover .contentblocks__title, .contentblocks__icoon[data-box=cps-primary] .contentblocks__item.link-hover:focus-visible .contentblocks__title, .contentblocks__icoon[data-box=cps-primary] .contentblocks__item.link-hover:focus-within .contentblocks__title {
  --h2-headings-color: var(--color2-base);
}
.contentblocks__icoon[data-box=cps-primary] .contentblocks__item.link-hover:hover .contentblocks__subtitle, .contentblocks__icoon[data-box=cps-primary] .contentblocks__item.link-hover:focus-visible .contentblocks__subtitle, .contentblocks__icoon[data-box=cps-primary] .contentblocks__item.link-hover:focus-within .contentblocks__subtitle {
  --subtitle-color: var(--white);
  --subtitle-background-color: var(--color2-light);
}
.contentblocks__icoon[data-box=cps-primary] .contentblocks__item.link-hover:hover .contentblocks__gfx, .contentblocks__icoon[data-box=cps-primary] .contentblocks__item.link-hover:focus-visible .contentblocks__gfx, .contentblocks__icoon[data-box=cps-primary] .contentblocks__item.link-hover:focus-within .contentblocks__gfx {
  --icon-color-primary: var(--link-color-hover);
}
.contentblocks__icoon[data-box=cps-primary] .contentblocks__item.link-hover:hover .contentblocks__btn, .contentblocks__icoon[data-box=cps-primary] .contentblocks__item.link-hover:focus-visible .contentblocks__btn, .contentblocks__icoon[data-box=cps-primary] .contentblocks__item.link-hover:focus-within .contentblocks__btn {
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--color2-light);
  --btn-border-color-hover: var(--color2-light);
}
.contentblocks__icoon[data-box=cps-secondary] .contentblocks__title {
  --h2-headings-color: var(--color5-base);
}
.contentblocks__icoon[data-box=cps-secondary] .contentblocks__item {
  --box-background-color: var(--color5-lightest);
  --box-border-color: var(--color5-lightest);
}
.contentblocks__icoon[data-box=cps-secondary] .contentblocks__btn {
  --btn-text-color: var(--white);
  --btn-background-color: var(--color5-light);
  --btn-border-color: var(--color5-light);
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__icoon[data-box=cps-secondary] .contentblocks__gfx {
  --icon-color-primary: var(--color5-light);
}
.contentblocks__icoon[data-box=cps-secondary] .contentblocks__item.link-hover:hover, .contentblocks__icoon[data-box=cps-secondary] .contentblocks__item.link-hover:focus-visible, .contentblocks__icoon[data-box=cps-secondary] .contentblocks__item.link-hover:focus-within {
  --box-background-color: var(--color6-lightest);
  --box-border-color: var(--color6-lightest);
}
.contentblocks__icoon[data-box=cps-secondary] .contentblocks__item.link-hover:hover .contentblocks__title, .contentblocks__icoon[data-box=cps-secondary] .contentblocks__item.link-hover:focus-visible .contentblocks__title, .contentblocks__icoon[data-box=cps-secondary] .contentblocks__item.link-hover:focus-within .contentblocks__title {
  --h2-headings-color: var(--color6-base);
}
.contentblocks__icoon[data-box=cps-secondary] .contentblocks__item.link-hover:hover .contentblocks__subtitle, .contentblocks__icoon[data-box=cps-secondary] .contentblocks__item.link-hover:focus-visible .contentblocks__subtitle, .contentblocks__icoon[data-box=cps-secondary] .contentblocks__item.link-hover:focus-within .contentblocks__subtitle {
  --subtitle-color: var(--white);
  --subtitle-background-color: var(--link-color-hover);
}
.contentblocks__icoon[data-box=cps-secondary] .contentblocks__item.link-hover:hover .contentblocks__gfx, .contentblocks__icoon[data-box=cps-secondary] .contentblocks__item.link-hover:focus-visible .contentblocks__gfx, .contentblocks__icoon[data-box=cps-secondary] .contentblocks__item.link-hover:focus-within .contentblocks__gfx {
  --icon-color-primary: var(--link-color-hover);
}
.contentblocks__icoon[data-box=cps-secondary] .contentblocks__item.link-hover:hover .contentblocks__btn, .contentblocks__icoon[data-box=cps-secondary] .contentblocks__item.link-hover:focus-visible .contentblocks__btn, .contentblocks__icoon[data-box=cps-secondary] .contentblocks__item.link-hover:focus-within .contentblocks__btn {
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__icoon[data-box=cps-tertiary] .contentblocks__title {
  --h2-headings-color: var(--black);
}
.contentblocks__icoon[data-box=cps-tertiary] .contentblocks__item {
  --box-background-color: var(--color7-lightest);
  --box-border-color: var(--color7-lightest);
}
.contentblocks__icoon[data-box=cps-tertiary] .contentblocks__btn {
  --btn-text-color: var(--black);
  --btn-background-color: var(--color7-base);
  --btn-border-color: var(--color7-base);
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__icoon[data-box=cps-tertiary] .contentblocks__gfx {
  --icon-color-primary: var(--color7-base);
}
.contentblocks__icoon[data-box=cps-quaternary] .contentblocks__title {
  --h2-headings-color: var(--color3-base);
}
.contentblocks__icoon[data-box=cps-quaternary] .contentblocks__item {
  --box-background-color: var(--color3-lightest);
  --box-border-color: var(--color3-lightest);
}
.contentblocks__icoon[data-box=cps-quaternary] .contentblocks__btn {
  --btn-text-color: var(--white);
  --btn-background-color: var(--color3-base);
  --btn-border-color: var(--color3-base);
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__icoon[data-box=cps-quaternary] .contentblocks__gfx {
  --icon-color-primary: var(--color3-base);
}
.contentblocks__icoon[data-box=cps-quaternary] .contentblocks__item.link-hover:hover, .contentblocks__icoon[data-box=cps-quaternary] .contentblocks__item.link-hover:focus-visible, .contentblocks__icoon[data-box=cps-quaternary] .contentblocks__item.link-hover:focus-within {
  --box-background-color: var(--color6-lightest);
  --box-border-color: var(--color6-lightest);
}
.contentblocks__icoon[data-box=cps-quaternary] .contentblocks__item.link-hover:hover .contentblocks__title, .contentblocks__icoon[data-box=cps-quaternary] .contentblocks__item.link-hover:focus-visible .contentblocks__title, .contentblocks__icoon[data-box=cps-quaternary] .contentblocks__item.link-hover:focus-within .contentblocks__title {
  --h2-headings-color: var(--color6-base);
}
.contentblocks__icoon[data-box=cps-quaternary] .contentblocks__item.link-hover:hover .contentblocks__subtitle, .contentblocks__icoon[data-box=cps-quaternary] .contentblocks__item.link-hover:focus-visible .contentblocks__subtitle, .contentblocks__icoon[data-box=cps-quaternary] .contentblocks__item.link-hover:focus-within .contentblocks__subtitle {
  --subtitle-color: var(--white);
  --subtitle-background-color: var(--link-color-hover);
}
.contentblocks__icoon[data-box=cps-quaternary] .contentblocks__item.link-hover:hover .contentblocks__gfx, .contentblocks__icoon[data-box=cps-quaternary] .contentblocks__item.link-hover:focus-visible .contentblocks__gfx, .contentblocks__icoon[data-box=cps-quaternary] .contentblocks__item.link-hover:focus-within .contentblocks__gfx {
  --icon-color-primary: var(--link-color-hover);
}
.contentblocks__icoon[data-box=cps-quaternary] .contentblocks__item.link-hover:hover .contentblocks__btn, .contentblocks__icoon[data-box=cps-quaternary] .contentblocks__item.link-hover:focus-visible .contentblocks__btn, .contentblocks__icoon[data-box=cps-quaternary] .contentblocks__item.link-hover:focus-within .contentblocks__btn {
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__icoon[data-box=cps-quinary] .contentblocks__title {
  --h2-headings-color: var(--color4-base);
}
.contentblocks__icoon[data-box=cps-quinary] .contentblocks__item {
  --box-background-color: var(--color4-lightest);
  --box-border-color: var(--color4-lightest);
}
.contentblocks__icoon[data-box=cps-quinary] .contentblocks__btn {
  --btn-text-color: var(--white);
  --btn-background-color: var(--color4-base);
  --btn-border-color: var(--color4-base);
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__icoon[data-box=cps-quinary] .contentblocks__gfx {
  --icon-color-primary: var(--color4-base);
}
.contentblocks__icoon[data-box=cps-quinary] .contentblocks__item.link-hover:hover, .contentblocks__icoon[data-box=cps-quinary] .contentblocks__item.link-hover:focus-visible, .contentblocks__icoon[data-box=cps-quinary] .contentblocks__item.link-hover:focus-within {
  --box-background-color: var(--color6-lightest);
  --box-border-color: var(--color6-lightest);
}
.contentblocks__icoon[data-box=cps-quinary] .contentblocks__item.link-hover:hover .contentblocks__title, .contentblocks__icoon[data-box=cps-quinary] .contentblocks__item.link-hover:focus-visible .contentblocks__title, .contentblocks__icoon[data-box=cps-quinary] .contentblocks__item.link-hover:focus-within .contentblocks__title {
  --h2-headings-color: var(--color6-base);
}
.contentblocks__icoon[data-box=cps-quinary] .contentblocks__item.link-hover:hover .contentblocks__subtitle, .contentblocks__icoon[data-box=cps-quinary] .contentblocks__item.link-hover:focus-visible .contentblocks__subtitle, .contentblocks__icoon[data-box=cps-quinary] .contentblocks__item.link-hover:focus-within .contentblocks__subtitle {
  --subtitle-color: var(--white);
  --subtitle-background-color: var(--link-color-hover);
}
.contentblocks__icoon[data-box=cps-quinary] .contentblocks__item.link-hover:hover .contentblocks__gfx, .contentblocks__icoon[data-box=cps-quinary] .contentblocks__item.link-hover:focus-visible .contentblocks__gfx, .contentblocks__icoon[data-box=cps-quinary] .contentblocks__item.link-hover:focus-within .contentblocks__gfx {
  --icon-color-primary: var(--link-color-hover);
}
.contentblocks__icoon[data-box=cps-quinary] .contentblocks__item.link-hover:hover .contentblocks__btn, .contentblocks__icoon[data-box=cps-quinary] .contentblocks__item.link-hover:focus-visible .contentblocks__btn, .contentblocks__icoon[data-box=cps-quinary] .contentblocks__item.link-hover:focus-within .contentblocks__btn {
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__icoon[data-box=cps-senary] .contentblocks__title {
  --h2-headings-color: var(--color2-base);
}
.contentblocks__icoon[data-box=cps-senary] .contentblocks__item {
  --box-background-color: var(--color2-lighter);
  --box-border-color: var(--color2-lighter);
}
.contentblocks__icoon[data-box=cps-senary] .contentblocks__btn {
  --btn-text-color: var(--white);
  --btn-background-color: var(--color2-base);
  --btn-border-color: var(--color2-base);
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__icoon[data-box=cps-senary] .contentblocks__gfx {
  --icon-color-primary: var(--color2-base);
}
.contentblocks__icoon[data-box=cps-senary] .contentblocks__item.link-hover:hover, .contentblocks__icoon[data-box=cps-senary] .contentblocks__item.link-hover:focus-visible, .contentblocks__icoon[data-box=cps-senary] .contentblocks__item.link-hover:focus-within {
  --box-background-color: var(--color6-lightest);
  --box-border-color: var(--color6-lightest);
}
.contentblocks__icoon[data-box=cps-senary] .contentblocks__item.link-hover:hover .contentblocks__title, .contentblocks__icoon[data-box=cps-senary] .contentblocks__item.link-hover:focus-visible .contentblocks__title, .contentblocks__icoon[data-box=cps-senary] .contentblocks__item.link-hover:focus-within .contentblocks__title {
  --h2-headings-color: var(--color6-base);
}
.contentblocks__icoon[data-box=cps-senary] .contentblocks__item.link-hover:hover .contentblocks__subtitle, .contentblocks__icoon[data-box=cps-senary] .contentblocks__item.link-hover:focus-visible .contentblocks__subtitle, .contentblocks__icoon[data-box=cps-senary] .contentblocks__item.link-hover:focus-within .contentblocks__subtitle {
  --subtitle-color: var(--white);
  --subtitle-background-color: var(--link-color-hover);
}
.contentblocks__icoon[data-box=cps-senary] .contentblocks__item.link-hover:hover .contentblocks__gfx, .contentblocks__icoon[data-box=cps-senary] .contentblocks__item.link-hover:focus-visible .contentblocks__gfx, .contentblocks__icoon[data-box=cps-senary] .contentblocks__item.link-hover:focus-within .contentblocks__gfx {
  --icon-color-primary: var(--link-color-hover);
}
.contentblocks__icoon[data-box=cps-senary] .contentblocks__item.link-hover:hover .contentblocks__btn, .contentblocks__icoon[data-box=cps-senary] .contentblocks__item.link-hover:focus-visible .contentblocks__btn, .contentblocks__icoon[data-box=cps-senary] .contentblocks__item.link-hover:focus-within .contentblocks__btn {
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__img {
  --gutter-vertical: 8rem;
}
.contentblocks__img .contentblocks__item {
  flex-grow: var(--flex-grow, 1);
  position: relative;
  height: 100%;
  --box-padding-vertical: 0;
  --box-padding-horizontal: 0;
  --box-text-color: var(--body-color);
  --box-background-color: var(--gray-lighter);
  --box-border-color: var(--gray-lighter);
  transition: all var(--transition-duration-base) var(--transition-timing-function);
}
.contentblocks__img .contentblocks__item.link-hover:hover, .contentblocks__img .contentblocks__item.link-hover:focus-visible, .contentblocks__img .contentblocks__item.link-hover:focus-within {
  --box-background-color: var(--color6-lightest);
  --box-border-color: var(--color6-lightest);
  --box-text-color: var(--black);
  --box-background-color: var(--color6-lightest);
  --box-border-color: var(--color6-lightest);
}
.contentblocks__img .contentblocks__item.link-hover:hover .contentblocks, .contentblocks__img .contentblocks__item.link-hover:focus-visible .contentblocks, .contentblocks__img .contentblocks__item.link-hover:focus-within .contentblocks {
  transition: all var(--transition-duration-base) var(--transition-timing-function);
}
.contentblocks__img .contentblocks__item.link-hover:hover .contentblocks__title, .contentblocks__img .contentblocks__item.link-hover:focus-visible .contentblocks__title, .contentblocks__img .contentblocks__item.link-hover:focus-within .contentblocks__title {
  --h2-headings-color: var(--color6-base);
}
.contentblocks__img .contentblocks__item.link-hover:hover .contentblocks__subtitle, .contentblocks__img .contentblocks__item.link-hover:focus-visible .contentblocks__subtitle, .contentblocks__img .contentblocks__item.link-hover:focus-within .contentblocks__subtitle {
  --subtitle-color: var(--white);
  --subtitle-background-color: var(--link-color-hover);
  --subtitle-border-color: var(--link-color-hover);
}
.contentblocks__img .contentblocks__item.link-hover:hover .contentblocks__gfx, .contentblocks__img .contentblocks__item.link-hover:focus-visible .contentblocks__gfx, .contentblocks__img .contentblocks__item.link-hover:focus-within .contentblocks__gfx {
  --icon-color-primary: var(--link-color-hover);
}
.contentblocks__img .contentblocks__item.link-hover:hover .contentblocks__photo .thumb-photo,
.contentblocks__img .contentblocks__item.link-hover:hover .contentblocks__photo .thumb-video, .contentblocks__img .contentblocks__item.link-hover:focus-visible .contentblocks__photo .thumb-photo,
.contentblocks__img .contentblocks__item.link-hover:focus-visible .contentblocks__photo .thumb-video, .contentblocks__img .contentblocks__item.link-hover:focus-within .contentblocks__photo .thumb-photo,
.contentblocks__img .contentblocks__item.link-hover:focus-within .contentblocks__photo .thumb-video {
  transform: scale(1.07, 1.07);
}
.contentblocks__img .contentblocks__content {
  display: var(--display, flex);
  flex-basis: var(--img-flex-basis, 100%);
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 2.2rem));
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 2.2rem));
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 2.2rem));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, 2.2rem));
  gap: var(--gap, 1.6rem);
  align-items: var(--align-items, flex-start);
}
@media (max-width: 79.98em) {
  .contentblocks__img .contentblocks__content {
    flex-direction: var(--flex-direction, column);
  }
}
.contentblocks__img .contentblocks__content-block {
  display: var(--display, flex);
  gap: var(--gap, 0);
  position: relative;
  align-items: var(--align-items, stretch);
  align-items: var(--align-items, flex-start);
}
@media (max-width: 47.98em) {
  .contentblocks__img .contentblocks__content-block {
    flex-direction: var(--flex-direction, column);
  }
}
.contentblocks__img .contentblocks__txtwrapper {
  display: var(--display, flex);
  flex-direction: var(--flex-direction, column);
  align-items: var(--align-items, flex-start);
  gap: var(--gap, 1.6rem);
  --margin-vertical-bottom: 0;
}
.contentblocks__img .contentblocks__subtitle {
  position: var(--position, absolute);
  top: var(--position-top, -2rem);
  right: var(--position-right, 2.5rem);
  bottom: var(--position-bottom, auto);
  left: var(--position-left, auto);
  z-index: 3;
  border-radius: var(--border-radius, 0.6rem);
  color: var(--subtitle-color, var(--color2-darker));
  background-color: var(--subtitle-background-color, hsla(var(--gray-lighter-h), var(--gray-lighter-s), calc(var(--gray-lighter-l) - 5%), var(--gray-lighter-a)));
  border-color: var(--subtitle-border-color, var(--color2-darker));
  border-width: var(--subtitle-border-width, 0.1rem);
  border-style: var(--subtitle-border-style, solid);
  text-transform: var(--subtitle-text-transform, uppercase);
  font-weight: var(--subtitle-font-weight, 500);
  font-size: var(--subtitle-font-size, var(--font-size, 1.6rem));
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 0.2rem));
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 0.2rem));
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 0.8rem));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, 0.8rem));
}
.contentblocks__img .contentblocks__title {
  margin-bottom: var(--margin-vertical, var(--margin-vertical-bottom, 1.8rem));
  display: var(--display, block);
  --h2-headings-color: var(--body-color);
  font-size: var(--title-font-size, var(--font-size, 2.4rem));
}
@media (min-width: 32em) and (max-width: 63.98em) {
  .contentblocks__img .contentblocks__title {
    --title-font-size: 2.3rem;
  }
}
@media (max-width: 31.98em) {
  .contentblocks__img .contentblocks__title {
    --title-font-size: 2.2rem;
  }
}
.contentblocks__img .contentblocks__title {
  text-wrap: balance;
}
.contentblocks__img .contentblocks__title-wrapper:not(:last-child) {
  margin-bottom: var(--margin-vertical, var(--margin-vertical-bottom, 0.3em));
}
.contentblocks__img .contentblocks__short {
  max-width: var(--max-width, 55ch);
}
.contentblocks__img .contentblocks__short p {
  max-width: initial;
}
.contentblocks__img .contentblocks__short p:not(:last-child) {
  margin-bottom: var(--margin-vertical, var(--margin-vertical-bottom, 1.8rem));
}
.contentblocks__img .contentblocks__btn {
  --btn-text-color: var(--white);
  --btn-background-color: var(--gray-dark);
  --btn-border-color: var(--gray-dark);
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__img .contentblocks__photo {
  overflow: visible;
  flex-basis: var(--img-flex-basis, 40%);
  margin-top: var(--margin-vertical, var(--margin-vertical-top, -6rem));
  margin-left: var(--margin-horizontal, var(--margin-horizontal-left, 6rem));
  margin-right: var(--margin-horizontal, var(--margin-horizontal-right, 6rem));
}
.contentblocks__img .contentblocks__photo .copyright {
  z-index: 1090;
}
.contentblocks__img .contentblocks__gfx {
  width: var(--size-square, var(--size-width, 100%));
  height: var(--size-square, var(--size-height, 100%));
  min-width: var(--size-square, var(--size-width, 100%));
  position: var(--position, absolute);
  top: var(--position-top, -2rem);
  right: var(--position-right, auto);
  bottom: var(--position-bottom, auto);
  left: var(--position-left, 3rem);
  -webkit-mask-image: var(--icon-background-url, url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 346.85 331.07'%3e%3cpath d='M99.37,16.85c14.58,14.14,14.65,24.79,16.83,43.43,5.89,50.3,70.26,67.48,102.1,29.67,21.07-25.02,3.19-51.99,32.95-76.34,54.94-44.95,129.75,31.64,78.13,81.12-23.75,22.76-50.34,9.81-74.58,26.48-33.78,23.23-30.87,72.46,5.02,91.88,25.6,13.85,49.46.07,72.65,26.91,49.49,57.28-40.99,125.38-88.34,71.11-19.22-22.03-8.04-44.68-23.37-66.46-21.96-31.19-68.94-31.71-93.08-2.77-20.12,24.13-2.7,50.65-31.46,74.84-54.76,46.06-130.44-29.19-79.26-80,22.73-22.56,44.97-10.99,68.93-23.15,35.23-17.88,39.85-66.17,8.72-90.58-27.51-21.58-60.63-1.84-84.7-37.32C-28,29.78,51.94-29.13,99.37,16.85ZM96.38,20.59C55.71-19.36-15.77,25.87,10.9,77.99c19.88,38.84,58.41,18.39,87.17,41.59,38.14,30.76,24.78,90.24-21.81,103.07-12.73,3.51-25.28,1.26-38,6.16-34.81,13.42-44.65,58.42-16.09,83.43,31.66,27.71,84.13,10.18,88.68-32.55,1.51-14.19.52-21.18,8.39-34.28,29.48-49.04,108.27-34.48,115.89,23.82,2.64,20.2,2.52,32.64,20.72,45.9,44.97,32.76,107.41-15.96,77.96-65.22-19.21-32.13-48.08-18.31-74.75-31.55-42.61-21.15-44.13-80.96-2.23-104.1,22.28-12.3,45.5-3.81,65.5-19.84,48.83-39.12-4.39-112.12-60-82.45-37.39,19.95-17.23,53.55-40.29,80.98-29.66,35.27-89.17,27.55-106.59-15.46-8.53-21.06.44-37.71-19.08-56.9Z' /%3e%3c/svg%3e"));
  mask-image: var(--icon-background-url, url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 346.85 331.07'%3e%3cpath d='M99.37,16.85c14.58,14.14,14.65,24.79,16.83,43.43,5.89,50.3,70.26,67.48,102.1,29.67,21.07-25.02,3.19-51.99,32.95-76.34,54.94-44.95,129.75,31.64,78.13,81.12-23.75,22.76-50.34,9.81-74.58,26.48-33.78,23.23-30.87,72.46,5.02,91.88,25.6,13.85,49.46.07,72.65,26.91,49.49,57.28-40.99,125.38-88.34,71.11-19.22-22.03-8.04-44.68-23.37-66.46-21.96-31.19-68.94-31.71-93.08-2.77-20.12,24.13-2.7,50.65-31.46,74.84-54.76,46.06-130.44-29.19-79.26-80,22.73-22.56,44.97-10.99,68.93-23.15,35.23-17.88,39.85-66.17,8.72-90.58-27.51-21.58-60.63-1.84-84.7-37.32C-28,29.78,51.94-29.13,99.37,16.85ZM96.38,20.59C55.71-19.36-15.77,25.87,10.9,77.99c19.88,38.84,58.41,18.39,87.17,41.59,38.14,30.76,24.78,90.24-21.81,103.07-12.73,3.51-25.28,1.26-38,6.16-34.81,13.42-44.65,58.42-16.09,83.43,31.66,27.71,84.13,10.18,88.68-32.55,1.51-14.19.52-21.18,8.39-34.28,29.48-49.04,108.27-34.48,115.89,23.82,2.64,20.2,2.52,32.64,20.72,45.9,44.97,32.76,107.41-15.96,77.96-65.22-19.21-32.13-48.08-18.31-74.75-31.55-42.61-21.15-44.13-80.96-2.23-104.1,22.28-12.3,45.5-3.81,65.5-19.84,48.83-39.12-4.39-112.12-60-82.45-37.39,19.95-17.23,53.55-40.29,80.98-29.66,35.27-89.17,27.55-106.59-15.46-8.53-21.06.44-37.71-19.08-56.9Z' /%3e%3c/svg%3e"));
  background-repeat: no-repeat;
  background-color: var(--icon-color-primary, var(--white));
  background-size: var(--icon-size-width, var(--icon-size-square, 104.56621005%)) var(--icon-size-height, var(--icon-size-square, 100%));
  width: var(--icon-size-width, var(--icon-size-square, 104.56621005%));
  height: var(--icon-size-height, var(--icon-size-square, 100%));
  min-width: var(--icon-size-width, var(--icon-size-square, 104.56621005%));
  transition: all var(--transition-duration-base) var(--transition-timing-function);
  mask-size: contain;
  mask-position: left;
  mask-repeat: no-repeat;
  aspect-ratio: 458/438;
  z-index: 1;
}
.contentblocks__img[data-box=cps-primary] .contentblocks__title {
  --h2-headings-color: var(--color6-base);
}
.contentblocks__img[data-box=cps-primary] .contentblocks__subtitle {
  --subtitle-color: var(--color6-light);
  --subtitle-background-color: var(--white);
  --subtitle-border-color: var(--color6-light);
}
.contentblocks__img[data-box=cps-primary] .contentblocks__item {
  --box-background-color: var(--color6-lightest);
  --box-border-color: var(--color6-lightest);
}
.contentblocks__img[data-box=cps-primary] .contentblocks__btn {
  --btn-text-color: var(--white);
  --btn-background-color: var(--color6-base);
  --btn-border-color: var(--color6-base);
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--color2-light);
  --btn-border-color-hover: var(--color2-light);
}
.contentblocks__img[data-box=cps-primary] .contentblocks__gfx {
  --icon-color-primary: var(--color6-base);
  width: var(--size-square, var(--size-width, 100%));
  height: var(--size-square, var(--size-height, 100%));
  min-width: var(--size-square, var(--size-width, 100%));
  position: var(--position, absolute);
  top: var(--position-top, -2rem);
  right: var(--position-right, auto);
  bottom: var(--position-bottom, auto);
  left: var(--position-left, 3rem);
  -webkit-mask-image: var(--icon-background-url, url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 346.85 331.07'%3e%3cpath d='M99.37,16.85c14.58,14.14,14.65,24.79,16.83,43.43,5.89,50.3,70.26,67.48,102.1,29.67,21.07-25.02,3.19-51.99,32.95-76.34,54.94-44.95,129.75,31.64,78.13,81.12-23.75,22.76-50.34,9.81-74.58,26.48-33.78,23.23-30.87,72.46,5.02,91.88,25.6,13.85,49.46.07,72.65,26.91,49.49,57.28-40.99,125.38-88.34,71.11-19.22-22.03-8.04-44.68-23.37-66.46-21.96-31.19-68.94-31.71-93.08-2.77-20.12,24.13-2.7,50.65-31.46,74.84-54.76,46.06-130.44-29.19-79.26-80,22.73-22.56,44.97-10.99,68.93-23.15,35.23-17.88,39.85-66.17,8.72-90.58-27.51-21.58-60.63-1.84-84.7-37.32C-28,29.78,51.94-29.13,99.37,16.85ZM96.38,20.59C55.71-19.36-15.77,25.87,10.9,77.99c19.88,38.84,58.41,18.39,87.17,41.59,38.14,30.76,24.78,90.24-21.81,103.07-12.73,3.51-25.28,1.26-38,6.16-34.81,13.42-44.65,58.42-16.09,83.43,31.66,27.71,84.13,10.18,88.68-32.55,1.51-14.19.52-21.18,8.39-34.28,29.48-49.04,108.27-34.48,115.89,23.82,2.64,20.2,2.52,32.64,20.72,45.9,44.97,32.76,107.41-15.96,77.96-65.22-19.21-32.13-48.08-18.31-74.75-31.55-42.61-21.15-44.13-80.96-2.23-104.1,22.28-12.3,45.5-3.81,65.5-19.84,48.83-39.12-4.39-112.12-60-82.45-37.39,19.95-17.23,53.55-40.29,80.98-29.66,35.27-89.17,27.55-106.59-15.46-8.53-21.06.44-37.71-19.08-56.9Z' /%3e%3c/svg%3e"));
  mask-image: var(--icon-background-url, url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 346.85 331.07'%3e%3cpath d='M99.37,16.85c14.58,14.14,14.65,24.79,16.83,43.43,5.89,50.3,70.26,67.48,102.1,29.67,21.07-25.02,3.19-51.99,32.95-76.34,54.94-44.95,129.75,31.64,78.13,81.12-23.75,22.76-50.34,9.81-74.58,26.48-33.78,23.23-30.87,72.46,5.02,91.88,25.6,13.85,49.46.07,72.65,26.91,49.49,57.28-40.99,125.38-88.34,71.11-19.22-22.03-8.04-44.68-23.37-66.46-21.96-31.19-68.94-31.71-93.08-2.77-20.12,24.13-2.7,50.65-31.46,74.84-54.76,46.06-130.44-29.19-79.26-80,22.73-22.56,44.97-10.99,68.93-23.15,35.23-17.88,39.85-66.17,8.72-90.58-27.51-21.58-60.63-1.84-84.7-37.32C-28,29.78,51.94-29.13,99.37,16.85ZM96.38,20.59C55.71-19.36-15.77,25.87,10.9,77.99c19.88,38.84,58.41,18.39,87.17,41.59,38.14,30.76,24.78,90.24-21.81,103.07-12.73,3.51-25.28,1.26-38,6.16-34.81,13.42-44.65,58.42-16.09,83.43,31.66,27.71,84.13,10.18,88.68-32.55,1.51-14.19.52-21.18,8.39-34.28,29.48-49.04,108.27-34.48,115.89,23.82,2.64,20.2,2.52,32.64,20.72,45.9,44.97,32.76,107.41-15.96,77.96-65.22-19.21-32.13-48.08-18.31-74.75-31.55-42.61-21.15-44.13-80.96-2.23-104.1,22.28-12.3,45.5-3.81,65.5-19.84,48.83-39.12-4.39-112.12-60-82.45-37.39,19.95-17.23,53.55-40.29,80.98-29.66,35.27-89.17,27.55-106.59-15.46-8.53-21.06.44-37.71-19.08-56.9Z' /%3e%3c/svg%3e"));
  background-repeat: no-repeat;
  background-color: var(--icon-color-primary, var(--white));
  background-size: var(--icon-size-width, var(--icon-size-square, 115.242999971%)) var(--icon-size-height, var(--icon-size-square, 110%));
  width: var(--icon-size-width, var(--icon-size-square, 115.242999971%));
  height: var(--icon-size-height, var(--icon-size-square, 110%));
  min-width: var(--icon-size-width, var(--icon-size-square, 115.242999971%));
  transition: all var(--transition-duration-base) var(--transition-timing-function);
  mask-size: contain;
  mask-position: left;
  mask-repeat: no-repeat;
  aspect-ratio: 346.85/331.07;
  z-index: 1;
}
.contentblocks__img[data-box=cps-primary] .contentblocks__item.link-hover:hover, .contentblocks__img[data-box=cps-primary] .contentblocks__item.link-hover:focus-visible, .contentblocks__img[data-box=cps-primary] .contentblocks__item.link-hover:focus-within {
  --box-background-color: var(--color2-lighter);
  --box-border-color: var(--color2-lighter);
}
.contentblocks__img[data-box=cps-primary] .contentblocks__item.link-hover:hover .contentblocks__title, .contentblocks__img[data-box=cps-primary] .contentblocks__item.link-hover:focus-visible .contentblocks__title, .contentblocks__img[data-box=cps-primary] .contentblocks__item.link-hover:focus-within .contentblocks__title {
  --h2-headings-color: var(--color2-base);
}
.contentblocks__img[data-box=cps-primary] .contentblocks__item.link-hover:hover .contentblocks__subtitle, .contentblocks__img[data-box=cps-primary] .contentblocks__item.link-hover:focus-visible .contentblocks__subtitle, .contentblocks__img[data-box=cps-primary] .contentblocks__item.link-hover:focus-within .contentblocks__subtitle {
  --subtitle-color: var(--white);
  --subtitle-background-color: var(--color2-light);
  --subtitle-border-color: var(--color2-light);
}
.contentblocks__img[data-box=cps-primary] .contentblocks__item.link-hover:hover .contentblocks__btn, .contentblocks__img[data-box=cps-primary] .contentblocks__item.link-hover:focus-visible .contentblocks__btn, .contentblocks__img[data-box=cps-primary] .contentblocks__item.link-hover:focus-within .contentblocks__btn {
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--color2-light);
  --btn-border-color-hover: var(--color2-light);
}
.contentblocks__img[data-box=cps-secondary] .contentblocks__title {
  --h2-headings-color: var(--color5-base);
}
.contentblocks__img[data-box=cps-secondary] .contentblocks__subtitle {
  --subtitle-color: var(--color5-light);
  --subtitle-background-color: var(--white);
  --subtitle-border-color: var(--color5-light);
}
.contentblocks__img[data-box=cps-secondary] .contentblocks__item {
  --box-background-color: var(--color5-lightest);
  --box-border-color: var(--color5-lightest);
}
.contentblocks__img[data-box=cps-secondary] .contentblocks__btn {
  --btn-text-color: var(--white);
  --btn-background-color: var(--color5-light);
  --btn-border-color: var(--color5-light);
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__img[data-box=cps-secondary] .contentblocks__gfx {
  --icon-color-primary: var(--color5-light);
  width: var(--size-square, var(--size-width, 100%));
  height: var(--size-square, var(--size-height, 100%));
  min-width: var(--size-square, var(--size-width, 100%));
  position: var(--position, absolute);
  top: var(--position-top, -2rem);
  right: var(--position-right, auto);
  bottom: var(--position-bottom, auto);
  left: var(--position-left, 3rem);
  -webkit-mask-image: var(--icon-background-url, url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 409 408'%3e%3cpath d='M406,204.115C406,241.163 376.011,271.077 338.872,271.077C301.732,271.077 271.744,300.991 271.744,338.038C271.744,375.086 241.755,405 204.615,405C167.476,405 137.487,375.086 137.487,338.038C137.487,300.991 107.499,271.077 70.359,271.077C33.219,271.077 3,241.163 3,204.115C3,167.068 32.989,137.153 70.128,137.153C107.268,137.153 137.256,107.239 137.256,70.192C137.256,33.144 167.476,3 204.615,3C241.755,3 271.744,32.914 271.744,69.962C271.744,107.009 301.732,136.923 338.872,136.923C376.011,136.923 406,166.837 406,203.885L406,204.115Z' style='fill:none;fill-rule:nonzero;stroke:rgb%28255,218,0%29;stroke-width:6px;'/%3e%3c/svg%3e"));
  mask-image: var(--icon-background-url, url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 409 408'%3e%3cpath d='M406,204.115C406,241.163 376.011,271.077 338.872,271.077C301.732,271.077 271.744,300.991 271.744,338.038C271.744,375.086 241.755,405 204.615,405C167.476,405 137.487,375.086 137.487,338.038C137.487,300.991 107.499,271.077 70.359,271.077C33.219,271.077 3,241.163 3,204.115C3,167.068 32.989,137.153 70.128,137.153C107.268,137.153 137.256,107.239 137.256,70.192C137.256,33.144 167.476,3 204.615,3C241.755,3 271.744,32.914 271.744,69.962C271.744,107.009 301.732,136.923 338.872,136.923C376.011,136.923 406,166.837 406,203.885L406,204.115Z' style='fill:none;fill-rule:nonzero;stroke:rgb%28255,218,0%29;stroke-width:6px;'/%3e%3c/svg%3e"));
  background-repeat: no-repeat;
  background-color: var(--icon-color-primary, var(--white));
  background-size: var(--icon-size-width, var(--icon-size-square, 110.269607844%)) var(--icon-size-height, var(--icon-size-square, 110%));
  width: var(--icon-size-width, var(--icon-size-square, 110.269607844%));
  height: var(--icon-size-height, var(--icon-size-square, 110%));
  min-width: var(--icon-size-width, var(--icon-size-square, 110.269607844%));
  transition: all var(--transition-duration-base) var(--transition-timing-function);
  mask-size: contain;
  mask-position: left;
  mask-repeat: no-repeat;
  aspect-ratio: 409/408;
  z-index: 1;
}
.contentblocks__img[data-box=cps-secondary] .contentblocks__item.link-hover:hover, .contentblocks__img[data-box=cps-secondary] .contentblocks__item.link-hover:focus-visible, .contentblocks__img[data-box=cps-secondary] .contentblocks__item.link-hover:focus-within {
  --box-background-color: var(--color6-lightest);
  --box-border-color: var(--color6-lightest);
}
.contentblocks__img[data-box=cps-secondary] .contentblocks__item.link-hover:hover .contentblocks__title, .contentblocks__img[data-box=cps-secondary] .contentblocks__item.link-hover:focus-visible .contentblocks__title, .contentblocks__img[data-box=cps-secondary] .contentblocks__item.link-hover:focus-within .contentblocks__title {
  --h2-headings-color: var(--color6-base);
}
.contentblocks__img[data-box=cps-secondary] .contentblocks__item.link-hover:hover .contentblocks__subtitle, .contentblocks__img[data-box=cps-secondary] .contentblocks__item.link-hover:focus-visible .contentblocks__subtitle, .contentblocks__img[data-box=cps-secondary] .contentblocks__item.link-hover:focus-within .contentblocks__subtitle {
  --subtitle-color: var(--white);
  --subtitle-background-color: var(--link-color-hover);
  --subtitle-border-color: var(--link-color-hover);
}
.contentblocks__img[data-box=cps-secondary] .contentblocks__item.link-hover:hover .contentblocks__btn, .contentblocks__img[data-box=cps-secondary] .contentblocks__item.link-hover:focus-visible .contentblocks__btn, .contentblocks__img[data-box=cps-secondary] .contentblocks__item.link-hover:focus-within .contentblocks__btn {
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__img[data-box=cps-tertiary] .contentblocks__title {
  --h2-headings-color: var(--black);
}
.contentblocks__img[data-box=cps-tertiary] .contentblocks__subtitle {
  --subtitle-color: var(--black);
  --subtitle-background-color: var(--white);
  --subtitle-border-color: var(--color7-base);
}
.contentblocks__img[data-box=cps-tertiary] .contentblocks__item {
  --box-background-color: var(--color7-lightest);
  --box-border-color: var(--color7-lightest);
}
.contentblocks__img[data-box=cps-tertiary] .contentblocks__btn {
  --btn-text-color: var(--black);
  --btn-background-color: var(--color7-base);
  --btn-border-color: var(--color7-base);
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__img[data-box=cps-tertiary] .contentblocks__gfx {
  --icon-color-primary: var(--color7-base);
  width: var(--size-square, var(--size-width, 100%));
  height: var(--size-square, var(--size-height, 100%));
  min-width: var(--size-square, var(--size-width, 100%));
  position: var(--position, absolute);
  top: var(--position-top, 2rem);
  right: var(--position-right, auto);
  bottom: var(--position-bottom, auto);
  left: var(--position-left, -2rem);
  -webkit-mask-image: var(--icon-background-url, url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 453 288'%3e%3cpath d='M432.7,185.2L350.2,267.7C327.4,290.5 290.5,290.5 267.7,267.7C244.9,244.9 207.9,244.9 185.2,267.7C162.4,290.5 125.5,290.5 102.7,267.7L20.1,185.1C-2.7,162.3 -2.7,125.4 20.1,102.6L102.6,20.1C125.4,-2.7 162.3,-2.7 185.1,20.1C207.9,42.9 244.8,42.9 267.6,20.1C290.4,-2.7 327.3,-2.7 350.1,20.1L432.6,102.6C455.4,125.4 455.4,162.3 432.6,185.1L432.7,185.2Z' style='fill:none;fill-rule:nonzero;stroke:rgb%28255,218,0%29;stroke-width:6px;'/%3e%3c/svg%3e"));
  mask-image: var(--icon-background-url, url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 453 288'%3e%3cpath d='M432.7,185.2L350.2,267.7C327.4,290.5 290.5,290.5 267.7,267.7C244.9,244.9 207.9,244.9 185.2,267.7C162.4,290.5 125.5,290.5 102.7,267.7L20.1,185.1C-2.7,162.3 -2.7,125.4 20.1,102.6L102.6,20.1C125.4,-2.7 162.3,-2.7 185.1,20.1C207.9,42.9 244.8,42.9 267.6,20.1C290.4,-2.7 327.3,-2.7 350.1,20.1L432.6,102.6C455.4,125.4 455.4,162.3 432.6,185.1L432.7,185.2Z' style='fill:none;fill-rule:nonzero;stroke:rgb%28255,218,0%29;stroke-width:6px;'/%3e%3c/svg%3e"));
  background-repeat: no-repeat;
  background-color: var(--icon-color-primary, var(--white));
  background-size: var(--icon-size-width, var(--icon-size-square, 141.562500003%)) var(--icon-size-height, var(--icon-size-square, 90%));
  width: var(--icon-size-width, var(--icon-size-square, 141.562500003%));
  height: var(--icon-size-height, var(--icon-size-square, 90%));
  min-width: var(--icon-size-width, var(--icon-size-square, 141.562500003%));
  transition: all var(--transition-duration-base) var(--transition-timing-function);
  mask-size: contain;
  mask-position: left;
  mask-repeat: no-repeat;
  aspect-ratio: 453/288;
  z-index: 1;
}
.contentblocks__img[data-box=cps-tertiary] .contentblocks__item.link-hover:hover, .contentblocks__img[data-box=cps-tertiary] .contentblocks__item.link-hover:focus-visible, .contentblocks__img[data-box=cps-tertiary] .contentblocks__item.link-hover:focus-within {
  --box-background-color: var(--color6-lightest);
  --box-border-color: var(--color6-lightest);
}
.contentblocks__img[data-box=cps-tertiary] .contentblocks__item.link-hover:hover .contentblocks__title, .contentblocks__img[data-box=cps-tertiary] .contentblocks__item.link-hover:focus-visible .contentblocks__title, .contentblocks__img[data-box=cps-tertiary] .contentblocks__item.link-hover:focus-within .contentblocks__title {
  --h2-headings-color: var(--color6-base);
}
.contentblocks__img[data-box=cps-tertiary] .contentblocks__item.link-hover:hover .contentblocks__subtitle, .contentblocks__img[data-box=cps-tertiary] .contentblocks__item.link-hover:focus-visible .contentblocks__subtitle, .contentblocks__img[data-box=cps-tertiary] .contentblocks__item.link-hover:focus-within .contentblocks__subtitle {
  --subtitle-color: var(--white);
  --subtitle-background-color: var(--link-color-hover);
  --subtitle-border-color: var(--link-color-hover);
}
.contentblocks__img[data-box=cps-tertiary] .contentblocks__item.link-hover:hover .contentblocks__btn, .contentblocks__img[data-box=cps-tertiary] .contentblocks__item.link-hover:focus-visible .contentblocks__btn, .contentblocks__img[data-box=cps-tertiary] .contentblocks__item.link-hover:focus-within .contentblocks__btn {
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__img[data-box=cps-quaternary] .contentblocks__title {
  --h2-headings-color: var(--color3-base);
}
.contentblocks__img[data-box=cps-quaternary] .contentblocks__subtitle {
  --subtitle-color: var(--color3-base);
  --subtitle-background-color: var(--white);
  --subtitle-border-color: var(--color3-light);
}
.contentblocks__img[data-box=cps-quaternary] .contentblocks__item {
  --box-background-color: var(--color3-lightest);
  --box-border-color: var(--color3-lightest);
}
.contentblocks__img[data-box=cps-quaternary] .contentblocks__btn {
  --btn-text-color: var(--white);
  --btn-background-color: var(--color3-base);
  --btn-border-color: var(--color3-base);
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__img[data-box=cps-quaternary] .contentblocks__gfx {
  --icon-color-primary: var(--color3-base);
  width: var(--size-square, var(--size-width, 100%));
  height: var(--size-square, var(--size-height, 100%));
  min-width: var(--size-square, var(--size-width, 100%));
  position: var(--position, absolute);
  top: var(--position-top, -2rem);
  right: var(--position-right, auto);
  bottom: var(--position-bottom, auto);
  left: var(--position-left, -2rem);
  -webkit-mask-image: var(--icon-background-url, url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 424 319'%3e%3cpath d='M159.777 3H264.331C293.151 3 316.554 26.3776 316.554 55.1667C316.554 83.9557 339.957 107.333 368.777 107.333C397.597 107.333 421 130.711 421 159.5C421 188.289 397.597 211.667 368.777 211.667C339.957 211.667 316.554 235.044 316.554 263.833C316.554 292.622 293.151 316 264.331 316H159.777C130.957 316 107.554 292.622 107.554 263.833C107.554 235.044 84.1514 211.667 55.3313 211.667C26.5111 211.667 3 188.397 3 159.608C3 130.819 26.4028 107.442 55.2229 107.442C84.043 107.442 107.446 84.064 107.446 55.2749C107.446 26.4858 130.957 3 159.777 3Z' style='fill:none;fill-rule:nonzero;stroke:rgb%28255,218,0%29;stroke-width:6px;'/%3e%3c/svg%3e"));
  mask-image: var(--icon-background-url, url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 424 319'%3e%3cpath d='M159.777 3H264.331C293.151 3 316.554 26.3776 316.554 55.1667C316.554 83.9557 339.957 107.333 368.777 107.333C397.597 107.333 421 130.711 421 159.5C421 188.289 397.597 211.667 368.777 211.667C339.957 211.667 316.554 235.044 316.554 263.833C316.554 292.622 293.151 316 264.331 316H159.777C130.957 316 107.554 292.622 107.554 263.833C107.554 235.044 84.1514 211.667 55.3313 211.667C26.5111 211.667 3 188.397 3 159.608C3 130.819 26.4028 107.442 55.2229 107.442C84.043 107.442 107.446 84.064 107.446 55.2749C107.446 26.4858 130.957 3 159.777 3Z' style='fill:none;fill-rule:nonzero;stroke:rgb%28255,218,0%29;stroke-width:6px;'/%3e%3c/svg%3e"));
  background-repeat: no-repeat;
  background-color: var(--icon-color-primary, var(--white));
  background-size: var(--icon-size-width, var(--icon-size-square, 146.20689655%)) var(--icon-size-height, var(--icon-size-square, 110%));
  width: var(--icon-size-width, var(--icon-size-square, 146.20689655%));
  height: var(--icon-size-height, var(--icon-size-square, 110%));
  min-width: var(--icon-size-width, var(--icon-size-square, 146.20689655%));
  transition: all var(--transition-duration-base) var(--transition-timing-function);
  mask-size: contain;
  mask-position: left;
  mask-repeat: no-repeat;
  aspect-ratio: 424/319;
  z-index: 1;
}
.contentblocks__img[data-box=cps-quaternary] .contentblocks__item.link-hover:hover, .contentblocks__img[data-box=cps-quaternary] .contentblocks__item.link-hover:focus-visible, .contentblocks__img[data-box=cps-quaternary] .contentblocks__item.link-hover:focus-within {
  --box-background-color: var(--color6-lightest);
  --box-border-color: var(--color6-lightest);
}
.contentblocks__img[data-box=cps-quaternary] .contentblocks__item.link-hover:hover .contentblocks__title, .contentblocks__img[data-box=cps-quaternary] .contentblocks__item.link-hover:focus-visible .contentblocks__title, .contentblocks__img[data-box=cps-quaternary] .contentblocks__item.link-hover:focus-within .contentblocks__title {
  --h2-headings-color: var(--color6-base);
}
.contentblocks__img[data-box=cps-quaternary] .contentblocks__item.link-hover:hover .contentblocks__subtitle, .contentblocks__img[data-box=cps-quaternary] .contentblocks__item.link-hover:focus-visible .contentblocks__subtitle, .contentblocks__img[data-box=cps-quaternary] .contentblocks__item.link-hover:focus-within .contentblocks__subtitle {
  --subtitle-color: var(--white);
  --subtitle-background-color: var(--link-color-hover);
  --subtitle-border-color: var(--link-color-hover);
}
.contentblocks__img[data-box=cps-quaternary] .contentblocks__item.link-hover:hover .contentblocks__btn, .contentblocks__img[data-box=cps-quaternary] .contentblocks__item.link-hover:focus-visible .contentblocks__btn, .contentblocks__img[data-box=cps-quaternary] .contentblocks__item.link-hover:focus-within .contentblocks__btn {
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__img[data-box=cps-quinary] .contentblocks__title {
  --h2-headings-color: var(--color4-base);
}
.contentblocks__img[data-box=cps-quinary] .contentblocks__subtitle {
  --subtitle-color: var(--color4-base);
  --subtitle-background-color: var(--white);
  --subtitle-border-color: var(--color4-light);
}
.contentblocks__img[data-box=cps-quinary] .contentblocks__item {
  --box-background-color: var(--color4-lightest);
  --box-border-color: var(--color4-lightest);
}
.contentblocks__img[data-box=cps-quinary] .contentblocks__btn {
  --btn-text-color: var(--white);
  --btn-background-color: var(--color4-base);
  --btn-border-color: var(--color4-base);
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__img[data-box=cps-quinary] .contentblocks__gfx {
  --icon-color-primary: var(--color4-base);
  width: var(--size-square, var(--size-width, 100%));
  height: var(--size-square, var(--size-height, 100%));
  min-width: var(--size-square, var(--size-width, 100%));
  position: var(--position, absolute);
  top: var(--position-top, -4rem);
  right: var(--position-right, auto);
  bottom: var(--position-bottom, auto);
  left: var(--position-left, -3rem);
  -webkit-mask-image: var(--icon-background-url, url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 424 319'%3e%3cpath d='M159.777 3H264.331C293.151 3 316.554 26.3776 316.554 55.1667C316.554 83.9557 339.957 107.333 368.777 107.333C397.597 107.333 421 130.711 421 159.5C421 188.289 397.597 211.667 368.777 211.667C339.957 211.667 316.554 235.044 316.554 263.833C316.554 292.622 293.151 316 264.331 316H159.777C130.957 316 107.554 292.622 107.554 263.833C107.554 235.044 84.1514 211.667 55.3313 211.667C26.5111 211.667 3 188.397 3 159.608C3 130.819 26.4028 107.442 55.2229 107.442C84.043 107.442 107.446 84.064 107.446 55.2749C107.446 26.4858 130.957 3 159.777 3Z' style='fill:none;fill-rule:nonzero;stroke:rgb%28255,218,0%29;stroke-width:6px;'/%3e%3c/svg%3e"));
  mask-image: var(--icon-background-url, url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 424 319'%3e%3cpath d='M159.777 3H264.331C293.151 3 316.554 26.3776 316.554 55.1667C316.554 83.9557 339.957 107.333 368.777 107.333C397.597 107.333 421 130.711 421 159.5C421 188.289 397.597 211.667 368.777 211.667C339.957 211.667 316.554 235.044 316.554 263.833C316.554 292.622 293.151 316 264.331 316H159.777C130.957 316 107.554 292.622 107.554 263.833C107.554 235.044 84.1514 211.667 55.3313 211.667C26.5111 211.667 3 188.397 3 159.608C3 130.819 26.4028 107.442 55.2229 107.442C84.043 107.442 107.446 84.064 107.446 55.2749C107.446 26.4858 130.957 3 159.777 3Z' style='fill:none;fill-rule:nonzero;stroke:rgb%28255,218,0%29;stroke-width:6px;'/%3e%3c/svg%3e"));
  background-repeat: no-repeat;
  background-color: var(--icon-color-primary, var(--white));
  background-size: var(--icon-size-width, var(--icon-size-square, 119.62382445%)) var(--icon-size-height, var(--icon-size-square, 90%));
  width: var(--icon-size-width, var(--icon-size-square, 119.62382445%));
  height: var(--icon-size-height, var(--icon-size-square, 90%));
  min-width: var(--icon-size-width, var(--icon-size-square, 119.62382445%));
  transition: all var(--transition-duration-base) var(--transition-timing-function);
  transform: rotate(-90deg);
  mask-size: contain;
  mask-position: left;
  mask-repeat: no-repeat;
  aspect-ratio: 424/319;
  z-index: 1;
}
.contentblocks__img[data-box=cps-quinary] .contentblocks__item.link-hover:hover, .contentblocks__img[data-box=cps-quinary] .contentblocks__item.link-hover:focus-visible, .contentblocks__img[data-box=cps-quinary] .contentblocks__item.link-hover:focus-within {
  --box-background-color: var(--color6-lightest);
  --box-border-color: var(--color6-lightest);
}
.contentblocks__img[data-box=cps-quinary] .contentblocks__item.link-hover:hover .contentblocks__title, .contentblocks__img[data-box=cps-quinary] .contentblocks__item.link-hover:focus-visible .contentblocks__title, .contentblocks__img[data-box=cps-quinary] .contentblocks__item.link-hover:focus-within .contentblocks__title {
  --h2-headings-color: var(--color6-base);
}
.contentblocks__img[data-box=cps-quinary] .contentblocks__item.link-hover:hover .contentblocks__subtitle, .contentblocks__img[data-box=cps-quinary] .contentblocks__item.link-hover:focus-visible .contentblocks__subtitle, .contentblocks__img[data-box=cps-quinary] .contentblocks__item.link-hover:focus-within .contentblocks__subtitle {
  --subtitle-color: var(--white);
  --subtitle-background-color: var(--link-color-hover);
  --subtitle-border-color: var(--link-color-hover);
}
.contentblocks__img[data-box=cps-quinary] .contentblocks__item.link-hover:hover .contentblocks__btn, .contentblocks__img[data-box=cps-quinary] .contentblocks__item.link-hover:focus-visible .contentblocks__btn, .contentblocks__img[data-box=cps-quinary] .contentblocks__item.link-hover:focus-within .contentblocks__btn {
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__img[data-box=cps-senary] .contentblocks__title {
  --h2-headings-color: var(--color2-base);
}
.contentblocks__img[data-box=cps-senary] .contentblocks__subtitle {
  --subtitle-color: var(--color2-base);
  --subtitle-background-color: var(--white);
  --subtitle-border-color: var(--color2-light);
}
.contentblocks__img[data-box=cps-senary] .contentblocks__item {
  --box-background-color: var(--color2-lighter);
  --box-border-color: var(--color2-lighter);
}
.contentblocks__img[data-box=cps-senary] .contentblocks__btn {
  --btn-text-color: var(--white);
  --btn-background-color: var(--color2-base);
  --btn-border-color: var(--color2-base);
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__img[data-box=cps-senary] .contentblocks__gfx {
  --icon-color-primary: var(--color2-base);
  width: var(--size-square, var(--size-width, 100%));
  height: var(--size-square, var(--size-height, 100%));
  min-width: var(--size-square, var(--size-width, 100%));
  position: var(--position, absolute);
  top: var(--position-top, -5rem);
  right: var(--position-right, auto);
  bottom: var(--position-bottom, auto);
  left: var(--position-left, 3rem);
  -webkit-mask-image: var(--icon-background-url, url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 409 408'%3e%3cpath d='M406,204.115C406,241.163 376.011,271.077 338.872,271.077C301.732,271.077 271.744,300.991 271.744,338.038C271.744,375.086 241.755,405 204.615,405C167.476,405 137.487,375.086 137.487,338.038C137.487,300.991 107.499,271.077 70.359,271.077C33.219,271.077 3,241.163 3,204.115C3,167.068 32.989,137.153 70.128,137.153C107.268,137.153 137.256,107.239 137.256,70.192C137.256,33.144 167.476,3 204.615,3C241.755,3 271.744,32.914 271.744,69.962C271.744,107.009 301.732,136.923 338.872,136.923C376.011,136.923 406,166.837 406,203.885L406,204.115Z' style='fill:none;fill-rule:nonzero;stroke:rgb%28255,218,0%29;stroke-width:6px;'/%3e%3c/svg%3e"));
  mask-image: var(--icon-background-url, url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 409 408'%3e%3cpath d='M406,204.115C406,241.163 376.011,271.077 338.872,271.077C301.732,271.077 271.744,300.991 271.744,338.038C271.744,375.086 241.755,405 204.615,405C167.476,405 137.487,375.086 137.487,338.038C137.487,300.991 107.499,271.077 70.359,271.077C33.219,271.077 3,241.163 3,204.115C3,167.068 32.989,137.153 70.128,137.153C107.268,137.153 137.256,107.239 137.256,70.192C137.256,33.144 167.476,3 204.615,3C241.755,3 271.744,32.914 271.744,69.962C271.744,107.009 301.732,136.923 338.872,136.923C376.011,136.923 406,166.837 406,203.885L406,204.115Z' style='fill:none;fill-rule:nonzero;stroke:rgb%28255,218,0%29;stroke-width:6px;'/%3e%3c/svg%3e"));
  background-repeat: no-repeat;
  background-color: var(--icon-color-primary, var(--white));
  background-size: var(--icon-size-width, var(--icon-size-square, 110.269607844%)) var(--icon-size-height, var(--icon-size-square, 110%));
  width: var(--icon-size-width, var(--icon-size-square, 110.269607844%));
  height: var(--icon-size-height, var(--icon-size-square, 110%));
  min-width: var(--icon-size-width, var(--icon-size-square, 110.269607844%));
  transition: all var(--transition-duration-base) var(--transition-timing-function);
  transform: rotate(-45deg);
  mask-size: contain;
  mask-position: left;
  mask-repeat: no-repeat;
  aspect-ratio: 409/408;
  z-index: 1;
}
.contentblocks__img[data-box=cps-senary] .contentblocks__item.link-hover:hover, .contentblocks__img[data-box=cps-senary] .contentblocks__item.link-hover:focus-visible, .contentblocks__img[data-box=cps-senary] .contentblocks__item.link-hover:focus-within {
  --box-background-color: var(--color6-lightest);
  --box-border-color: var(--color6-lightest);
}
.contentblocks__img[data-box=cps-senary] .contentblocks__item.link-hover:hover .contentblocks__title, .contentblocks__img[data-box=cps-senary] .contentblocks__item.link-hover:focus-visible .contentblocks__title, .contentblocks__img[data-box=cps-senary] .contentblocks__item.link-hover:focus-within .contentblocks__title {
  --h2-headings-color: var(--color6-base);
}
.contentblocks__img[data-box=cps-senary] .contentblocks__item.link-hover:hover .contentblocks__subtitle, .contentblocks__img[data-box=cps-senary] .contentblocks__item.link-hover:focus-visible .contentblocks__subtitle, .contentblocks__img[data-box=cps-senary] .contentblocks__item.link-hover:focus-within .contentblocks__subtitle {
  --subtitle-color: var(--white);
  --subtitle-background-color: var(--link-color-hover);
  --subtitle-border-color: var(--link-color-hover);
}
.contentblocks__img[data-box=cps-senary] .contentblocks__item.link-hover:hover .contentblocks__btn, .contentblocks__img[data-box=cps-senary] .contentblocks__item.link-hover:focus-visible .contentblocks__btn, .contentblocks__img[data-box=cps-senary] .contentblocks__item.link-hover:focus-within .contentblocks__btn {
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--link-color-hover);
  --btn-border-color-hover: var(--link-color-hover);
}
.contentblocks__list {
  display: var(--row-display, flex);
  flex-wrap: var(--row-flex-wrap, wrap);
  margin-top: calc(var(--gutter-vertical, 0) * -1);
  margin-right: calc(var(--gutter-horizontal, 3rem) / -2);
  margin-left: calc(var(--gutter-horizontal, 3rem) / -2);
}
.contentblocks__list > * {
  flex-shrink: var(--flex-shrink, 0);
  flex-grow: var(--flex-grow, 1);
  flex-basis: var(--flex-basis, auto);
  margin-top: var(--gutter-vertical, 0);
  padding-right: calc(var(--gutter-horizontal, 3rem) / 2);
  padding-left: calc(var(--gutter-horizontal, 3rem) / 2);
  width: var(--col-size-width, 100%);
  max-width: 100%;
}
@media (min-width: 64em) {
  .contentblocks__list > * {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 50%;
  }
}
@media (min-width: 80em) {
  .contentblocks__list > * {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 50%;
  }
}
.contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="1"] {
  display: var(--row-display, flex);
  flex-wrap: var(--row-flex-wrap, wrap);
  margin-top: calc(var(--gutter-vertical, 0) * -1);
  margin-right: calc(var(--gutter-horizontal, 3rem) / -2);
  margin-left: calc(var(--gutter-horizontal, 3rem) / -2);
}
.contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="1"] > * {
  flex-shrink: var(--flex-shrink, 0);
  flex-grow: var(--flex-grow, 1);
  flex-basis: var(--flex-basis, auto);
  margin-top: var(--gutter-vertical, 0);
  padding-right: calc(var(--gutter-horizontal, 3rem) / 2);
  padding-left: calc(var(--gutter-horizontal, 3rem) / 2);
  width: var(--col-size-width, 100%);
  max-width: 100%;
}
@media (min-width: 64em) {
  .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="1"] > * {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 100%;
  }
}
.contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="1"] .contentblocks__list {
  --flex-direction: column;
}
.contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="2"], .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="3"], .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="4"], .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="5"], .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="6"] {
  display: var(--row-display, flex);
  flex-wrap: var(--row-flex-wrap, wrap);
  margin-top: calc(var(--gutter-vertical, 0) * -1);
  margin-right: calc(var(--gutter-horizontal, 3rem) / -2);
  margin-left: calc(var(--gutter-horizontal, 3rem) / -2);
}
.contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="2"] > *, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="3"] > *, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="4"] > *, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="5"] > *, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="6"] > * {
  flex-shrink: var(--flex-shrink, 0);
  flex-grow: var(--flex-grow, 1);
  flex-basis: var(--flex-basis, auto);
  margin-top: var(--gutter-vertical, 0);
  padding-right: calc(var(--gutter-horizontal, 3rem) / 2);
  padding-left: calc(var(--gutter-horizontal, 3rem) / 2);
  width: var(--col-size-width, 100%);
  max-width: 100%;
}
@media (min-width: 64em) {
  .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="2"] > *, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="3"] > *, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="4"] > *, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="5"] > *, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="6"] > * {
    --flex-grow: 0;
    --flex-shrink: 0;
    --flex-basis: auto;
    --col-size-width: 100%;
  }
}
.contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="2"], .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="3"], .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="4"], .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="5"], .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="6"] {
  --gutter-vertical: 8rem;
}
.contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="2"] .contentblocks__icoon .contentblocks__content, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="3"] .contentblocks__icoon .contentblocks__content, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="4"] .contentblocks__icoon .contentblocks__content, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="5"] .contentblocks__icoon .contentblocks__content, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="6"] .contentblocks__icoon .contentblocks__content {
  flex-direction: var(--flex-direction, column);
}
.contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="2"] .contentblocks__icoon .contentblocks__btn, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="3"] .contentblocks__icoon .contentblocks__btn, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="4"] .contentblocks__icoon .contentblocks__btn, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="5"] .contentblocks__icoon .contentblocks__btn, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="6"] .contentblocks__icoon .contentblocks__btn {
  --margin-horizontal-left: 0;
}
@media (min-width: 64em) and (max-width: 79.98em) {
  .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="2"] .contentblocks__icoon .contentblocks__icon, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="3"] .contentblocks__icoon .contentblocks__icon, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="4"] .contentblocks__icoon .contentblocks__icon, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="5"] .contentblocks__icoon .contentblocks__icon, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="6"] .contentblocks__icoon .contentblocks__icon {
    margin-left: var(--margin-horizontal, var(--margin-horizontal-left, 4rem));
  }
}
@media (min-width: 48em) {
  .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="2"] .contentblocks__icoon .contentblocks__gfx, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="3"] .contentblocks__icoon .contentblocks__gfx, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="4"] .contentblocks__icoon .contentblocks__gfx, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="5"] .contentblocks__icoon .contentblocks__gfx, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="6"] .contentblocks__icoon .contentblocks__gfx {
    --gfx-position-left: -12rem;
  }
}
@media (max-width: 47.98em) {
  .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="2"] .contentblocks__icoon .contentblocks__gfx, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="3"] .contentblocks__icoon .contentblocks__gfx, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="4"] .contentblocks__icoon .contentblocks__gfx, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="5"] .contentblocks__icoon .contentblocks__gfx, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="6"] .contentblocks__icoon .contentblocks__gfx {
    --gfx-position-left: -8rem;
  }
}
.contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="2"] .contentblocks__img .contentblocks__content-block, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="3"] .contentblocks__img .contentblocks__content-block, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="4"] .contentblocks__img .contentblocks__content-block, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="5"] .contentblocks__img .contentblocks__content-block, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="6"] .contentblocks__img .contentblocks__content-block {
  --align-items: flex-start;
  --gap: 0rem;
}
@media (min-width: 32em) {
  .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="2"] .contentblocks__img .contentblocks__photo, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="3"] .contentblocks__img .contentblocks__photo, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="4"] .contentblocks__img .contentblocks__photo, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="5"] .contentblocks__img .contentblocks__photo, .contentblocks__list:not(:has(.contentblocks--sidebartop, .contentblocks--sidebarbottom))[data-cols="6"] .contentblocks__img .contentblocks__photo {
    --img-flex-basis: 40%;
  }
}
.contentblocks__btn[target=_blank] .btn__icon {
  display: var(--display, none);
}

.side-bar .contentblocks__list {
  flex-direction: var(--flex-direction, column);
  --gutter-vertical: var(--main-element-margin-vertical);
  gap: var(--gap, 6rem);
}
.side-bar .contentblocks__list[data-cols="1"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.side-bar .contentblocks__flex {
  --col-size-width: 100% !important;
}
.side-bar .contentblocks__icoon .contentblocks__content {
  flex-direction: var(--flex-direction, column);
}
@media (min-width: 64em) {
  .side-bar .contentblocks__icoon .contentblocks__content-block {
    flex-direction: var(--flex-direction, column);
    --gap: 3rem;
  }
}
@media (min-width: 64em) {
  .side-bar .contentblocks__icoon .contentblocks__icon {
    margin-left: var(--margin-horizontal, var(--margin-horizontal-left, 4rem));
  }
}
@media (min-width: 64em) {
  .side-bar .contentblocks__icoon .contentblocks__icon-container {
    --icon-flex-basis: 10rem;
    --justify-content: flex-start;
  }
}
.side-bar .contentblocks__icoon .contentblocks__btn {
  --margin-horizontal-left: 0;
}
@media (min-width: 64em) {
  .side-bar .contentblocks__icoon .contentblocks__gfx {
    transform: rotate(0deg);
    transform: scaleX(-1);
    --icon-size-square: 30rem;
    --gfx-position-top: -11rem;
    --gfx-position-left: -10rem;
  }
}
.side-bar .contentblocks__img .contentblocks__content {
  flex-direction: var(--flex-direction, column);
}
@media (min-width: 64em) {
  .side-bar .contentblocks__img .contentblocks__content-block {
    flex-direction: var(--flex-direction, column);
    --gap: 0rem;
  }
}
/*# sourceMappingURL=../../maps/layout/modules/content-blocks.css.map */