html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, dialog {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

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

strong, b {
  font-weight: 700;
}

i, em {
  font-style: italic;
}

input, select, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.invisible {
  display: none;
}

button, input.submit {
  cursor: pointer;
  -webkit-border-radius: 0;
  border-radius: 0;
}

sub, sup {
  font-size: 70%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.4em;
}

sub {
  bottom: -0.25em;
}

* {
  box-sizing: border-box;
}

/* poppins-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/poppins-v24-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/poppins-v24-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/poppins-v24-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/poppins-v24-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/poppins-v24-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/poppins-v24-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {
  --col-green-100: #f5f7f4;
  --col-green-100--rgb: 245,
  247,
  244;
  --col-green-150: #f0f3ed;
  --col-green-150--rgb: 240,
  243,
  237;
  --col-green-200: #e8f5e0;
  --col-green-200--rgb: 232,
  245,
  224;
  --col-green-300: #8dc63f;
  --col-green-300--rgb: 141,
  198,
  63;
  --col-green-400: #00672c;
  --col-green-400--rgb: 0,
  103,
  44;
  --col-orange-400: #e74c05;
  --col-orange-400--rgb: 231,
  76,
  5;
  --col-brown-400: #3b2212;
  --col-brown-400--rgb: 59,
  34,
  18;
  --col-text: #0f1729;
  --col-text--rgb: 15,
  23,
  41;
  --col-gray-200: #e8e8e8;
  --col-gray-200--rgb: 232,
  232,
  232;
  --col-gray-400: #65758b;
  --col-gray-400--rgb: 101,
  117,
  139;
  --col-gray-500: #252c3d;
  --col-gray-500--rgb: 37,
  44,
  61;
  --col-gray-600: #0f1729;
  --col-gray-600--rgb: 15,
  23,
  41;
  --col-white: #ffffff;
  --col-white--rgb: 255,
  255,
  255;
  --col-black: #000000;
  --col-black--rgb: 0,
  0,
  0;
  --filter-green-100: invert(100%) sepia(61%) saturate(207%) hue-rotate(43deg) brightness(104%) contrast(91%);
  --filter-green-200: invert(99%) sepia(94%) saturate(178%) hue-rotate(37deg) brightness(101%) contrast(92%);
  --filter-green-300: invert(75%) sepia(36%) saturate(725%) hue-rotate(39deg) brightness(89%) contrast(91%);
  --filter-green-400: invert(28%) sepia(38%) saturate(1075%) hue-rotate(95deg) brightness(98%) contrast(101%);
  --filter-orange-400: invert(41%) sepia(78%) saturate(4685%) hue-rotate(4deg) brightness(95%) contrast(96%);
  --filter-brown-400: invert(14%) sepia(14%) saturate(2112%) hue-rotate(340deg) brightness(94%) contrast(96%);
  --filter-text: invert(6%) sepia(59%) saturate(988%) hue-rotate(190deg) brightness(94%) contrast(95%);
  --filter-gray-600: invert(8%) sepia(7%) saturate(5370%) hue-rotate(185deg) brightness(93%) contrast(96%);
  --filter-gray-500: invert(16%) sepia(11%) saturate(1699%) hue-rotate(185deg) brightness(87%) contrast(92%);
  --filter-gray-400: invert(47%) sepia(19%) saturate(485%) hue-rotate(175deg) brightness(91%) contrast(91%);
  --filter-gray-200: invert(99%) sepia(2%) saturate(369%) hue-rotate(171deg) brightness(116%) contrast(82%);
  --gap-col: 40px;
  --gap-row: 60px;
  --gap-lines: 1.5rem;
  --nav-width: clamp(280px, calc(100vw - 4rem), 400px);
  --header-height: 140px;
}
@media (max-width: 500px) {
  :root {
    --gap-row: 60px;
    --nav-width: 100vw;
  }
}

html {
  font-size: 16px;
  scroll-padding-top: 140px;
  scroll-behavior: smooth;
}

body {
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  line-height: 1.65;
  font-weight: 400;
  color: var(--col-text);
  min-height: 100dvh;
  overflow-x: hidden;
  overflow-x: clip;
}
body p {
  font-weight: 300;
}
body img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}
body a {
  color: inherit;
  text-decoration: underline;
  transition: color 0.2s;
  text-underline-offset: 3px;
}
body a:hover, body a:focus-visible {
  color: var(--col-green-400);
}
body #wrapper {
  display: flex;
  min-height: 100dvh;
  flex-direction: column;
}
body.brown {
  background-color: var(--col-brown-400);
  color: var(--col-white);
}
body.brown h1 {
  font-size: 2.625rem;
}
body.brown h2 {
  font-size: 2.25rem;
}
body.brown h2 {
  font-size: 1.75rem;
}
body.brown p, body.brown li {
  color: rgba(var(--col-white--rgb), 0.6) !important;
  text-transform: none !important;
  letter-spacing: unset !important;
}
body.brown header {
  background-color: rgba(var(--col-white--rgb), 0.95);
  backdrop-filter: blur(12px);
}
body.brown header a.logo img {
  height: 80px;
}
body.brown header .mod_navigation {
  display: none;
}
body.brown #container {
  margin-top: calc(var(--gap-col) * 2);
}

.block,
.widget {
  display: block;
  flex-basis: 100%;
  padding: calc(var(--gap-col) * 0.5);
}
.block.span10,
.widget.span10 {
  flex-grow: 1;
  flex-basis: 10%;
}
.block.span10.max,
.widget.span10.max {
  max-width: 10%;
}
.block.span11,
.widget.span11 {
  flex-grow: 1;
  flex-basis: 11%;
}
.block.span11.max,
.widget.span11.max {
  max-width: 11%;
}
.block.span12,
.widget.span12 {
  flex-grow: 1;
  flex-basis: 12%;
}
.block.span12.max,
.widget.span12.max {
  max-width: 12%;
}
.block.span13,
.widget.span13 {
  flex-grow: 1;
  flex-basis: 13%;
}
.block.span13.max,
.widget.span13.max {
  max-width: 13%;
}
.block.span14,
.widget.span14 {
  flex-grow: 1;
  flex-basis: 14%;
}
.block.span14.max,
.widget.span14.max {
  max-width: 14%;
}
.block.span15,
.widget.span15 {
  flex-grow: 1;
  flex-basis: 15%;
}
.block.span15.max,
.widget.span15.max {
  max-width: 15%;
}
.block.span16,
.widget.span16 {
  flex-grow: 1;
  flex-basis: 16%;
  flex-basis: 16.6666666667%;
}
.block.span16.max,
.widget.span16.max {
  max-width: 16%;
  max-width: 16.6666666667%;
}
.block.span17,
.widget.span17 {
  flex-grow: 1;
  flex-basis: 17%;
}
.block.span17.max,
.widget.span17.max {
  max-width: 17%;
}
.block.span18,
.widget.span18 {
  flex-grow: 1;
  flex-basis: 18%;
}
.block.span18.max,
.widget.span18.max {
  max-width: 18%;
}
.block.span19,
.widget.span19 {
  flex-grow: 1;
  flex-basis: 19%;
}
.block.span19.max,
.widget.span19.max {
  max-width: 19%;
}
.block.span20,
.widget.span20 {
  flex-grow: 1;
  flex-basis: 20%;
}
.block.span20.max,
.widget.span20.max {
  max-width: 20%;
}
.block.span21,
.widget.span21 {
  flex-grow: 1;
  flex-basis: 21%;
}
.block.span21.max,
.widget.span21.max {
  max-width: 21%;
}
.block.span22,
.widget.span22 {
  flex-grow: 1;
  flex-basis: 22%;
}
.block.span22.max,
.widget.span22.max {
  max-width: 22%;
}
.block.span23,
.widget.span23 {
  flex-grow: 1;
  flex-basis: 23%;
}
.block.span23.max,
.widget.span23.max {
  max-width: 23%;
}
.block.span24,
.widget.span24 {
  flex-grow: 1;
  flex-basis: 24%;
}
.block.span24.max,
.widget.span24.max {
  max-width: 24%;
}
.block.span25,
.widget.span25 {
  flex-grow: 1;
  flex-basis: 25%;
}
.block.span25.max,
.widget.span25.max {
  max-width: 25%;
}
.block.span26,
.widget.span26 {
  flex-grow: 1;
  flex-basis: 26%;
}
.block.span26.max,
.widget.span26.max {
  max-width: 26%;
}
.block.span27,
.widget.span27 {
  flex-grow: 1;
  flex-basis: 27%;
}
.block.span27.max,
.widget.span27.max {
  max-width: 27%;
}
.block.span28,
.widget.span28 {
  flex-grow: 1;
  flex-basis: 28%;
}
.block.span28.max,
.widget.span28.max {
  max-width: 28%;
}
.block.span29,
.widget.span29 {
  flex-grow: 1;
  flex-basis: 29%;
}
.block.span29.max,
.widget.span29.max {
  max-width: 29%;
}
.block.span30,
.widget.span30 {
  flex-grow: 1;
  flex-basis: 30%;
}
.block.span30.max,
.widget.span30.max {
  max-width: 30%;
}
.block.span31,
.widget.span31 {
  flex-grow: 1;
  flex-basis: 31%;
}
.block.span31.max,
.widget.span31.max {
  max-width: 31%;
}
.block.span32,
.widget.span32 {
  flex-grow: 1;
  flex-basis: 32%;
}
.block.span32.max,
.widget.span32.max {
  max-width: 32%;
}
.block.span33,
.widget.span33 {
  flex-grow: 1;
  flex-basis: 33%;
  flex-basis: 33.3333333333%;
}
.block.span33.max,
.widget.span33.max {
  max-width: 33%;
  max-width: 33.3333333333%;
}
.block.span34,
.widget.span34 {
  flex-grow: 1;
  flex-basis: 34%;
}
.block.span34.max,
.widget.span34.max {
  max-width: 34%;
}
.block.span35,
.widget.span35 {
  flex-grow: 1;
  flex-basis: 35%;
}
.block.span35.max,
.widget.span35.max {
  max-width: 35%;
}
.block.span36,
.widget.span36 {
  flex-grow: 1;
  flex-basis: 36%;
}
.block.span36.max,
.widget.span36.max {
  max-width: 36%;
}
.block.span37,
.widget.span37 {
  flex-grow: 1;
  flex-basis: 37%;
}
.block.span37.max,
.widget.span37.max {
  max-width: 37%;
}
.block.span38,
.widget.span38 {
  flex-grow: 1;
  flex-basis: 38%;
}
.block.span38.max,
.widget.span38.max {
  max-width: 38%;
}
.block.span39,
.widget.span39 {
  flex-grow: 1;
  flex-basis: 39%;
}
.block.span39.max,
.widget.span39.max {
  max-width: 39%;
}
.block.span40,
.widget.span40 {
  flex-grow: 1;
  flex-basis: 40%;
}
.block.span40.max,
.widget.span40.max {
  max-width: 40%;
}
.block.span41,
.widget.span41 {
  flex-grow: 1;
  flex-basis: 41%;
}
.block.span41.max,
.widget.span41.max {
  max-width: 41%;
}
.block.span42,
.widget.span42 {
  flex-grow: 1;
  flex-basis: 42%;
}
.block.span42.max,
.widget.span42.max {
  max-width: 42%;
}
.block.span43,
.widget.span43 {
  flex-grow: 1;
  flex-basis: 43%;
}
.block.span43.max,
.widget.span43.max {
  max-width: 43%;
}
.block.span44,
.widget.span44 {
  flex-grow: 1;
  flex-basis: 44%;
}
.block.span44.max,
.widget.span44.max {
  max-width: 44%;
}
.block.span45,
.widget.span45 {
  flex-grow: 1;
  flex-basis: 45%;
}
.block.span45.max,
.widget.span45.max {
  max-width: 45%;
}
.block.span46,
.widget.span46 {
  flex-grow: 1;
  flex-basis: 46%;
}
.block.span46.max,
.widget.span46.max {
  max-width: 46%;
}
.block.span47,
.widget.span47 {
  flex-grow: 1;
  flex-basis: 47%;
}
.block.span47.max,
.widget.span47.max {
  max-width: 47%;
}
.block.span48,
.widget.span48 {
  flex-grow: 1;
  flex-basis: 48%;
}
.block.span48.max,
.widget.span48.max {
  max-width: 48%;
}
.block.span49,
.widget.span49 {
  flex-grow: 1;
  flex-basis: 49%;
}
.block.span49.max,
.widget.span49.max {
  max-width: 49%;
}
.block.span50,
.widget.span50 {
  flex-grow: 1;
  flex-basis: 50%;
}
@media (max-width: 768px) {
  .block.span50,
  .widget.span50 {
    flex-basis: 100%;
  }
}
.block.span50.max,
.widget.span50.max {
  max-width: 50%;
}
@media (max-width: 768px) {
  .block.span50.max,
  .widget.span50.max {
    max-width: 100%;
  }
}
.block.span51,
.widget.span51 {
  flex-grow: 1;
  flex-basis: 51%;
}
.block.span51.max,
.widget.span51.max {
  max-width: 51%;
}
.block.span52,
.widget.span52 {
  flex-grow: 1;
  flex-basis: 52%;
}
.block.span52.max,
.widget.span52.max {
  max-width: 52%;
}
.block.span53,
.widget.span53 {
  flex-grow: 1;
  flex-basis: 53%;
}
.block.span53.max,
.widget.span53.max {
  max-width: 53%;
}
.block.span54,
.widget.span54 {
  flex-grow: 1;
  flex-basis: 54%;
}
.block.span54.max,
.widget.span54.max {
  max-width: 54%;
}
.block.span55,
.widget.span55 {
  flex-grow: 1;
  flex-basis: 55%;
}
.block.span55.max,
.widget.span55.max {
  max-width: 55%;
}
.block.span56,
.widget.span56 {
  flex-grow: 1;
  flex-basis: 56%;
}
.block.span56.max,
.widget.span56.max {
  max-width: 56%;
}
.block.span57,
.widget.span57 {
  flex-grow: 1;
  flex-basis: 57%;
}
.block.span57.max,
.widget.span57.max {
  max-width: 57%;
}
.block.span58,
.widget.span58 {
  flex-grow: 1;
  flex-basis: 58%;
}
.block.span58.max,
.widget.span58.max {
  max-width: 58%;
}
.block.span59,
.widget.span59 {
  flex-grow: 1;
  flex-basis: 59%;
}
.block.span59.max,
.widget.span59.max {
  max-width: 59%;
}
.block.span60,
.widget.span60 {
  flex-grow: 1;
  flex-basis: 60%;
}
.block.span60.max,
.widget.span60.max {
  max-width: 60%;
}
.block.span61,
.widget.span61 {
  flex-grow: 1;
  flex-basis: 61%;
}
.block.span61.max,
.widget.span61.max {
  max-width: 61%;
}
.block.span62,
.widget.span62 {
  flex-grow: 1;
  flex-basis: 62%;
}
.block.span62.max,
.widget.span62.max {
  max-width: 62%;
}
.block.span63,
.widget.span63 {
  flex-grow: 1;
  flex-basis: 63%;
}
.block.span63.max,
.widget.span63.max {
  max-width: 63%;
}
.block.span64,
.widget.span64 {
  flex-grow: 1;
  flex-basis: 64%;
}
.block.span64.max,
.widget.span64.max {
  max-width: 64%;
}
.block.span65,
.widget.span65 {
  flex-grow: 1;
  flex-basis: 65%;
}
.block.span65.max,
.widget.span65.max {
  max-width: 65%;
}
.block.span66,
.widget.span66 {
  flex-grow: 1;
  flex-basis: 66%;
  flex-basis: 66.6666666667%;
}
.block.span66.max,
.widget.span66.max {
  max-width: 66%;
  max-width: 66.6666666667%;
}
.block.span67,
.widget.span67 {
  flex-grow: 1;
  flex-basis: 67%;
}
.block.span67.max,
.widget.span67.max {
  max-width: 67%;
}
.block.span68,
.widget.span68 {
  flex-grow: 1;
  flex-basis: 68%;
}
.block.span68.max,
.widget.span68.max {
  max-width: 68%;
}
.block.span69,
.widget.span69 {
  flex-grow: 1;
  flex-basis: 69%;
}
.block.span69.max,
.widget.span69.max {
  max-width: 69%;
}
.block.span70,
.widget.span70 {
  flex-grow: 1;
  flex-basis: 70%;
}
.block.span70.max,
.widget.span70.max {
  max-width: 70%;
}
.block.span71,
.widget.span71 {
  flex-grow: 1;
  flex-basis: 71%;
}
.block.span71.max,
.widget.span71.max {
  max-width: 71%;
}
.block.span72,
.widget.span72 {
  flex-grow: 1;
  flex-basis: 72%;
}
.block.span72.max,
.widget.span72.max {
  max-width: 72%;
}
.block.span73,
.widget.span73 {
  flex-grow: 1;
  flex-basis: 73%;
}
.block.span73.max,
.widget.span73.max {
  max-width: 73%;
}
.block.span74,
.widget.span74 {
  flex-grow: 1;
  flex-basis: 74%;
}
.block.span74.max,
.widget.span74.max {
  max-width: 74%;
}
.block.span75,
.widget.span75 {
  flex-grow: 1;
  flex-basis: 75%;
}
.block.span75.max,
.widget.span75.max {
  max-width: 75%;
}
.block.span76,
.widget.span76 {
  flex-grow: 1;
  flex-basis: 76%;
}
.block.span76.max,
.widget.span76.max {
  max-width: 76%;
}
.block.span77,
.widget.span77 {
  flex-grow: 1;
  flex-basis: 77%;
}
.block.span77.max,
.widget.span77.max {
  max-width: 77%;
}
.block.span78,
.widget.span78 {
  flex-grow: 1;
  flex-basis: 78%;
}
.block.span78.max,
.widget.span78.max {
  max-width: 78%;
}
.block.span79,
.widget.span79 {
  flex-grow: 1;
  flex-basis: 79%;
}
.block.span79.max,
.widget.span79.max {
  max-width: 79%;
}
.block.span80,
.widget.span80 {
  flex-grow: 1;
  flex-basis: 80%;
}
.block.span80.max,
.widget.span80.max {
  max-width: 80%;
}
.block.span81,
.widget.span81 {
  flex-grow: 1;
  flex-basis: 81%;
}
.block.span81.max,
.widget.span81.max {
  max-width: 81%;
}
.block.span82,
.widget.span82 {
  flex-grow: 1;
  flex-basis: 82%;
}
.block.span82.max,
.widget.span82.max {
  max-width: 82%;
}
.block.span83,
.widget.span83 {
  flex-grow: 1;
  flex-basis: 83%;
}
.block.span83.max,
.widget.span83.max {
  max-width: 83%;
}
.block.span84,
.widget.span84 {
  flex-grow: 1;
  flex-basis: 84%;
}
.block.span84.max,
.widget.span84.max {
  max-width: 84%;
}
.block.span85,
.widget.span85 {
  flex-grow: 1;
  flex-basis: 85%;
}
.block.span85.max,
.widget.span85.max {
  max-width: 85%;
}
.block.span86,
.widget.span86 {
  flex-grow: 1;
  flex-basis: 86%;
}
.block.span86.max,
.widget.span86.max {
  max-width: 86%;
}
.block.span87,
.widget.span87 {
  flex-grow: 1;
  flex-basis: 87%;
}
.block.span87.max,
.widget.span87.max {
  max-width: 87%;
}
.block.span88,
.widget.span88 {
  flex-grow: 1;
  flex-basis: 88%;
}
.block.span88.max,
.widget.span88.max {
  max-width: 88%;
}
.block.span89,
.widget.span89 {
  flex-grow: 1;
  flex-basis: 89%;
}
.block.span89.max,
.widget.span89.max {
  max-width: 89%;
}
.block.span90,
.widget.span90 {
  flex-grow: 1;
  flex-basis: 90%;
}
.block.span90.max,
.widget.span90.max {
  max-width: 90%;
}
.block.span91,
.widget.span91 {
  flex-grow: 1;
  flex-basis: 91%;
}
.block.span91.max,
.widget.span91.max {
  max-width: 91%;
}
.block.span92,
.widget.span92 {
  flex-grow: 1;
  flex-basis: 92%;
}
.block.span92.max,
.widget.span92.max {
  max-width: 92%;
}
.block.span93,
.widget.span93 {
  flex-grow: 1;
  flex-basis: 93%;
}
.block.span93.max,
.widget.span93.max {
  max-width: 93%;
}
.block.span94,
.widget.span94 {
  flex-grow: 1;
  flex-basis: 94%;
}
.block.span94.max,
.widget.span94.max {
  max-width: 94%;
}
.block.span95,
.widget.span95 {
  flex-grow: 1;
  flex-basis: 95%;
}
.block.span95.max,
.widget.span95.max {
  max-width: 95%;
}
.block.span96,
.widget.span96 {
  flex-grow: 1;
  flex-basis: 96%;
}
.block.span96.max,
.widget.span96.max {
  max-width: 96%;
}
.block.span97,
.widget.span97 {
  flex-grow: 1;
  flex-basis: 97%;
}
.block.span97.max,
.widget.span97.max {
  max-width: 97%;
}
.block.span98,
.widget.span98 {
  flex-grow: 1;
  flex-basis: 98%;
}
.block.span98.max,
.widget.span98.max {
  max-width: 98%;
}
.block.span99,
.widget.span99 {
  flex-grow: 1;
  flex-basis: 99%;
}
.block.span99.max,
.widget.span99.max {
  max-width: 99%;
}
.block.span100,
.widget.span100 {
  flex-grow: 1;
  flex-basis: 100%;
}
.block.span100.max,
.widget.span100.max {
  max-width: 100%;
}
.block.auto,
.widget.auto {
  flex-basis: auto;
}
.block.v-centered,
.widget.v-centered {
  display: flex;
  align-items: center;
}
.block.background-green-100,
.widget.background-green-100 {
  --col-subheadline: var(--col-green-300);
  --col-top: var(--col-green-400);
  --filter-top: var(--filter-green-400);
  background-color: var(--col-green-100);
}
.block.background-green-200,
.widget.background-green-200 {
  --col-subheadline: var(--col-green-300);
  --col-top: var(--col-green-400);
  --filter-top: var(--filter-green-400);
  background-color: var(--col-green-200);
}
.block.background-green-300,
.widget.background-green-300 {
  --col-subheadline: var(--col-green-400);
  --col-top: var(--col-green-400);
  --filter-top: var(--filter-green-400);
  background-color: var(--col-green-300);
  color: var(--col-white);
}
.block.background-green-400,
.widget.background-green-400 {
  --col-top: var(--col-white-400);
  --filter-top: invert(1);
  background-color: var(--col-green-400);
  color: var(--col-white);
}
.block.background-gray-600,
.widget.background-gray-600 {
  --col-top: var(--col-green-400);
  --filter-top: var(--filter-green-400);
  background-color: var(--col-gray-600);
  color: var(--col-white);
}
.block.slim,
.widget.slim {
  width: 800px;
  margin-inline: auto;
}

header .inside,
footer .inside,
.mod_article .inside,
.mod_breadcrumb {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

main .mod_article > .inside {
  padding-block: calc(var(--gap-row) * 2);
  padding-inline: calc(var(--gap-col) * 1);
}
@media (max-width: 500px) {
  main .mod_article > .inside {
    padding-inline: 0;
  }
}

header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  transition: background-color 0.15s, box-shadow 0.15s, backdrop-filter 0.15s;
}
header > .inside {
  flex-wrap: nowrap;
  align-items: stretch;
  padding-inline: calc(var(--gap-col) * 1);
  transition: background-color 0.3s;
}
@media (max-width: 500px) {
  header > .inside {
    padding-inline: unset;
  }
}
header a.logo {
  flex-basis: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
header a.logo img {
  height: clamp(6.25rem, calc(-6.25rem + 20vw), 11.25rem);
  transition: height 0.15s;
  height: 140px;
}
@media (max-width: 1230px), (pointer: coarse) {
  header a.logo {
    margin-right: auto;
  }
}
header.scrolled, header:has(.nav-toggle[aria-pressed=true]) {
  background-color: rgba(var(--col-white--rgb), 0.95);
  backdrop-filter: blur(12px);
  box-shadow: 0 1px 2px 0 rgba(var(--col-black--rgb), 0.05);
}
header.scrolled a.logo img, header:has(.nav-toggle[aria-pressed=true]) a.logo img {
  height: 100px;
}
header:has(.nav-toggle[aria-pressed=true]) .mod_navigation .level_1 {
  display: block;
  transform: unset;
}
header:has(.nav-toggle[aria-pressed=true]) .mod_navigation div.nav-toggle {
  border-radius: 0;
}
header .mod_navigation {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
header .mod_navigation .level_1 {
  transition: transform 0.3s;
}
header .mod_navigation div.nav-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--gap-col) * 0.35);
  border-radius: 50%;
  border: 4px solid var(--col-green-400);
  background-color: var(--col-white);
  transition: border-radius 0.15s;
}
header .mod_navigation div.nav-toggle button {
  filter: var(--filter-green-400);
  padding: unset;
  margin: unset;
  border: unset;
  background: transparent;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
header .mod_navigation div.nav-toggle button svg {
  width: 30px;
  transform: scale(2.2);
  transition: transform 400ms;
}
header .mod_navigation div.nav-toggle button svg path {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: black;
  stroke-width: 5.5;
  stroke-linecap: round;
}
header .mod_navigation div.nav-toggle button svg path:nth-of-type(1) {
  stroke-dasharray: 40 139;
}
header .mod_navigation div.nav-toggle button svg path:nth-of-type(3) {
  stroke-dasharray: 40 180;
}
header .mod_navigation div.nav-toggle button[aria-pressed=true] svg {
  transform: scale(2.2) rotate(45deg);
}
header .mod_navigation div.nav-toggle button[aria-pressed=true] svg path:nth-of-type(1) {
  stroke-dashoffset: -98px;
}
header .mod_navigation div.nav-toggle button[aria-pressed=true] svg path:nth-of-type(3) {
  stroke-dashoffset: -138px;
}
@media (min-width: 1230px) and (pointer: fine) {
  header .mod_navigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  header .mod_navigation div.nav-toggle {
    order: 1;
  }
  header .mod_navigation .items {
    order: 0;
    display: none;
    width: 100%;
  }
  header .mod_navigation .items ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--gap-col) * 0.125);
  }
  header .mod_navigation .items ul li a {
    display: block;
    background-color: var(--col-white);
    border: 1px solid rgba(var(--col-green-400--rgb), 0.3);
    color: var(--col-green-400);
    text-decoration: unset;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
    padding-block: calc(var(--gap-col) * 0.125);
    padding-inline: calc(var(--gap-col) * 0.35);
  }
  header .mod_navigation .items ul li a:hover, header .mod_navigation .items ul li a:focus-visible {
    color: var(--col-white);
    background-color: var(--col-green-400);
    border-color: transparent;
  }
  header .mod_navigation .items ul li a {
    font-size: 1rem;
  }
}
@media (max-width: 1230px), (pointer: coarse) {
  header .mod_navigation .level_1 {
    border-top: 1px solid rgba(var(--col-text--rgb), 0.2);
    border-left: 4px solid var(--col-green-300);
    position: absolute;
    right: 0;
    top: var(--header-height);
    width: var(--nav-width);
    transform: translateX(calc(100% + var(--gap-col) * 1));
    background-color: var(--col-white);
    height: 100dvh;
  }
  header .mod_navigation .level_1 ul {
    display: flex;
    flex-direction: column;
    padding: unset;
  }
  header .mod_navigation .level_1 ul > li {
    width: 100%;
  }
  header .mod_navigation .level_1 ul > li a {
    display: block;
    padding: calc(var(--gap-col) * 0.25) calc(var(--gap-col) * 0.75);
    text-decoration: unset;
  }
  header .mod_navigation .level_1 ul > li a:hover, header .mod_navigation .level_1 ul > li a:focus-visible {
    background-color: var(--col-green-200);
  }
}
@media (max-width: 1230px) and (max-width: 500px), (pointer: coarse) and (max-width: 500px) {
  header .mod_navigation .level_1 ul > li a {
    padding-inline: calc(var(--gap-col) * 0.5);
  }
}
@media (max-width: 1230px), (pointer: coarse) {
  header .mod_navigation .level_1 ul > li:has(+ li) {
    border-bottom: 1px solid rgba(var(--col-text--rgb), 0.2);
  }
}
@media (max-width: 1230px) and (max-width: 500px), (pointer: coarse) and (max-width: 500px) {
  header .mod_navigation .level_1 {
    width: 100%;
  }
}

footer {
  margin-top: auto;
  overflow-x: hidden;
  overflow-x: clip;
}
footer > .inside {
  max-width: 1400px;
  margin-inline: auto;
}
footer > .inside > div {
  width: 50%;
  padding-inline: calc(var(--gap-col) * 1);
  padding-block: calc(var(--gap-col) * 1);
  display: flex;
  align-items: center;
}
footer > .inside > div.left {
  background-color: var(--col-white);
}
footer > .inside > div.left a.logo {
  flex-basis: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
footer > .inside > div.left a.logo img {
  height: 70px;
}
footer > .inside > div.left div.block {
  flex-basis: unset;
  margin-left: auto;
  font-size: 0.875rem;
}
footer > .inside > div.right {
  position: relative;
  isolation: isolate;
}
footer > .inside > div.right::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: -100vw;
  background-color: var(--col-brown-400);
  z-index: -1;
}
footer > .inside > div.right {
  color: rgba(var(--col-white--rgb), 0.7);
}
footer > .inside > div.right > div {
  display: flex;
  flex-direction: column;
}
footer > .inside > div.right > div > div {
  display: flex;
  align-items: center;
  gap: 2ch;
}
footer > .inside > div.right > div .mod_customnav {
  padding: unset;
}
footer > .inside > div.right > div .mod_customnav ul {
  display: flex;
  align-items: center;
  padding: unset;
  gap: 2ch;
}
@media (max-width: 1150px) {
  footer > .inside > div {
    flex-basis: 100%;
  }
}
@media (max-width: 500px) {
  footer > .inside > div {
    padding-inline: calc(var(--gap-col) * 0);
  }
}

#container main > .inside {
  display: flex;
  flex-direction: column;
}

h1, .h1 .hl, .h1.hl {
  font-size: clamp(3rem, calc(-1.0384615385rem + 4.6153846154vw), 4.5rem);
  line-height: 1;
  font-weight: 700;
  text-wrap: balance;
}
@media (max-width: 500px) {
  h1, .h1 .hl, .h1.hl {
    font-size: clamp(1.75rem, calc(0.1428571429rem + 7.1428571429vw), 2.375rem);
  }
}

h2, .h2 .hl, .h2.hl {
  font-size: clamp(2rem, calc(1.25rem + 2vw), 3rem);
  line-height: 1;
  font-weight: 700;
  text-wrap: balance;
}
@media (max-width: 500px) {
  h2, .h2 .hl, .h2.hl {
    font-size: clamp(1.5rem, calc(-0.75rem + 10vw), 2.375rem);
  }
}

h3, .h3 .hl, .h3.hl {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  text-transform: none;
}

h4, .h4 .hl, .h4.hl,
h5, .h5 .hl, .h5.hl,
h6, .h6 .hl, .h6.hl {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.2;
  text-transform: none;
}

h1 em, h2 em, h3 em, h4 em, .hl em {
  color: var(--col-green-400);
  font-style: normal;
}

.gap-top {
  margin-top: calc(var(--gap-col) * 1);
}

.no-gap-top {
  padding-top: unset;
}

.gap-bottom {
  margin-bottom: calc(var(--gap-col) * 1);
}

.no-gap-bottom {
  padding-bottom: unset;
}

.border-top {
  border-top: 1px solid rgba(var(--col-text--rgb), 0.2);
  padding-top: calc(var(--gap-col) * 1.5);
}

.mod_article {
  max-width: 100vw;
  overflow: hidden;
}
.mod_article > .inside {
  min-height: 750px;
}
.mod_article > .inside:has(.content-swiper) {
  padding: unset;
  min-height: unset;
}
.mod_article.no-gap-top:not(.slim) > .inside {
  padding-top: unset;
}
@media (min-width: 840px) {
  .mod_article.no-gap-top.slim > .inside {
    padding-top: unset;
  }
}
.mod_article.no-gap-bottom:not(.slim) > .inside {
  padding-bottom: unset;
}
@media (min-width: 840px) {
  .mod_article.no-gap-bottom.slim > .inside {
    padding-bottom: unset;
  }
}
.mod_article.hero > .inside > .content-text:first-child {
  position: relative;
  padding-inline: calc(var(--gap-col) * 1.5);
}
.mod_article.hero > .inside > .content-text:first-child > div {
  width: 100%;
}
.mod_article.hero > .inside > .content-text:first-child > div::before {
  content: "";
  display: block;
  position: absolute;
  bottom: calc(var(--gap-col) * 1);
  height: 48px;
  width: 1px;
  background-color: var(--col-green-400);
}
.mod_article.hero > .inside > .content-text:first-child > div::after {
  content: "";
  display: block;
  position: absolute;
  bottom: calc(var(--gap-col) * 1 + 24px);
  transform: translateY(50%);
  left: calc(var(--gap-col) * 1.75);
  background: url(../img/sprite-icons.svg?uz8b871) no-repeat;
  width: calc(1 * 0.75em);
  height: calc(1 * 0.75em);
  background-position: calc(-1 * 0 * 0.75em) calc(-1 * 0 * 0.75em);
  background-size: auto calc(5 * 0.75em);
  filter: var(--filter-green-400);
  animation: bounce 3s ease-in-out infinite;
}
@media (max-width: 500px) {
  .mod_article.hero > .inside > .content-text:first-child > div {
    padding-bottom: calc(var(--gap-col) * 1);
  }
  .mod_article.hero > .inside > .content-text:first-child > div::after {
    left: calc(var(--gap-col) * 0.75);
  }
}
.mod_article.hero > .inside > .content-text:first-child::before {
  content: "";
  position: absolute;
  display: block;
  height: 200%;
  width: 1px;
  background-color: rgba(var(--col-text--rgb), 0.2);
}
@media (max-width: 500px) {
  .mod_article.hero > .inside > .content-text:first-child {
    padding-inline: calc(var(--gap-col) * 0.5);
  }
}
.mod_article.hero > .inside > .content-element-group {
  padding: unset !important;
  position: relative;
}
.mod_article.hero > .inside > .content-element-group > div {
  height: 100%;
}
.mod_article.hero > .inside > .content-element-group .popup {
  position: absolute;
  isolation: isolate;
  right: calc(var(--gap-col) * 0.5);
  bottom: calc(var(--gap-col) * 1.5);
}
.mod_article.hero > .inside > .content-element-group .popup .content-text {
  position: absolute;
  bottom: 100%;
  right: 20%;
  background-color: var(--col-white);
  border-left: 4px solid var(--col-green-300);
  width: 450px;
  padding: calc(var(--gap-col) * 0.75);
  opacity: 0;
  transform: scale(0.9);
  visibility: hidden;
  z-index: -1;
  transition: opacity 0.5s, transform 0.5s, visibility 0.5s;
}
.mod_article.hero > .inside > .content-element-group .popup .content-text h3, .mod_article.hero > .inside > .content-element-group .popup .content-text h3 + p, .mod_article.hero > .inside > .content-element-group .popup .content-text p + p {
  margin-top: calc(var(--gap-lines) * 0.5);
}
.mod_article.hero > .inside > .content-element-group .popup .content-text h3 {
  font-size: 1.125rem;
  font-weight: bold;
  text-wrap: balance;
}
.mod_article.hero > .inside > .content-element-group .popup .content-text p {
  font-size: 0.875rem;
  font-weight: 300;
  opacity: 0.6;
  text-wrap: pretty;
}
.mod_article.hero > .inside > .content-element-group .popup .content-text p:has(+ h3) {
  text-transform: uppercase;
  color: var(--col-green-300);
  letter-spacing: 0.2em;
  font-size: 0.75rem;
  font-weight: 500;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mod_article.hero > .inside > .content-element-group .popup .content-text p:has(+ h3) button {
  background-color: unset;
  padding: unset;
  border: unset;
  background: url(../img/sprite-icons.svg?uz8b871) no-repeat;
  width: calc(1 * 1em);
  height: calc(1 * 1em);
  background-position: calc(-1 * 0 * 1em) calc(-1 * 4 * 1em);
  background-size: auto calc(5 * 1em);
  opacity: 0.6;
}
.mod_article.hero > .inside > .content-element-group .popup .content-hyperlink {
  padding: unset;
}
.mod_article.hero > .inside > .content-element-group .popup .content-hyperlink a {
  display: block;
  background-color: var(--col-white);
  border: 1px solid rgba(var(--col-green-400--rgb), 0.3);
  color: var(--col-green-400);
  text-decoration: unset;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
  padding-block: calc(var(--gap-col) * 0.125);
  padding-inline: calc(var(--gap-col) * 0.35);
}
.mod_article.hero > .inside > .content-element-group .popup .content-hyperlink a:hover, .mod_article.hero > .inside > .content-element-group .popup .content-hyperlink a:focus-visible {
  color: var(--col-white);
  background-color: var(--col-green-400);
  border-color: transparent;
}
.mod_article.hero > .inside > .content-element-group .popup .content-hyperlink a {
  display: block;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  border: unset;
  padding-block: calc(var(--gap-col) * 0.15);
}
.mod_article.hero > .inside > .content-element-group .popup .content-hyperlink a[aria-pressed=true] {
  background-color: var(--col-gray-200);
}
.mod_article.hero > .inside > .content-element-group .popup .content-hyperlink a:hover, .mod_article.hero > .inside > .content-element-group .popup .content-hyperlink a:focus-visible {
  background-color: var(--col-green-300);
}
.mod_article.hero > .inside > .content-element-group .popup:has(.content-hyperlink a[aria-pressed=true]) .content-text {
  opacity: 1;
  transform: unset;
  visibility: visible;
}
@media (max-width: 1150px) {
  .mod_article.hero > .inside > .content-element-group {
    display: none;
  }
}
@media (max-width: 500px) {
  .mod_article.hero > .inside {
    min-height: unset !important;
    padding-top: calc(var(--header-height) * 0.75) !important;
    padding-bottom: calc(var(--gap-col) * 2) !important;
  }
}
.mod_article.full-height > .inside {
  min-height: 100dvh;
  padding-block: unset;
  padding-inline: unset;
}
.mod_article.full-height > .inside > .block {
  padding-block: calc(var(--gap-col) * 1.5);
  padding-inline: calc(var(--gap-col) * 1);
}
@media (max-width: 500px) {
  .mod_article.full-height > .inside > .block {
    padding-inline: calc(var(--gap-col) * 0);
  }
}
@media (max-width: 1150px) {
  .mod_article.full-height > .inside .content-image,
  .mod_article.full-height > .inside .content-svg {
    display: none;
  }
  .mod_article.full-height > .inside > .block {
    flex-basis: 100%;
  }
}
.mod_article.full-height > .inside:has(.content-image.scaling), .mod_article.full-height > .inside:has(.content-svg.scaling) {
  min-height: unset;
}
.mod_article.full-width:has(.content-image) > .inside {
  padding: unset;
  height: 500px;
  min-height: unset;
}
.mod_article.full-width:has(.content-image) > .inside .content-image {
  width: 100%;
  height: 100%;
  padding: unset;
}
.mod_article.full-width:has(.content-image) > .inside .content-image > div, .mod_article.full-width:has(.content-image) > .inside .content-image figure, .mod_article.full-width:has(.content-image) > .inside .content-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mod_article.slim > .inside {
  max-width: 1400px;
  margin-inline: auto;
}
.mod_article:has(.content-image.full-height) .content-image.full-height {
  padding: unset;
}
.mod_article:has(.content-image.full-height) .content-image.full-height > div, .mod_article:has(.content-image.full-height) .content-image.full-height figure, .mod_article:has(.content-image.full-height) .content-image.full-height img {
  height: 100%;
  width: 100%;
  display: block;
  object-fit: cover;
}
.mod_article.background-green-100 {
  --col-subheadline: var(--col-green-300);
  --col-top: var(--col-green-400);
  --filter-top: var(--filter-green-400);
  background-color: var(--col-green-100);
}
.mod_article.background-green-200 {
  --col-subheadline: var(--col-green-300);
  --col-top: var(--col-green-400);
  --filter-top: var(--filter-green-400);
  background-color: var(--col-green-200);
}
.mod_article.background-green-300 {
  --col-top: var(--col-green-400);
  --filter-top: var(--filter-green-400);
  background-color: var(--col-green-300);
  color: var(--col-white);
}
.mod_article.background-green-400 {
  --col-top: var(--col-white);
  --filter-top: invert(1);
  background-color: var(--col-green-400);
  color: var(--col-white);
}

.content-text .content > * + * {
  margin-top: var(--gap-lines);
}
.content-text .content p:has(+ h1, + h2, + h3, + h4, + h5, + h6) {
  color: var(--col-subheadline, var(--col-green-300));
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.3em;
}
.content-text.media > div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(var(--gap-col) * 1);
}
@media (max-width: 768px) {
  .content-text.media > div {
    flex-wrap: wrap;
  }
}
.content-text.media.media--left.media--right figure, .content-text.media.media--right.media--right figure {
  order: 2;
}
@media (min-width: 768px) {
  .content-text.media.media--left figure, .content-text.media.media--right figure {
    flex-shrink: 0;
    max-width: calc(50% - var(--gap-col) * 0.5);
  }
}
@media (max-width: 768px) {
  .content-text.media.media--left, .content-text.media.media--right {
    flex-wrap: wrap;
  }
  .content-text.media.media--left figure, .content-text.media.media--right figure {
    flex-grow: 1 !important;
  }
}
.content-text.media.media--left.v-center .content, .content-text.media.media--right.v-center .content {
  align-self: center;
}
.content-text.media.media--above > div, .content-text.media.media--below > div {
  flex-direction: column;
}
.content-text.button-link p:has(a) {
  display: flex;
  align-items: center;
  gap: calc(var(--gap-col) * 0.25);
}
@media (max-width: 500px) {
  .content-text.button-link p:has(a) {
    flex-direction: column;
  }
  .content-text.button-link p:has(a) a {
    width: 100%;
  }
}
.content-text.button-link p a {
  display: block;
  background-color: var(--col-gray-600);
  color: var(--col-white);
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: unset;
  text-align: center;
  text-transform: uppercase;
  padding-block: calc(var(--gap-col) * 0.35);
  padding-inline: calc(var(--gap-col) * 0.75);
  transition: background-color 0.3s;
}
.content-text.button-link p a:hover, .content-text.button-link p a:focus-visible {
  background-color: var(--col-gray-500);
  color: var(--col-white);
}
.content-text.collapsable {
  font-size: 0.875rem;
  font-weight: 300;
  padding-block: unset;
}
.content-text.collapsable button {
  display: inline-block;
  background-color: transparent;
  border: none;
  padding: unset;
  color: var(--col-green-300);
  font-size: 0.75rem;
  text-decoration: underline;
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.content-text.centered {
  text-align: center;
}
.content-text.small {
  font-size: 0.875rem;
  font-weight: 300;
}
.content-text.category {
  background-color: var(--col-green-100);
  transition: background-color 0.3s;
}
.content-text.category:hover {
  background-color: var(--col-green-150);
}
.content-text.category p {
  margin-top: calc(var(--gap-lines) * 0.25);
}
.content-text.category p strong {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--col-text);
}
.content-text.category p em {
  font-size: 0.75rem;
  color: var(--col-green-400);
  font-style: normal;
}
.content-text.category p {
  font-size: 0.75rem;
  color: var(--col-gray-400);
}
.content-text.category:has(+ .category) {
  border-right: 1px solid rgba(var(--col-text--rgb), 0.2);
}
@media (max-width: 900px) {
  .content-text.category {
    flex-basis: 100%;
  }
  .content-text.category:has(+ .category) {
    border-right: unset;
    border-bottom: 1px solid rgba(var(--col-text--rgb), 0.2);
  }
}
.content-text.person > div {
  display: flex;
  gap: 0;
}
@media (max-width: 768px) {
  .content-text.person > div {
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--gap-col) * 0.5);
  }
  .content-text.person > div figure {
    width: 50%;
  }
  .content-text.person > div .content {
    margin-left: unset !important;
    padding-left: unset !important;
    border: unset !important;
  }
}
.content-text.person figure {
  overflow: hidden;
  border: 1px solid var(--col-green-300);
  border-radius: 50%;
}
.content-text.person figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content-text.person h4 a {
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 0.5ch;
  padding: calc(var(--gap-col) * 0.25) calc(var(--gap-col) * 0.5);
  color: var(--col-white);
  text-decoration: none;
  background-color: var(--col-green-300);
  transition: background-color 0.3s;
}
.content-text.person h4 a::after {
  content: "";
  display: block;
  background: url(../img/sprite-icons.svg?uz8b871) no-repeat;
  width: calc(1 * 1em);
  height: calc(1 * 1em);
  background-position: calc(-1 * 0 * 1em) calc(-1 * 2 * 1em);
  background-size: auto calc(5 * 1em);
  filter: invert(1);
}
.content-text.person h4 a:hover, .content-text.person h4 a:focus-visible {
  color: var(--col-white);
  background-color: var(--col-green-400);
}
.content-text.person p {
  margin-top: calc(var(--gap-lines) * 0.25);
  font-size: 0.875rem;
  font-weight: 300;
}
.content-text.person p:has(strong) {
  margin-top: calc(var(--gap-lines) * 0.35);
}
.content-text.person p strong {
  font-weight: 400;
}
.content-text.person:has(figure + .content) .content {
  margin-left: calc(var(--gap-col) * 0.5);
  padding-left: calc(var(--gap-col) * 0.5);
  border-left: 1px solid var(--col-gray-400);
}
.content-text.contact p:has(a) {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: rgba(var(--col-white--rgb), 0.6);
  font-size: 0.625rem;
}
.content-text.contact p:has(a) a {
  text-transform: none;
  letter-spacing: unset;
  text-decoration: unset;
  text-decoration: underline;
  color: var(--col-white);
  font-size: 0.875rem;
}

.content-image .hl {
  margin-bottom: calc(var(--gap-col) * 0.5);
}
.content-image figure {
  display: inline-block;
}
.content-image:is(.span30 .content-image) {
  text-align: center;
}
.content-image:is(.span30 .content-image) .hl {
  text-align: left;
}
.content-image.v-centered > div {
  display: flex;
  align-items: center;
}
.content-image.scaling > div {
  height: 100%;
  width: 100%;
}
.content-image.scaling figure {
  display: block;
  width: 100%;
  max-width: 630px;
  margin-inline: auto;
  animation: scaling 3s ease-in-out infinite;
}
.content-image.scaling figure img {
  height: 100%;
  width: 100%;
}
.content-image.parallax figure {
  overflow: hidden;
  overflow: clip;
}
.content-image.parallax figure img {
  transform: scale(1.2);
}

.content-svg.scaling {
  width: 100%;
}
.content-svg.scaling > svg {
  display: block;
  width: 100%;
  max-width: 630px;
  margin-inline: auto;
  animation: scaling 3s ease-in-out infinite;
}

.hl-primary .hl,
.hl-primary.hl {
  color: var(--col-primary-400);
}
.hl-primary .hl:before,
.hl-primary.hl:before {
  filter: var(--filter-primary-400);
}

.hl-secondary .hl,
.hl-secondary.hl {
  color: var(--col-secondary-400);
}
.hl-secondary .hl:before,
.hl-secondary.hl:before {
  filter: var(--filter-secondary-400);
}

.ce_form {
  position: relative;
  isolation: isolate;
  width: 100%;
}
.ce_form::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: -100vw;
  background-color: var(--col-white);
  z-index: -1;
}
@media (max-width: 840px) {
  .ce_form::before {
    left: -100vw;
    background-color: var(--col-green-400);
  }
}
.ce_form form {
  padding: calc(var(--gap-col) * 0.5);
  width: 100%;
}
.ce_form .formbody {
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(var(--gap-col) * 0.5);
  row-gap: calc(var(--gap-col) * 0.5);
  width: 100%;
}
.ce_form .formbody .widget {
  display: flex;
  flex-direction: column;
  padding: unset;
  width: 100%;
}
.ce_form .formbody .widget.span50 {
  flex-basis: calc(50% - var(--gap-col) * 0.5);
}
.ce_form .formbody label,
.ce_form .formbody p {
  font-size: 0.625rem;
  color: rgba(var(--col-text--rgb), 0.5);
  text-transform: uppercase;
}
.ce_form .formbody input,
.ce_form .formbody textarea {
  border: 1px solid rgba(var(--col-text--rgb), 0.2);
  padding: calc(var(--gap-col) * 0.25) calc(var(--gap-col) * 0.35);
  background-color: var(--col-white);
  box-shadow: 0 1px 2px rgba(var(--col-black--rgb), 0.05);
  font-family: "Poppins", Helvetica, Arial, sans-serif;
}
.ce_form .formbody textarea {
  resize: vertical;
}
.ce_form .formbody input {
  padding: calc(var(--gap-col) * 0.125) calc(var(--gap-col) * 0.35);
  height: calc(var(--gap-col) * 1);
}
.ce_form .formbody button[type=submit] {
  display: block;
  background-color: var(--col-green-400);
  border: none;
  padding: calc(var(--gap-col) * 0.35) calc(var(--gap-col) * 0.8);
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--col-white);
  transition: background-color 0.3s;
}
.ce_form .formbody button[type=submit]:hover, .ce_form .formbody button[type=submit]:focus-visible {
  color: var(--col-white);
  background-color: var(--col-green-300);
}
.ce_form .formbody button[type=submit] {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.5ch;
}
.ce_form .formbody button[type=submit]::before {
  content: "";
  display: block;
  background: url(../img/sprite-icons.svg?uz8b871) no-repeat;
  width: calc(1 * 1.5em);
  height: calc(1 * 1.5em);
  background-position: calc(-1 * 0 * 1.5em) calc(-1 * 3 * 1.5em);
  background-size: auto calc(5 * 1.5em);
  filter: invert(1);
}
@media (max-width: 1150px) {
  .ce_form {
    background-color: transparent;
    padding-top: unset !important;
  }
  .ce_form .formbody label,
  .ce_form .formbody p {
    color: var(--col-green-300);
  }
}
@media (max-width: 840px) {
  .ce_form form {
    padding: unset;
  }
  .ce_form {
    flex-basis: 100% !important;
  }
}

.content-element-group {
  padding: unset;
}
.content-element-group > div {
  display: flex;
  flex-wrap: wrap;
}
.content-element-group .content-hyperlink:not([class*=span], [class*=auto]) + .content-hyperlink:not([class*=span], [class*=auto]) {
  padding-top: unset;
}
@media (min-width: 960px) {
  .content-element-group:is(.span70 + .span30) {
    max-width: 340px;
    margin-left: auto;
  }
}
.content-element-group.collapsable {
  margin-inline: calc(var(--gap-col) * 0.5);
  transition: background-color 0.3s, opacity 0.6s, transform 0.6s;
}
.content-element-group.collapsable:hover {
  background-color: rgba(var(--col-gray-600--rgb), 0.8);
}
.content-element-group.collapsable:has(+ .collapsable) {
  margin-bottom: 1px;
}
.content-element-group.collapsable .content-text:nth-of-type(1) .content p {
  display: none;
  margin-top: var(--gap-lines);
  font-size: 0.875rem;
}
.content-element-group.collapsable .content-text:nth-of-type(1) .content.visible p {
  display: block;
}
.content-element-group.collapsable .content-text:nth-of-type(1) button[aria-expanded=true] {
  margin-top: unset;
}
.content-element-group.collapsable .content-text:nth-of-type(1) button {
  display: inline-block;
  color: var(--col-green-300);
  background-color: transparent;
  text-decoration: underline;
  border: none;
  padding: unset;
}
.content-element-group.collapsable .content-text:nth-of-type(2) {
  color: var(--col-green-300);
  font-size: 0.875rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 500;
  padding-top: unset;
}
.content-element-group:has(.collapsable) > div {
  padding-bottom: calc(var(--gap-col) * 0.5);
}
.content-element-group:has(.content-text.contact) {
  padding: calc(var(--gap-col) * 0.5);
}
.content-element-group.corporate {
  margin-top: calc(var(--gap-col) * 1);
}
.content-element-group.corporate .content-element-group {
  width: 100%;
  height: 160px;
}
.content-element-group.corporate .content-element-group > div {
  --bubble1: 130px;
  --bubble2: 100px;
  --bubble3: 80px;
  position: relative;
  width: calc(var(--bubble1) + var(--bubble2) + var(--bubble3));
  height: 100%;
  margin-inline: auto;
}
.content-element-group.corporate .content-element-group > div .content-image {
  position: absolute;
  padding: unset;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.content-element-group.corporate .content-element-group > div .content-image::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  outline: 1px solid rgba(var(--col-green-400--rgb), 0.15);
  opacity: 0;
  z-index: -10;
  grid-area: 1/1;
}
.content-element-group.corporate .content-element-group > div .content-image::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  outline: 3px solid rgba(var(--col-green-400--rgb), 0.15);
  opacity: 0;
  z-index: -10;
  grid-area: 1/1;
}
.content-element-group.corporate .content-element-group > div .content-image > div {
  display: contents;
}
.content-element-group.corporate .content-element-group > div .content-image figure {
  grid-area: 1/1;
  border-radius: 50%;
  border: 4px solid var(--col-white);
  box-shadow: 0 5px 10px rgba(var(--col-black--rgb), 0.1);
}
.content-element-group.corporate .content-element-group > div .content-image img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content-element-group.corporate .content-element-group > div .content-image:nth-child(1), .content-element-group.corporate .content-element-group > div .content-image:nth-child(1) figure {
  width: var(--bubble1);
  height: var(--bubble1);
}
.content-element-group.corporate .content-element-group > div .content-image:nth-child(1) {
  animation: corpImage 6s ease-in-out 0s infinite;
  top: 10px;
  left: 10px;
  z-index: 1;
}
.content-element-group.corporate .content-element-group > div .content-image:nth-child(1)::after {
  animation: corpBorder 5s ease-in-out 0s infinite;
}
.content-element-group.corporate .content-element-group > div .content-image:nth-child(1)::before {
  animation: corpBorder2 5s ease-in-out 0.5s infinite;
}
.content-element-group.corporate .content-element-group > div .content-image:nth-child(2), .content-element-group.corporate .content-element-group > div .content-image:nth-child(2) figure {
  width: var(--bubble2);
  height: var(--bubble2);
}
.content-element-group.corporate .content-element-group > div .content-image:nth-child(2) {
  animation: corpImage 6s ease-in-out 0.5s infinite;
  top: 40px;
  left: 110px;
  z-index: 2;
}
.content-element-group.corporate .content-element-group > div .content-image:nth-child(2)::after {
  animation: corpBorder 5s ease-in-out 0.5s infinite;
}
.content-element-group.corporate .content-element-group > div .content-image:nth-child(2)::before {
  animation: corpBorder2 5s ease-in-out 1s infinite;
}
.content-element-group.corporate .content-element-group > div .content-image:nth-child(3), .content-element-group.corporate .content-element-group > div .content-image:nth-child(3) figure {
  width: var(--bubble3);
  height: var(--bubble3);
}
.content-element-group.corporate .content-element-group > div .content-image:nth-child(3) {
  animation: corpImage 6s ease-in-out 1s infinite;
  top: 5px;
  left: 185px;
  z-index: 1;
}
.content-element-group.corporate .content-element-group > div .content-image:nth-child(3)::after {
  animation: corpBorder 5s ease-in-out 1s infinite;
}
.content-element-group.corporate .content-element-group > div .content-image:nth-child(3)::before {
  animation: corpBorder2 5s ease-in-out 1.5s infinite;
}
.content-element-group.corporate .content-text {
  position: relative;
  margin-top: calc(var(--gap-col) * 1);
  padding-top: calc(var(--gap-col) * 1);
}
.content-element-group.corporate .content-text::before {
  content: "";
  display: block;
  position: absolute;
  left: calc(var(--gap-col) * 0.5);
  top: 0;
  width: 50px;
  height: 1px;
  background-color: var(--col-green-400);
}
.content-element-group.corporate .content-text h3 {
  font-size: 1.125rem;
}
.content-element-group.corporate .content-text p {
  font-size: 0.875rem;
}
.content-element-group.corporate .content-text a:has(span) {
  color: var(--col-green-400);
  text-decoration: unset;
}
.content-element-group.corporate .content-text a:has(span) span {
  display: block;
  color: rgba(var(--col-text--rgb), 0.6);
  width: fit-content;
}
.content-element-group.corporate .content-text a:has(span):hover, .content-element-group.corporate .content-text a:has(span):focus-visible {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.content-element-group.grid > div {
  position: relative;
  height: 100%;
}
.content-element-group.grid > div .content-text {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--col-green-300);
  color: var(--col-white);
  z-index: 1;
  padding-block: calc(var(--gap-col) * 0.35);
  padding-inline: calc(var(--gap-col) * 0.75);
}
.content-element-group.grid > div .content-text p {
  margin-top: unset;
  text-transform: uppercase;
}
.content-element-group.grid > div .content-text p:first-of-type {
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  opacity: 0.6;
}
.content-element-group.grid > div .content-text p:last-of-type {
  font-size: 1.5rem;
  font-weight: 700;
}
.content-element-group.grid > div .content-image {
  position: absolute;
}
.content-element-group.grid > div .content-image figure {
  height: 100%;
  display: block;
}
.content-element-group.grid > div .content-image figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content-element-group.grid > div .content-image:nth-child(1 of .content-image) {
  width: 85%;
  top: calc(var(--gap-col) * 1);
}
.content-element-group.grid > div .content-image:nth-child(2 of .content-image) {
  width: 55%;
  right: 0;
  bottom: 0;
}
@media (max-width: 1150px) {
  .content-element-group.grid {
    flex-basis: 100%;
  }
  .content-element-group.grid .content-image {
    position: initial !important;
    width: 100% !important;
    flex-basis: 50%;
    min-width: 300px;
    flex-grow: 1;
  }
  .content-element-group.grid .content-image > div, .content-element-group.grid .content-image figure, .content-element-group.grid .content-image img {
    width: 100%;
    height: 100%;
  }
}
.content-element-group:has(.category) {
  padding: calc(var(--gap-col) * 0.5);
}

.content-text figure a[data-lightbox] picture,
.content-image figure a[data-lightbox] picture {
  position: relative;
}
.content-text figure a[data-lightbox] picture:before, .content-text figure a[data-lightbox] picture:after,
.content-image figure a[data-lightbox] picture:before,
.content-image figure a[data-lightbox] picture:after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 10px;
  bottom: 10px;
  display: block;
  width: 1em;
  height: 1em;
  font-size: 2rem;
}
.content-text figure a[data-lightbox] picture:before,
.content-image figure a[data-lightbox] picture:before {
  z-index: 2;
  filter: invert(1);
  transform: scale(0.75);
  transition: transform 0.2s;
}
.content-text figure a[data-lightbox] picture:after,
.content-image figure a[data-lightbox] picture:after {
  background: rgba(var(--col-black--rgb), 0.5);
  border-radius: 4px;
}
.content-text figure a[data-lightbox] img,
.content-image figure a[data-lightbox] img {
  outline: 1px solid var(--col-gray-400);
}
.content-text figure a[data-lightbox]:hover picture:before, .content-text figure a[data-lightbox]:focus picture:before,
.content-image figure a[data-lightbox]:hover picture:before,
.content-image figure a[data-lightbox]:focus picture:before {
  transform: scale(0.85);
}

.content-gallery {
  --gap: calc( var(--gap-col) * 0.5 );
}
.content-gallery .hl {
  margin-bottom: calc(var(--gap-col) * 0.5);
}
.content-gallery.content-gallery--cols-1 {
  --columns: 1;
  --gap: calc( var(--gap-col) * 1 );
}
.content-gallery.content-gallery--cols-2 {
  --columns: 2;
}
.content-gallery.content-gallery--cols-3 {
  --columns: 3;
}
.content-gallery.content-gallery--cols-4 {
  --columns: 4;
}
.content-gallery.content-gallery--cols-5 {
  --columns: 5;
}
.content-gallery.content-gallery--cols-6 {
  --columns: 6;
}
.content-gallery.content-gallery--cols-7 {
  --columns: 7;
}
.content-gallery.content-gallery--cols-8 {
  --columns: 8;
}
.content-gallery.content-gallery--cols-9 {
  --columns: 9;
}
.content-gallery.content-gallery--cols-10 {
  --columns: 10;
}
.content-gallery.content-gallery--cols-11 {
  --columns: 11;
}
.content-gallery.content-gallery--cols-12 {
  --columns: 12;
}
@media (max-width: 768px) {
  .content-gallery.content-gallery--cols-3 {
    --columns: 3;
  }
  .content-gallery.content-gallery--cols-4 {
    --columns: 3;
  }
  .content-gallery.content-gallery--cols-5 {
    --columns: 3;
  }
  .content-gallery.content-gallery--cols-6 {
    --columns: 3;
  }
  .content-gallery.content-gallery--cols-7 {
    --columns: 3;
  }
  .content-gallery.content-gallery--cols-8 {
    --columns: 3;
  }
  .content-gallery.content-gallery--cols-9 {
    --columns: 3;
  }
  .content-gallery.content-gallery--cols-10 {
    --columns: 3;
  }
  .content-gallery.content-gallery--cols-11 {
    --columns: 3;
  }
  .content-gallery.content-gallery--cols-12 {
    --columns: 3;
  }
}
@media (max-width: 500px) {
  .content-gallery.content-gallery--cols-3 {
    --columns: 2;
  }
  .content-gallery.content-gallery--cols-4 {
    --columns: 2;
  }
  .content-gallery.content-gallery--cols-5 {
    --columns: 2;
  }
  .content-gallery.content-gallery--cols-6 {
    --columns: 2;
  }
  .content-gallery.content-gallery--cols-7 {
    --columns: 2;
  }
  .content-gallery.content-gallery--cols-8 {
    --columns: 2;
  }
  .content-gallery.content-gallery--cols-9 {
    --columns: 2;
  }
  .content-gallery.content-gallery--cols-10 {
    --columns: 2;
  }
  .content-gallery.content-gallery--cols-11 {
    --columns: 2;
  }
  .content-gallery.content-gallery--cols-12 {
    --columns: 2;
  }
}
.content-gallery ul {
  --gap-count: calc( var(--columns) - 1 );
  gap: var(--gap);
  display: flex;
  flex-wrap: wrap;
}
.content-gallery ul li {
  flex-basis: calc(100% / var(--columns) - var(--gap) / var(--columns) * var(--gap-count));
  flex-grow: 0;
}

.content-hyperlink.top a {
  display: flex;
  align-items: center;
  gap: 0.5ch;
  text-transform: uppercase;
  color: var(--col-top, var(--col-green-400));
  text-decoration: unset;
  letter-spacing: 0.2em;
  font-size: 0.75rem;
  font-weight: 300;
  width: fit-content;
}
.content-hyperlink.top a::after {
  content: "";
  display: block;
  background: url(../img/sprite-icons.svg?uz8b871) no-repeat;
  width: calc(1 * 1em);
  height: calc(1 * 1em);
  background-position: calc(-1 * 0 * 1em) calc(-1 * 1 * 1em);
  background-size: auto calc(5 * 1em);
  transition: transform 0.3s;
  filter: var(--filter-top, var(--filter-green-400));
}
.content-hyperlink.top a:hover, .content-hyperlink.top a:focus-visible {
  text-decoration: underline;
}
.content-hyperlink.top a:hover::after, .content-hyperlink.top a:focus-visible::after {
  transform: translateY(-0.5ch);
}
.content-hyperlink.back a {
  display: flex;
  align-items: center;
  gap: 0.5ch;
  text-decoration: unset;
  font-weight: 300;
  width: fit-content;
  color: white;
  opacity: 0.6;
  transition: opacity 0.3s;
}
.content-hyperlink.back a::before {
  content: "";
  display: block;
  background: url(../img/sprite-icons.svg?uz8b871) no-repeat;
  width: calc(1 * 1em);
  height: calc(1 * 1em);
  background-position: calc(-1 * 0 * 1em) calc(-1 * 1 * 1em);
  background-size: auto calc(5 * 1em);
  transition: transform 0.3s;
  transform: rotate(-90deg);
  filter: invert(1);
}
.content-hyperlink.back a:hover, .content-hyperlink.back a:focus-visible {
  opacity: 1;
}
.content-hyperlink.back a:hover::before, .content-hyperlink.back a:focus-visible::before {
  transform: rotate(-90deg) translateY(-0.5ch);
}

.content-swiper {
  --swiper-navigation-sides-offset: calc(var(--gap-col) * .5);
  width: 100%;
  height: 60dvh;
  position: relative;
  padding: unset;
}
.content-swiper > div {
  height: 100%;
}
.content-swiper .swiper {
  width: 100%;
  height: 100%;
}
.content-swiper .swiper-pagination .swiper-pagination-bullet {
  --swiper-pagination-bullet-inactive-color: var(--col-white);
  --swiper-pagination-bullet-inactive-opacity: 0.5;
  --swiper-pagination-color: var(--col-white);
  --swiper-pagination-bullet-border-radius: 9999px;
  transition: width 0.3s, opacity 0.3s;
}
.content-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
}
.content-swiper .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--col-white--rgb), 0.2);
  backdrop-filter: blur(4px);
  border-radius: 50%;
  transition: background-color 0.3s;
}
.content-swiper .swiper-button-prev::after {
  content: "";
  display: block;
  background: url(../img/sprite-icons.svg?uz8b871) no-repeat;
  width: calc(1 * 24px);
  height: calc(1 * 24px);
  background-position: calc(-1 * 0 * 24px) calc(-1 * 0 * 24px);
  background-size: auto calc(5 * 24px);
  transform: rotate(90deg);
  filter: invert(1);
}
.content-swiper .swiper-button-prev:hover, .content-swiper .swiper-button-prev:focus-visible {
  background-color: rgba(var(--col-white--rgb), 0.4);
}
.content-swiper .swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--col-white--rgb), 0.2);
  backdrop-filter: blur(4px);
  border-radius: 50%;
  transition: background-color 0.3s;
}
.content-swiper .swiper-button-next::after {
  content: "";
  display: block;
  background: url(../img/sprite-icons.svg?uz8b871) no-repeat;
  width: calc(1 * 24px);
  height: calc(1 * 24px);
  background-position: calc(-1 * 0 * 24px) calc(-1 * 0 * 24px);
  background-size: auto calc(5 * 24px);
  transform: rotate(-90deg);
  filter: invert(1);
}
.content-swiper .swiper-button-next:hover, .content-swiper .swiper-button-next:focus-visible {
  background-color: rgba(var(--col-white--rgb), 0.4);
}
.content-swiper .content-image {
  padding: unset;
}
.content-swiper .content-image, .content-swiper .content-image > div {
  height: 100%;
}
.content-swiper .content-image figure, .content-swiper .content-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-list ul, .content-list ol,
.content-text ul,
.content-text ol {
  list-style-position: inside;
}
.content-list ol,
.content-text ol {
  list-style-type: numeric;
}
.content-list ul,
.content-text ul {
  list-style-type: disc;
}
.content-list li + li,
.content-text li + li {
  margin-top: calc(var(--gap-lines) * 0.5);
}

.content-materials .search {
  width: 100%;
  max-width: 450px;
  position: relative;
}
.content-materials .search::before {
  content: "";
  display: block;
  position: absolute;
  background: url(../img/sprite-icons.svg?uz8b871) no-repeat;
  width: calc(1 * 1.25em);
  height: calc(1 * 1.25em);
  background-position: calc(-1 * 1 * 1.25em) calc(-1 * 0 * 1.25em);
  background-size: auto calc(5 * 1.25em);
  filter: var(--filter-gray-400);
  top: 50%;
  left: calc(var(--gap-col) * 0.5);
  transform: translate(-50%, -50%);
}
.content-materials .search input {
  border: 1px solid rgba(var(--col-text--rgb), 0.2);
  padding: calc(var(--gap-col) * 0.25) calc(var(--gap-col) * 0.35);
  padding-left: calc(var(--gap-col) * 1);
  background-color: var(--col-white);
  box-shadow: 0 1px 2px rgba(var(--col-black--rgb), 0.05);
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  width: 100%;
  transition: border-color 0.3s;
}
.content-materials .search input:focus {
  border-color: var(--col-green-400);
}
.content-materials:not(.table) .container {
  margin-top: calc(var(--gap-col) * 1);
}
.content-materials:not(.table) .container:not(:has(.list li:not(.invisible))) .header, .content-materials:not(.table) .container:not(:has(.list li:not(.invisible))) .pagination {
  display: none;
}
.content-materials:not(.table) .container:not(:has(.list li:not(.invisible))) .list {
  border-top: unset;
}
.content-materials:not(.table) .container .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.6875rem;
  padding-bottom: calc(var(--gap-col) * 0.25);
  text-transform: uppercase;
  color: rgba(var(--col-text--rgb), 0.6);
  letter-spacing: 0.2em;
}
.content-materials:not(.table) .container .list {
  border-top: 1px solid rgba(var(--col-text--rgb), 0.2);
}
.content-materials:not(.table) .container .list > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: calc(var(--gap-col) * 0.25);
}
.content-materials:not(.table) .container .list > li.invisible {
  display: none;
}
.content-materials:not(.table) .container .list > li:has(+ li) {
  border-bottom: 1px solid rgba(var(--col-text--rgb), 0.1);
}
.content-materials:not(.table) .container .list > li span {
  font-size: 0.875rem;
  color: rgba(var(--col-text--rgb), 0.5);
}
.content-materials:not(.table) .container .list > li span:nth-of-type(1) {
  width: 50%;
  min-width: 200px;
  font-weight: 500;
  font-style: italic;
  color: var(--col-text);
}
.content-materials:not(.table) .container .list > li span:nth-of-type(2) {
  font-weight: 300;
  width: 50%;
}
@media (max-width: 500px) {
  .content-materials:not(.table) .container .list > li {
    gap: calc(var(--gap-col) * 0.5);
  }
  .content-materials:not(.table) .container .list > li span:nth-of-type(1) {
    width: 50%;
  }
  .content-materials:not(.table) .container .list > li span:nth-of-type(2) {
    width: 50%;
  }
  .content-materials:not(.table) .container .list > li span:nth-of-type(3) {
    display: none;
  }
}
.content-materials:not(.table) .container .pagination {
  margin-top: calc(var(--gap-col) * 1);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--gap-col) * 0.25);
}
.content-materials:not(.table) .container .pagination p {
  font-size: 0.875rem;
  color: rgba(var(--col-text--rgb), 0.5);
}
.content-materials:not(.table) .container .pagination button {
  display: block;
  background-color: var(--col-white);
  border: 1px solid rgba(var(--col-green-400--rgb), 0.3);
  color: var(--col-green-400);
  text-decoration: unset;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
  padding-block: calc(var(--gap-col) * 0.125);
  padding-inline: calc(var(--gap-col) * 0.35);
}
.content-materials:not(.table) .container .pagination button:hover, .content-materials:not(.table) .container .pagination button:focus-visible {
  color: var(--col-white);
  background-color: var(--col-green-400);
  border-color: transparent;
}
.content-materials:not(.table) .container .pagination button {
  padding-block: calc(var(--gap-col) * 0.25);
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5ch;
  color: var(--col-text);
}
.content-materials:not(.table) .container .pagination button[disabled] {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.content-materials:not(.table) .container .pagination button:first-of-type::before {
  content: "";
  display: inline-block;
  background: url(../img/sprite-icons.svg?uz8b871) no-repeat;
  width: calc(1 * 1em);
  height: calc(1 * 1em);
  background-position: calc(-1 * 0 * 1em) calc(-1 * 0 * 1em);
  background-size: auto calc(5 * 1em);
  transform: rotate(90deg);
  transition: filter 0.3s;
}
.content-materials:not(.table) .container .pagination button:last-of-type::after {
  content: "";
  display: inline-block;
  background: url(../img/sprite-icons.svg?uz8b871) no-repeat;
  width: calc(1 * 1em);
  height: calc(1 * 1em);
  background-position: calc(-1 * 0 * 1em) calc(-1 * 0 * 1em);
  background-size: auto calc(5 * 1em);
  transform: rotate(-90deg);
  transition: filter 0.3s;
}
.content-materials:not(.table) .container .pagination button:hover::before, .content-materials:not(.table) .container .pagination button:hover::after, .content-materials:not(.table) .container .pagination button:focus-visible::before, .content-materials:not(.table) .container .pagination button:focus-visible::after {
  filter: invert(1);
}
.content-materials:not(.table) .container .no-results {
  text-align: center;
  padding-block: calc(var(--gap-col) * 1);
  color: var(--col-gray-400);
  font-size: 0.875rem;
}
.content-materials.table .container {
  margin-top: calc(var(--gap-col) * 1);
}
.content-materials.table .container:not(:has(.list li:not(.invisible))) .header, .content-materials.table .container:not(:has(.list li:not(.invisible))) .pagination {
  display: none;
}
.content-materials.table .container:not(:has(.list li:not(.invisible))) .list {
  border-top: unset;
}
.content-materials.table .container .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.6875rem;
  padding-bottom: calc(var(--gap-col) * 0.25);
  text-transform: uppercase;
  color: rgba(var(--col-text--rgb), 0.6);
  letter-spacing: 0.2em;
}
.content-materials.table .container .list {
  border-top: 1px solid rgba(var(--col-text--rgb), 0.2);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  padding-block: calc(var(--gap-col) * 0.25);
}
.content-materials.table .container .list > li {
  padding-block: calc(var(--gap-col) * 0.25);
}
.content-materials.table .container .list > li.invisible {
  display: none;
}
.content-materials.table .container .list > li:has(+ li) {
  border-bottom: 1px solid rgba(var(--col-text--rgb), 0.1);
}
.content-materials.table .container .list > li span {
  display: block;
  font-size: 0.875rem;
  color: rgba(var(--col-text--rgb), 0.5);
}
.content-materials.table .container .list > li span:nth-of-type(1) {
  width: 100%;
  min-width: 200px;
  font-weight: 500;
  font-style: italic;
  color: var(--col-text);
}
.content-materials.table .container .list > li span:nth-of-type(2) {
  font-weight: 300;
  width: 100%;
}
@media (max-width: 500px) {
  .content-materials.table .container .list > li {
    gap: calc(var(--gap-col) * 0.5);
  }
}
.content-materials.table .container .pagination {
  margin-top: calc(var(--gap-col) * 1);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--gap-col) * 0.25);
}
.content-materials.table .container .pagination p {
  font-size: 0.875rem;
  color: rgba(var(--col-text--rgb), 0.5);
}
.content-materials.table .container .pagination button {
  display: block;
  background-color: var(--col-white);
  border: 1px solid rgba(var(--col-green-400--rgb), 0.3);
  color: var(--col-green-400);
  text-decoration: unset;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
  padding-block: calc(var(--gap-col) * 0.125);
  padding-inline: calc(var(--gap-col) * 0.35);
}
.content-materials.table .container .pagination button:hover, .content-materials.table .container .pagination button:focus-visible {
  color: var(--col-white);
  background-color: var(--col-green-400);
  border-color: transparent;
}
.content-materials.table .container .pagination button {
  padding-block: calc(var(--gap-col) * 0.25);
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5ch;
  color: var(--col-text);
}
.content-materials.table .container .pagination button[disabled] {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.content-materials.table .container .pagination button:first-of-type::before {
  content: "";
  display: inline-block;
  background: url(../img/sprite-icons.svg?uz8b871) no-repeat;
  width: calc(1 * 1em);
  height: calc(1 * 1em);
  background-position: calc(-1 * 0 * 1em) calc(-1 * 0 * 1em);
  background-size: auto calc(5 * 1em);
  transform: rotate(90deg);
  transition: filter 0.3s;
}
.content-materials.table .container .pagination button:last-of-type::after {
  content: "";
  display: inline-block;
  background: url(../img/sprite-icons.svg?uz8b871) no-repeat;
  width: calc(1 * 1em);
  height: calc(1 * 1em);
  background-position: calc(-1 * 0 * 1em) calc(-1 * 0 * 1em);
  background-size: auto calc(5 * 1em);
  transform: rotate(-90deg);
  transition: filter 0.3s;
}
.content-materials.table .container .pagination button:hover::before, .content-materials.table .container .pagination button:hover::after, .content-materials.table .container .pagination button:focus-visible::before, .content-materials.table .container .pagination button:focus-visible::after {
  filter: invert(1);
}
.content-materials.table .container .no-results {
  text-align: center;
  padding-block: calc(var(--gap-col) * 1);
  color: var(--col-gray-400);
  font-size: 0.875rem;
}

figure figcaption {
  display: block;
  margin-top: 0.5em;
  font-size: 0.875rem;
  font-style: italic;
  color: var(--col-gray-600);
}

@keyframes corpImage {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
@keyframes corpBorder {
  0%, 100% {
    opacity: 0;
    transform: scale(0.9);
  }
  25%, 75% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@keyframes corpBorder2 {
  0%, 100% {
    opacity: 0;
    transform: scale(0.9);
  }
  25%, 75% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(1.1);
  }
}
@keyframes scaling {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(75%);
  }
  50% {
    transform: translateY(0);
  }
}
.reveal {
  --reveal-distance: 30px;
  --reveal-duration: 600ms;
  --reveal-delay: 0ms;
  --reveal-stagger: 100ms;
  --reveal-index: 0;
  --reveal-transform: translateY(var(--reveal-distance));
  opacity: 0;
  transform: var(--reveal-transform);
  transition: opacity var(--reveal-duration) ease, transform var(--reveal-duration) ease;
  transition-delay: calc(var(--reveal-delay) + var(--reveal-index) * var(--reveal-stagger));
}

.reveal--opacity {
  --reveal-transform: none;
}

.reveal--left {
  --reveal-transform: translateX(
      calc(var(--reveal-distance) * -1)
  );
}

.reveal--bottom {
  --reveal-transform: translateY(var(--reveal-distance));
}

.reveal--right {
  --reveal-transform: translateX(var(--reveal-distance));
}

.reveal.is-revealed {
  opacity: 1;
  transform: unset;
}

.reveal--small {
  --reveal-distance: 15px;
}

.reveal--large {
  --reveal-distance: 60px;
}

.reveal--fast {
  --reveal-duration: 300ms;
}

.reveal--slow {
  --reveal-duration: 900ms;
}

.reveal--delay {
  --reveal-delay: 200ms;
}

.reveal-group--fast .reveal {
  --reveal-stagger: 50ms;
}

.reveal-group--slow .reveal {
  --reveal-stagger: 200ms;
}

@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
