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;
}

/* roboto-100 - 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: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/roboto-v47-latin-100.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-100italic - 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: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/roboto-v47-latin-100italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: "Roboto";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/roboto-v47-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-200italic - 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: "Roboto";
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/roboto-v47-latin-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v47-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/roboto-v47-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v47-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto-v47-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-v47-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/roboto-v47-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: "Roboto";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/roboto-v47-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/roboto-v47-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v47-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/roboto-v47-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/roboto-v47-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/roboto-v47-latin-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900 - 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: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/roboto-v47-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900italic - 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: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/roboto-v47-latin-900italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-100 - 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: "Roboto Condensed";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/roboto-condensed-v30-latin-100.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-100italic - 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: "Roboto Condensed";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/roboto-condensed-v30-latin-100italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-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: "Roboto Condensed";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/roboto-condensed-v30-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-200italic - 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: "Roboto Condensed";
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/roboto-condensed-v30-latin-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-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: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-condensed-v30-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/roboto-condensed-v30-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-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: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-condensed-v30-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto-condensed-v30-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-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: "Roboto Condensed";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-condensed-v30-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/roboto-condensed-v30-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-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: "Roboto Condensed";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/roboto-condensed-v30-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/roboto-condensed-v30-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-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: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-condensed-v30-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/roboto-condensed-v30-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/roboto-condensed-v30-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/roboto-condensed-v30-latin-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-900 - 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: "Roboto Condensed";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/roboto-condensed-v30-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-900italic - 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: "Roboto Condensed";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/roboto-condensed-v30-latin-900italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {
  --col-text: #5E5F60;
  --col-text--rgb: 94, 95, 96;
  --col-primary-400: #fe8e8c;
  --col-primary-400--rgb: 254, 142, 140;
  --col-gray-700: #1E1E1E;
  --col-gray-700--rgb: 30, 30, 30;
  --col-gray-600: #383839;
  --col-gray-600--rgb: 56, 56, 57;
  --col-gray-500: #5a5a5a;
  --col-gray-500--rgb: 90, 90, 90;
  --col-gray-400: #dedede;
  --col-gray-400--rgb: 222, 222, 222;
  --col-gray-300: #eaeaea;
  --col-gray-300--rgb: 234, 234, 234;
  --col-gray-200: #efefef;
  --col-gray-200--rgb: 239, 239, 239;
  --col-gray-100: #f8f8f8;
  --col-gray-100--rgb: 248, 248, 248;
  --col-red: #C91417;
  --col-red--rgb: 201, 20, 23;
  --col-yellow: #FEC502;
  --col-yellow--rgb: 254, 197, 2;
  --col-white: #ffffff;
  --col-white--rgb: 255, 255, 255;
  --col-black: #000000;
  --col-black--rgb: 0, 0, 0;
  --filter-primary-400: brightness(0) saturate(100%) invert(69%) sepia(6%) saturate(4365%) hue-rotate(312deg) brightness(99%) contrast(102%);
  --filter-white: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(153deg) brightness(105%) contrast(107%);
  --filter-text: brightness(0) invert(37%) sepia(6%) saturate(94%) hue-rotate(169deg) brightness(98%) contrast(96%);
  --gap-col: 40px;
  --gap-row: 60px;
  --gap-lines: 0.75rem;
  --nav-width: clamp(280px, 70vw, 320px);
  --header-hero-scroll-progress: 0;
}
@media (max-width: 500px) {
  :root {
    --gap-row: 60px;
  }
}

html {
  font-size: 18px;
}
@media (max-width: 500px) {
  html {
    font-size: 13.5px;
  }
}

body {
  background-image: url(../img/background.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  line-height: 1.4;
  font-weight: 400;
  color: var(--col-text);
  min-height: 100dvh;
}
body img {
  display: block;
  max-width: 100%;
  height: auto;
}
body a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s;
}
body #wrapper {
  display: flex;
  min-height: 100dvh;
  flex-direction: column;
}
body:has(dialog[open]) {
  overflow: hidden;
}

.block,
.widget {
  display: block;
  flex-basis: 100%;
  padding: calc(var(--gap-col) * 0.5);
}
.block.span16,
.widget.span16 {
  flex-grow: 1;
  flex-basis: 16%;
  flex-basis: 16.6%;
}
.block.span20,
.widget.span20 {
  flex-grow: 1;
  flex-basis: 20%;
}
.block.span25,
.widget.span25 {
  flex-grow: 1;
  flex-basis: 25%;
}
.block.span30,
.widget.span30 {
  flex-grow: 1;
  flex-basis: 30%;
}
.block.span33,
.widget.span33 {
  flex-grow: 1;
  flex-basis: 33%;
  flex-basis: 33.3333333333%;
}
.block.span35,
.widget.span35 {
  flex-grow: 1;
  flex-basis: 35%;
}
.block.span40,
.widget.span40 {
  flex-grow: 1;
  flex-basis: 40%;
}
.block.span45,
.widget.span45 {
  flex-grow: 1;
  flex-basis: 45%;
}
.block.span50,
.widget.span50 {
  flex-grow: 1;
  flex-basis: 50%;
}
@media (max-width: 768px) {
  .block.span50,
  .widget.span50 {
    flex-basis: 100%;
  }
}
.block.span55,
.widget.span55 {
  flex-grow: 1;
  flex-basis: 55%;
}
.block.span60,
.widget.span60 {
  flex-grow: 1;
  flex-basis: 60%;
}
.block.span65,
.widget.span65 {
  flex-grow: 1;
  flex-basis: 65%;
}
.block.span66,
.widget.span66 {
  flex-grow: 1;
  flex-basis: 66%;
  flex-basis: 66.6666666667%;
}
.block.span70,
.widget.span70 {
  flex-grow: 1;
  flex-basis: 70%;
}
.block.span75,
.widget.span75 {
  flex-grow: 1;
  flex-basis: 75%;
}
.block.span80,
.widget.span80 {
  flex-grow: 1;
  flex-basis: 80%;
}

.block > div > .hl {
  margin-bottom: calc(var(--gap-lines));
}

header .inside,
footer .inside,
.mod_article .inside {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: calc(1200px + var(--gap-col) * 2);
  margin-inline: auto;
  padding-block: calc(var(--gap-row) * 1);
  padding-inline: calc(var(--gap-col) * 0.5);
}
@media (max-width: 500px) {
  header .inside,
  footer .inside,
  .mod_article .inside {
    padding-inline: unset;
  }
}

h1, h2 {
  font-size: 2.1111111111rem;
  color: var(--headline-color, var(--col-primary-400));
  font-weight: 500;
}

h3 {
  font-size: 1.5555555556rem;
}

header {
  padding-top: calc(var(--gap-row) * 1);
}
header > .inside {
  padding-bottom: unset;
}
header a.logo {
  margin-inline: auto;
}
header a.logo span {
  background-image: url(../img/logo.svg);
  background-size: cover;
  background-position: 0 50%;
  width: clamp(200px, 60vw, 600px);
  aspect-ratio: 300/54;
  display: block;
  filter: invert(1);
}

.content-text .content > * + * {
  margin-top: var(--gap-lines);
}
.content-text .content p:first-child:has(+ h1, + h2, + h3) {
  font-size: 1.3333333333rem;
  font-weight: 700;
}
.content-text .content p:first-child:has(+ h1, + h2, + h3) + * {
  margin-top: unset;
}
.content-text .content a {
  text-decoration: underline;
}
.content-text .content a:hover, .content-text .content a:focus {
  color: var(--col-accent-400);
}
.content-text .content h1:nth-child(n+3), .content-text .content h2:nth-child(n+3), .content-text .content h3:nth-child(n+3), .content-text .content h4:nth-child(n+3), .content-text .content h5:nth-child(n+3), .content-text .content h6:nth-child(n+3) {
  margin-top: calc(var(--gap-lines) * 2);
}
.content-text .content p, .content-text .content h3, .content-text .content h4, .content-text .content h5, .content-text .content h6 {
  color: var(--text-color, var(--col-text));
}
.content-text.media {
  --gap: calc(var(--gap-col) * 0.5);
}
.content-text.media.media--above > div {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.content-text.media.media--below > div {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.content-text.media.media--left > div {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.content-text.media.media--left > div > * {
  flex-basis: calc((100% - var(--gap) * 1) / 2);
  width: calc((100% - var(--gap) * 1) / 2);
}
.content-text.media.media--right > div {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  gap: var(--gap);
}
.content-text.media.media--right > div > * {
  flex-basis: calc((100% - var(--gap) * 1) / 2);
  width: calc((100% - var(--gap) * 1) / 2);
}
.content-text.media figure {
  border-radius: calc(var(--gap-col) * 0.25);
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(var(--col-black--rgb), 0.1);
}
.content-text.media figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media (max-width: 1000px) {
  .content-text.media > div {
    flex-direction: column !important;
  }
  .content-text.media > div > * {
    flex-basis: 100% !important;
    width: 100% !important;
    padding: unset !important;
  }
}
.content-text.v-centered > div {
  align-items: center;
}

.content-hyperlink {
  padding: unset;
}
.content-hyperlink.ico--instagram a span::before {
  content: "";
  display: block;
  background: url("../img/sprite-icons.svg?uixeds0") no-repeat scroll;
  width: 2em;
  height: 2em;
  background-position: -0em -0em;
  background-size: auto 10em;
  filter: var(--filter-primary-400);
  transition: filter 0.3s;
}
.content-hyperlink.ico--youtube a span::before {
  content: "";
  display: block;
  background: url("../img/sprite-icons.svg?uixeds0") no-repeat scroll;
  width: 2em;
  height: 2em;
  background-position: -0em -2em;
  background-size: auto 10em;
  filter: var(--filter-primary-400);
  transition: filter 0.3s;
}
.content-hyperlink.ico--tiktok a span::before {
  content: "";
  display: block;
  background: url("../img/sprite-icons.svg?uixeds0") no-repeat scroll;
  width: 2em;
  height: 2em;
  background-position: -0em -4em;
  background-size: auto 10em;
  filter: var(--filter-primary-400);
  transition: filter 0.3s;
}
.content-hyperlink.ico--threads a span::before {
  content: "";
  display: block;
  background: url("../img/sprite-icons.svg?uixeds0") no-repeat scroll;
  width: 2em;
  height: 2em;
  background-position: -0em -6em;
  background-size: auto 10em;
  filter: var(--filter-primary-400);
  transition: filter 0.3s;
}
.content-hyperlink > div a {
  display: block;
  background-color: rgba(var(--col-white--rgb), 0.25);
  padding: calc(var(--gap-col) * 0.5);
  border-radius: calc(var(--gap-col) * 0.25);
  border: 2px solid rgba(var(--col-white--rgb), 0.5);
  backdrop-filter: blur(10px);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  color: var(--col-primary-400);
}
.content-hyperlink > div a span {
  display: flex;
  align-items: center;
  gap: calc(var(--gap-col) * 0.5);
}
.content-hyperlink > div a:hover, .content-hyperlink > div a:focus {
  background-color: rgba(var(--col-primary-400--rgb), 0.5);
  border-color: rgba(var(--col-primary-400--rgb), 0.5);
  color: var(--col-white);
}
.content-hyperlink > div a:hover span::before, .content-hyperlink > div a:focus span::before {
  filter: var(--filter-white);
}
.content-hyperlink:has(+ .content-hyperlink) {
  margin-bottom: calc(var(--gap-col) * 0.5);
}

.content-element-group {
  --gap: calc(var(--gap-col) * 0.5);
  margin-inline: auto;
  max-width: 400px;
}
.content-element-group > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--col-white--rgb), 0.25);
  padding: calc(var(--gap-col) * 0.5);
  border-radius: calc(var(--gap-col) * 0.25);
  border: 2px solid rgba(var(--col-white--rgb), 0.5);
  backdrop-filter: blur(10px);
}

.content-gallery {
  --cols: 4;
  --gap: calc(var(--gap-col) * 0.25);
}
.content-gallery--cols-1 {
  --cols: 1;
}
.content-gallery--cols-2 {
  --cols: 2;
}
.content-gallery--cols-3 {
  --cols: 3;
}
.content-gallery--cols-4 {
  --cols: 4;
}
.content-gallery--cols-5 {
  --cols: 5;
}
.content-gallery--cols-6 {
  --cols: 6;
}
.content-gallery--cols-7 {
  --cols: 7;
}
.content-gallery--cols-8 {
  --cols: 8;
}
.content-gallery--cols-9 {
  --cols: 9;
}
.content-gallery--cols-10 {
  --cols: 10;
}
.content-gallery--cols-11 {
  --cols: 11;
}
.content-gallery ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--gap);
}
.content-gallery ul > li {
  flex-basis: calc((100% - var(--gap) * (var(--cols) - 1)) / var(--cols));
  width: calc((100% - var(--gap) * (var(--cols) - 1)) / var(--cols));
}
.content-gallery ul > li figure, .content-gallery ul > li img {
  width: 100%;
  height: 100%;
}
.content-gallery ul > li img {
  object-fit: cover;
}

.content-player video {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.content-player > div {
  position: relative;
}
.mod_cms_accept_tags {
  --btn-accept-bg-color: var(--col-primary-400);
}