@charset "UTF-8";
/* Bulma Base */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
#project-list__filter legend,
#article-list__filter legend,
label,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
.article-list__item-teaser-text h2,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
.article-list__item-teaser-text h2,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

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

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

iframe {
  border: 0;
}

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

td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: inherit;
}

html {
  background-color: hsl(0, 0%, 100%);
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}

body,
button,
input,
optgroup,
select,
textarea {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace;
}

body {
  color: hsl(0, 0%, 29%);
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

a {
  color: hsl(229, 53%, 53%);
  cursor: pointer;
  text-decoration: none;
}
a strong {
  color: currentColor;
}
a:hover {
  color: hsl(0, 0%, 21%);
}

code {
  background-color: hsl(0, 0%, 96%);
  color: hsl(348, 86%, 46%);
  font-size: 0.875em;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em;
}

hr {
  background-color: hsl(0, 0%, 96%);
  border: none;
  display: block;
  height: 2px;
  margin: 1.5rem 0;
}

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

input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
}

small {
  font-size: 0.875em;
}

span {
  font-style: inherit;
  font-weight: inherit;
}

strong {
  color: hsl(0, 0%, 21%);
  font-weight: 700;
}

fieldset {
  border: none;
}

pre {
  -webkit-overflow-scrolling: touch;
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 29%);
  font-size: 0.875em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
  white-space: pre;
  word-wrap: normal;
}
pre code {
  background-color: transparent;
  color: currentColor;
  font-size: 1em;
  padding: 0;
}

table td,
table th {
  vertical-align: top;
}
table td:not([align]),
table th:not([align]) {
  text-align: inherit;
}
table th {
  color: hsl(0, 0%, 21%);
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.5rem;
}
.columns.is-mobile > .column.is-narrow {
  flex: none;
  width: unset;
}
.columns.is-mobile > .column.is-full {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-one-third {
  flex: none;
  width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
  flex: none;
  width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
  flex: none;
  width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
  flex: none;
  width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
  flex: none;
  width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
  margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
  margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
  margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
  margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
  margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
  margin-left: 80%;
}
.columns.is-mobile > .column.is-0 {
  flex: none;
  width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
  margin-left: 0%;
}
.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.33333337%;
}
.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.33333337%;
}
.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.66666674%;
}
.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.66666674%;
}
.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.33333337%;
}
.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.33333337%;
}
.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.66666674%;
}
.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.66666674%;
}
.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.33333337%;
}
.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.33333337%;
}
.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.66666674%;
}
.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.66666674%;
}
.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.33333337%;
}
.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.33333337%;
}
.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.66666674%;
}
.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.66666674%;
}
.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
  margin-left: 100%;
}
@media screen and (max-width: 768px) {
  .column.is-narrow-mobile {
    flex: none;
    width: unset;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-left: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-left: 80%;
  }
  .column.is-0-mobile {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-mobile {
    margin-left: 0%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-mobile {
    margin-left: 8.33333337%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-mobile {
    margin-left: 16.66666674%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-left: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-mobile {
    margin-left: 33.33333337%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-mobile {
    margin-left: 41.66666674%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-left: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-mobile {
    margin-left: 58.33333337%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-mobile {
    margin-left: 66.66666674%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-left: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-mobile {
    margin-left: 83.33333337%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-mobile {
    margin-left: 91.66666674%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-left: 100%;
  }
}
@media screen and (min-width: 769px), print {
  .column.is-narrow, .column.is-narrow-tablet {
    flex: none;
    width: unset;
  }
  .column.is-full, .column.is-full-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters, .column.is-three-quarters-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds, .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half, .column.is-half-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-one-third, .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter, .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth, .column.is-one-fifth-tablet {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths, .column.is-two-fifths-tablet {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths, .column.is-three-fifths-tablet {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths, .column.is-four-fifths-tablet {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%;
  }
  .column.is-offset-half, .column.is-offset-half-tablet {
    margin-left: 50%;
  }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
    margin-left: 80%;
  }
  .column.is-0, .column.is-0-tablet {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0, .column.is-offset-0-tablet {
    margin-left: 0%;
  }
  .column.is-1, .column.is-1-tablet {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-left: 8.33333337%;
  }
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-left: 16.66666674%;
  }
  .column.is-3, .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3, .column.is-offset-3-tablet {
    margin-left: 25%;
  }
  .column.is-4, .column.is-4-tablet {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-left: 33.33333337%;
  }
  .column.is-5, .column.is-5-tablet {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-left: 41.66666674%;
  }
  .column.is-6, .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6, .column.is-offset-6-tablet {
    margin-left: 50%;
  }
  .column.is-7, .column.is-7-tablet {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-left: 58.33333337%;
  }
  .column.is-8, .column.is-8-tablet {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-left: 66.66666674%;
  }
  .column.is-9, .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9, .column.is-offset-9-tablet {
    margin-left: 75%;
  }
  .column.is-10, .column.is-10-tablet {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-left: 83.33333337%;
  }
  .column.is-11, .column.is-11-tablet {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-left: 91.66666674%;
  }
  .column.is-12, .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12, .column.is-offset-12-tablet {
    margin-left: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .column.is-narrow-touch {
    flex: none;
    width: unset;
  }
  .column.is-full-touch {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-touch {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-touch {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-touch {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-touch {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-touch {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-touch {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-touch {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-touch {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-touch {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-touch {
    margin-left: 50%;
  }
  .column.is-offset-one-third-touch {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-touch {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-touch {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-touch {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-touch {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-touch {
    margin-left: 80%;
  }
  .column.is-0-touch {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-touch {
    margin-left: 0%;
  }
  .column.is-1-touch {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-touch {
    margin-left: 8.33333337%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-touch {
    margin-left: 16.66666674%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-left: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-touch {
    margin-left: 33.33333337%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-touch {
    margin-left: 41.66666674%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-left: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-touch {
    margin-left: 58.33333337%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-touch {
    margin-left: 66.66666674%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-left: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-touch {
    margin-left: 83.33333337%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-touch {
    margin-left: 91.66666674%;
  }
  .column.is-12-touch {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-touch {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .column.is-narrow-desktop {
    flex: none;
    width: unset;
  }
  .column.is-full-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-desktop {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-left: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-desktop {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-desktop {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-desktop {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-desktop {
    margin-left: 80%;
  }
  .column.is-0-desktop {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-desktop {
    margin-left: 0%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-desktop {
    margin-left: 8.33333337%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-desktop {
    margin-left: 16.66666674%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-left: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-desktop {
    margin-left: 33.33333337%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-desktop {
    margin-left: 41.66666674%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-left: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-desktop {
    margin-left: 58.33333337%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-desktop {
    margin-left: 66.66666674%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-left: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-desktop {
    margin-left: 83.33333337%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-desktop {
    margin-left: 91.66666674%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1216px) {
  .column.is-narrow-widescreen {
    flex: none;
    width: unset;
  }
  .column.is-full-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-left: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-widescreen {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-widescreen {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-widescreen {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-widescreen {
    margin-left: 80%;
  }
  .column.is-0-widescreen {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-widescreen {
    margin-left: 0%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-widescreen {
    margin-left: 8.33333337%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-widescreen {
    margin-left: 16.66666674%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-left: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-widescreen {
    margin-left: 33.33333337%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-widescreen {
    margin-left: 41.66666674%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-left: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-widescreen {
    margin-left: 58.33333337%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-widescreen {
    margin-left: 66.66666674%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-left: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-widescreen {
    margin-left: 83.33333337%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-widescreen {
    margin-left: 91.66666674%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1408px) {
  .column.is-narrow-fullhd {
    flex: none;
    width: unset;
  }
  .column.is-full-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-fullhd {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-fullhd {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-fullhd {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-fullhd {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-fullhd {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-fullhd {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-fullhd {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-fullhd {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-fullhd {
    margin-left: 50%;
  }
  .column.is-offset-one-third-fullhd {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-fullhd {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-fullhd {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-fullhd {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-fullhd {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-fullhd {
    margin-left: 80%;
  }
  .column.is-0-fullhd {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-fullhd {
    margin-left: 0%;
  }
  .column.is-1-fullhd {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-fullhd {
    margin-left: 8.33333337%;
  }
  .column.is-2-fullhd {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-fullhd {
    margin-left: 16.66666674%;
  }
  .column.is-3-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-fullhd {
    margin-left: 25%;
  }
  .column.is-4-fullhd {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-fullhd {
    margin-left: 33.33333337%;
  }
  .column.is-5-fullhd {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-fullhd {
    margin-left: 41.66666674%;
  }
  .column.is-6-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-fullhd {
    margin-left: 50%;
  }
  .column.is-7-fullhd {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-fullhd {
    margin-left: 58.33333337%;
  }
  .column.is-8-fullhd {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-fullhd {
    margin-left: 66.66666674%;
  }
  .column.is-9-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-fullhd {
    margin-left: 75%;
  }
  .column.is-10-fullhd {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-fullhd {
    margin-left: 83.33333337%;
  }
  .column.is-11-fullhd {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-fullhd {
    margin-left: 91.66666674%;
  }
  .column.is-12-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-fullhd {
    margin-left: 100%;
  }
}

.columns {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.5rem;
}
.columns:last-child {
  margin-bottom: -0.5rem;
}
.columns:not(:last-child) {
  margin-bottom: calc(1.5rem - 0.5rem);
}
.columns.is-centered, .site-footer .columns {
  justify-content: center;
}
.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.columns.is-gapless > .column {
  margin: 0;
  padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
  margin-bottom: 0;
}
.columns.is-mobile {
  display: flex;
}
.columns.is-multiline {
  flex-wrap: wrap;
}
.columns.is-vcentered {
  align-items: center;
}
@media screen and (min-width: 769px), print {
  .columns:not(.is-desktop) {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-desktop {
    display: flex;
  }
}

.columns.is-variable {
  --columnGap: 0.75rem;
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable > .column {
  padding-left: var(--columnGap);
  padding-right: var(--columnGap);
}
.columns.is-variable.is-0 {
  --columnGap: 0rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-0-mobile {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-0-tablet {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-0-tablet-only {
    --columnGap: 0rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-0-touch {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-0-desktop {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-0-desktop-only {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-0-widescreen {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-0-widescreen-only {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-0-fullhd {
    --columnGap: 0rem;
  }
}
.columns.is-variable.is-1 {
  --columnGap: 0.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-1-mobile {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-1-tablet {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-1-tablet-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-1-touch {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-1-desktop {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-1-desktop-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-1-widescreen {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-1-widescreen-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-1-fullhd {
    --columnGap: 0.25rem;
  }
}
.columns.is-variable.is-2 {
  --columnGap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-2-mobile {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-2-tablet {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-2-tablet-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-2-touch {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-2-desktop {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-2-desktop-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-2-widescreen {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-2-widescreen-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-2-fullhd {
    --columnGap: 0.5rem;
  }
}
.columns.is-variable.is-3 {
  --columnGap: 0.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-3-mobile {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-3-tablet {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-3-tablet-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-3-touch {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-3-desktop {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-3-desktop-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-3-widescreen {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-3-widescreen-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-3-fullhd {
    --columnGap: 0.75rem;
  }
}
.columns.is-variable.is-4 {
  --columnGap: 1rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-4-mobile {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-4-tablet {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-4-tablet-only {
    --columnGap: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-4-touch {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-4-desktop {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-4-desktop-only {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-4-widescreen {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-4-widescreen-only {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-4-fullhd {
    --columnGap: 1rem;
  }
}
.columns.is-variable.is-5 {
  --columnGap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-5-mobile {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-5-tablet {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-5-tablet-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-5-touch {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-5-desktop {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-5-desktop-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-5-widescreen {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-5-widescreen-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-5-fullhd {
    --columnGap: 1.25rem;
  }
}
.columns.is-variable.is-6 {
  --columnGap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-6-mobile {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-6-tablet {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-6-tablet-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-6-touch {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-6-desktop {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-6-desktop-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-6-widescreen {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-6-widescreen-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-6-fullhd {
    --columnGap: 1.5rem;
  }
}
.columns.is-variable.is-7 {
  --columnGap: 1.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-7-mobile {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-7-tablet {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-7-tablet-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-7-touch {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-7-desktop {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-7-desktop-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-7-widescreen {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-7-widescreen-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-7-fullhd {
    --columnGap: 1.75rem;
  }
}
.columns.is-variable.is-8 {
  --columnGap: 2rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-8-mobile {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-8-tablet {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-8-tablet-only {
    --columnGap: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-8-touch {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-8-desktop {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-8-desktop-only {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-8-widescreen {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-8-widescreen-only {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-8-fullhd {
    --columnGap: 2rem;
  }
}

/* Bulma Helpers */
.has-text-white, .has-bg-pink .questions .questions__item,
.has-bg-black .questions .questions__item, .video-wall,
iframe[data-src], .has-bg-black {
  color: hsl(0, 0%, 100%) !important;
}

a.has-text-white:hover, .has-bg-pink .questions a.questions__item:hover,
.has-bg-black .questions a.questions__item:hover, a.video-wall:hover, a.has-bg-black:hover, a.has-text-white:focus, .has-bg-pink .questions a.questions__item:focus,
.has-bg-black .questions a.questions__item:focus, a.video-wall:focus, a.has-bg-black:focus {
  color: hsl(0, 0%, 90%) !important;
}

.has-background-white {
  background-color: hsl(0, 0%, 100%) !important;
}

.has-text-black {
  color: hsl(0, 0%, 4%) !important;
}

a.has-text-black:hover, a.has-text-black:focus {
  color: hsl(0, 0%, 0%) !important;
}

.has-background-black {
  background-color: hsl(0, 0%, 4%) !important;
}

.has-text-light {
  color: hsl(0, 0%, 96%) !important;
}

a.has-text-light:hover, a.has-text-light:focus {
  color: hsl(0, 0%, 86%) !important;
}

.has-background-light {
  background-color: hsl(0, 0%, 96%) !important;
}

.has-text-dark {
  color: hsl(0, 0%, 21%) !important;
}

a.has-text-dark:hover, a.has-text-dark:focus {
  color: hsl(0, 0%, 11%) !important;
}

.has-background-dark {
  background-color: hsl(0, 0%, 21%) !important;
}

.has-text-primary {
  color: hsl(171, 100%, 41%) !important;
}

a.has-text-primary:hover, a.has-text-primary:focus {
  color: hsl(171, 100%, 31%) !important;
}

.has-background-primary {
  background-color: hsl(171, 100%, 41%) !important;
}

.has-text-primary-light {
  color: hsl(171, 100%, 96%) !important;
}

a.has-text-primary-light:hover, a.has-text-primary-light:focus {
  color: hsl(171, 100%, 86%) !important;
}

.has-background-primary-light {
  background-color: hsl(171, 100%, 96%) !important;
}

.has-text-primary-dark {
  color: hsl(171, 100%, 29%) !important;
}

a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
  color: hsl(171, 100%, 39%) !important;
}

.has-background-primary-dark {
  background-color: hsl(171, 100%, 29%) !important;
}

.has-text-link {
  color: hsl(229, 53%, 53%) !important;
}

a.has-text-link:hover, a.has-text-link:focus {
  color: hsl(229, 53%, 43%) !important;
}

.has-background-link {
  background-color: hsl(229, 53%, 53%) !important;
}

.has-text-link-light {
  color: hsl(229, 53%, 96%) !important;
}

a.has-text-link-light:hover, a.has-text-link-light:focus {
  color: hsl(229, 53%, 86%) !important;
}

.has-background-link-light {
  background-color: hsl(229, 53%, 96%) !important;
}

.has-text-link-dark {
  color: hsl(229, 53%, 47%) !important;
}

a.has-text-link-dark:hover, a.has-text-link-dark:focus {
  color: hsl(229, 53%, 57%) !important;
}

.has-background-link-dark {
  background-color: hsl(229, 53%, 47%) !important;
}

.has-text-info {
  color: hsl(207, 61%, 53%) !important;
}

a.has-text-info:hover, a.has-text-info:focus {
  color: hsl(207, 61%, 43%) !important;
}

.has-background-info {
  background-color: hsl(207, 61%, 53%) !important;
}

.has-text-info-light {
  color: hsl(207, 61%, 96%) !important;
}

a.has-text-info-light:hover, a.has-text-info-light:focus {
  color: hsl(207, 61%, 86%) !important;
}

.has-background-info-light {
  background-color: hsl(207, 61%, 96%) !important;
}

.has-text-info-dark {
  color: hsl(207, 61%, 41%) !important;
}

a.has-text-info-dark:hover, a.has-text-info-dark:focus {
  color: hsl(207, 61%, 51%) !important;
}

.has-background-info-dark {
  background-color: hsl(207, 61%, 41%) !important;
}

.has-text-success {
  color: hsl(153, 53%, 53%) !important;
}

a.has-text-success:hover, a.has-text-success:focus {
  color: hsl(153, 53%, 43%) !important;
}

.has-background-success {
  background-color: hsl(153, 53%, 53%) !important;
}

.has-text-success-light {
  color: hsl(153, 53%, 96%) !important;
}

a.has-text-success-light:hover, a.has-text-success-light:focus {
  color: hsl(153, 53%, 86%) !important;
}

.has-background-success-light {
  background-color: hsl(153, 53%, 96%) !important;
}

.has-text-success-dark {
  color: hsl(153, 53%, 31%) !important;
}

a.has-text-success-dark:hover, a.has-text-success-dark:focus {
  color: hsl(153, 53%, 41%) !important;
}

.has-background-success-dark {
  background-color: hsl(153, 53%, 31%) !important;
}

.has-text-warning {
  color: hsl(44, 100%, 77%) !important;
}

a.has-text-warning:hover, a.has-text-warning:focus {
  color: hsl(44, 100%, 67%) !important;
}

.has-background-warning {
  background-color: hsl(44, 100%, 77%) !important;
}

.has-text-warning-light {
  color: hsl(44, 100%, 96%) !important;
}

a.has-text-warning-light:hover, a.has-text-warning-light:focus {
  color: hsl(44, 100%, 86%) !important;
}

.has-background-warning-light {
  background-color: hsl(44, 100%, 96%) !important;
}

.has-text-warning-dark {
  color: hsl(44, 100%, 29%) !important;
}

a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
  color: hsl(44, 100%, 39%) !important;
}

.has-background-warning-dark {
  background-color: hsl(44, 100%, 29%) !important;
}

.has-text-danger {
  color: hsl(348, 86%, 61%) !important;
}

a.has-text-danger:hover, a.has-text-danger:focus {
  color: hsl(348, 86%, 51%) !important;
}

.has-background-danger {
  background-color: hsl(348, 86%, 61%) !important;
}

.has-text-danger-light {
  color: hsl(348, 86%, 96%) !important;
}

a.has-text-danger-light:hover, a.has-text-danger-light:focus {
  color: hsl(348, 86%, 86%) !important;
}

.has-background-danger-light {
  background-color: hsl(348, 86%, 96%) !important;
}

.has-text-danger-dark {
  color: hsl(348, 86%, 43%) !important;
}

a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
  color: hsl(348, 86%, 53%) !important;
}

.has-background-danger-dark {
  background-color: hsl(348, 86%, 43%) !important;
}

.has-text-black-bis {
  color: hsl(0, 0%, 7%) !important;
}

.has-background-black-bis {
  background-color: hsl(0, 0%, 7%) !important;
}

.has-text-black-ter {
  color: hsl(0, 0%, 14%) !important;
}

.has-background-black-ter {
  background-color: hsl(0, 0%, 14%) !important;
}

.has-text-grey-darker {
  color: hsl(0, 0%, 21%) !important;
}

.has-background-grey-darker {
  background-color: hsl(0, 0%, 21%) !important;
}

.has-text-grey-dark {
  color: hsl(0, 0%, 29%) !important;
}

.has-background-grey-dark {
  background-color: hsl(0, 0%, 29%) !important;
}

.has-text-grey {
  color: hsl(0, 0%, 48%) !important;
}

.has-background-grey {
  background-color: hsl(0, 0%, 48%) !important;
}

.has-text-grey-light {
  color: hsl(0, 0%, 71%) !important;
}

.has-background-grey-light {
  background-color: hsl(0, 0%, 71%) !important;
}

.has-text-grey-lighter {
  color: hsl(0, 0%, 86%) !important;
}

.has-background-grey-lighter {
  background-color: hsl(0, 0%, 86%) !important;
}

.has-text-white-ter {
  color: hsl(0, 0%, 96%) !important;
}

.has-background-white-ter {
  background-color: hsl(0, 0%, 96%) !important;
}

.has-text-white-bis {
  color: hsl(0, 0%, 98%) !important;
}

.has-background-white-bis {
  background-color: hsl(0, 0%, 98%) !important;
}

.is-flex-direction-row {
  flex-direction: row !important;
}

.is-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.is-flex-direction-column {
  flex-direction: column !important;
}

.is-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}

.is-flex-wrap-nowrap {
  flex-wrap: nowrap !important;
}

.is-flex-wrap-wrap {
  flex-wrap: wrap !important;
}

.is-flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.is-justify-content-flex-start {
  justify-content: flex-start !important;
}

.is-justify-content-flex-end {
  justify-content: flex-end !important;
}

.is-justify-content-center {
  justify-content: center !important;
}

.is-justify-content-space-between {
  justify-content: space-between !important;
}

.is-justify-content-space-around {
  justify-content: space-around !important;
}

.is-justify-content-space-evenly {
  justify-content: space-evenly !important;
}

.is-justify-content-start {
  justify-content: start !important;
}

.is-justify-content-end {
  justify-content: end !important;
}

.is-justify-content-left {
  justify-content: left !important;
}

.is-justify-content-right {
  justify-content: right !important;
}

.is-align-content-flex-start {
  align-content: flex-start !important;
}

.is-align-content-flex-end {
  align-content: flex-end !important;
}

.is-align-content-center {
  align-content: center !important;
}

.is-align-content-space-between {
  align-content: space-between !important;
}

.is-align-content-space-around {
  align-content: space-around !important;
}

.is-align-content-space-evenly {
  align-content: space-evenly !important;
}

.is-align-content-stretch {
  align-content: stretch !important;
}

.is-align-content-start {
  align-content: start !important;
}

.is-align-content-end {
  align-content: end !important;
}

.is-align-content-baseline {
  align-content: baseline !important;
}

.is-align-items-stretch {
  align-items: stretch !important;
}

.is-align-items-flex-start {
  align-items: flex-start !important;
}

.is-align-items-flex-end {
  align-items: flex-end !important;
}

.is-align-items-center {
  align-items: center !important;
}

.is-align-items-baseline {
  align-items: baseline !important;
}

.is-align-items-start {
  align-items: start !important;
}

.is-align-items-end {
  align-items: end !important;
}

.is-align-items-self-start {
  align-items: self-start !important;
}

.is-align-items-self-end {
  align-items: self-end !important;
}

.is-align-self-auto {
  align-self: auto !important;
}

.is-align-self-flex-start {
  align-self: flex-start !important;
}

.is-align-self-flex-end {
  align-self: flex-end !important;
}

.is-align-self-center {
  align-self: center !important;
}

.is-align-self-baseline {
  align-self: baseline !important;
}

.is-align-self-stretch {
  align-self: stretch !important;
}

.is-flex-grow-0 {
  flex-grow: 0 !important;
}

.is-flex-grow-1 {
  flex-grow: 1 !important;
}

.is-flex-grow-2 {
  flex-grow: 2 !important;
}

.is-flex-grow-3 {
  flex-grow: 3 !important;
}

.is-flex-grow-4 {
  flex-grow: 4 !important;
}

.is-flex-grow-5 {
  flex-grow: 5 !important;
}

.is-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.is-flex-shrink-1 {
  flex-shrink: 1 !important;
}

.is-flex-shrink-2 {
  flex-shrink: 2 !important;
}

.is-flex-shrink-3 {
  flex-shrink: 3 !important;
}

.is-flex-shrink-4 {
  flex-shrink: 4 !important;
}

.is-flex-shrink-5 {
  flex-shrink: 5 !important;
}

.is-clearfix::after {
  clear: both;
  content: " ";
  display: table;
}

.is-pulled-left {
  float: left !important;
}

.is-pulled-right {
  float: right !important;
}

.is-radiusless {
  border-radius: 0 !important;
}

.is-shadowless {
  box-shadow: none !important;
}

.is-clickable {
  cursor: pointer !important;
  pointer-events: all !important;
}

.is-clipped {
  overflow: hidden !important;
}

.is-relative {
  position: relative !important;
}

.is-marginless {
  margin: 0 !important;
}

.is-paddingless {
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.ml-3 {
  margin-left: 0.75rem !important;
}

.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mr-4 {
  margin-right: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-5 {
  margin: 1.5rem !important;
}

.mt-5 {
  margin-top: 1.5rem !important;
}

.mr-5 {
  margin-right: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 1.5rem !important;
}

.ml-5 {
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-6 {
  margin: 3rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mr-6 {
  margin-right: 3rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.ml-6 {
  margin-left: 3rem !important;
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pl-3 {
  padding-left: 0.75rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-5 {
  padding: 1.5rem !important;
}

.pt-5 {
  padding-top: 1.5rem !important;
}

.pr-5 {
  padding-right: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 1.5rem !important;
}

.pl-5 {
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pr-6 {
  padding-right: 3rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pl-6 {
  padding-left: 3rem !important;
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.p-auto {
  padding: auto !important;
}

.pt-auto {
  padding-top: auto !important;
}

.pr-auto {
  padding-right: auto !important;
}

.pb-auto {
  padding-bottom: auto !important;
}

.pl-auto {
  padding-left: auto !important;
}

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.is-size-1 {
  font-size: 3rem !important;
}

.is-size-2 {
  font-size: 2.5rem !important;
}

.is-size-3 {
  font-size: 2rem !important;
}

.is-size-4 {
  font-size: 1.5rem !important;
}

.is-size-5 {
  font-size: 1.25rem !important;
}

.is-size-6 {
  font-size: 1rem !important;
}

.is-size-7 {
  font-size: 0.75rem !important;
}

@media screen and (max-width: 768px) {
  .is-size-1-mobile {
    font-size: 3rem !important;
  }
  .is-size-2-mobile {
    font-size: 2.5rem !important;
  }
  .is-size-3-mobile {
    font-size: 2rem !important;
  }
  .is-size-4-mobile {
    font-size: 1.5rem !important;
  }
  .is-size-5-mobile {
    font-size: 1.25rem !important;
  }
  .is-size-6-mobile {
    font-size: 1rem !important;
  }
  .is-size-7-mobile {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-size-1-tablet {
    font-size: 3rem !important;
  }
  .is-size-2-tablet {
    font-size: 2.5rem !important;
  }
  .is-size-3-tablet {
    font-size: 2rem !important;
  }
  .is-size-4-tablet {
    font-size: 1.5rem !important;
  }
  .is-size-5-tablet {
    font-size: 1.25rem !important;
  }
  .is-size-6-tablet {
    font-size: 1rem !important;
  }
  .is-size-7-tablet {
    font-size: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-size-1-touch {
    font-size: 3rem !important;
  }
  .is-size-2-touch {
    font-size: 2.5rem !important;
  }
  .is-size-3-touch {
    font-size: 2rem !important;
  }
  .is-size-4-touch {
    font-size: 1.5rem !important;
  }
  .is-size-5-touch {
    font-size: 1.25rem !important;
  }
  .is-size-6-touch {
    font-size: 1rem !important;
  }
  .is-size-7-touch {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-size-1-desktop {
    font-size: 3rem !important;
  }
  .is-size-2-desktop {
    font-size: 2.5rem !important;
  }
  .is-size-3-desktop {
    font-size: 2rem !important;
  }
  .is-size-4-desktop {
    font-size: 1.5rem !important;
  }
  .is-size-5-desktop {
    font-size: 1.25rem !important;
  }
  .is-size-6-desktop {
    font-size: 1rem !important;
  }
  .is-size-7-desktop {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-size-1-widescreen {
    font-size: 3rem !important;
  }
  .is-size-2-widescreen {
    font-size: 2.5rem !important;
  }
  .is-size-3-widescreen {
    font-size: 2rem !important;
  }
  .is-size-4-widescreen {
    font-size: 1.5rem !important;
  }
  .is-size-5-widescreen {
    font-size: 1.25rem !important;
  }
  .is-size-6-widescreen {
    font-size: 1rem !important;
  }
  .is-size-7-widescreen {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-size-1-fullhd {
    font-size: 3rem !important;
  }
  .is-size-2-fullhd {
    font-size: 2.5rem !important;
  }
  .is-size-3-fullhd {
    font-size: 2rem !important;
  }
  .is-size-4-fullhd {
    font-size: 1.5rem !important;
  }
  .is-size-5-fullhd {
    font-size: 1.25rem !important;
  }
  .is-size-6-fullhd {
    font-size: 1rem !important;
  }
  .is-size-7-fullhd {
    font-size: 0.75rem !important;
  }
}
.has-text-centered {
  text-align: center !important;
}

.has-text-justified {
  text-align: justify !important;
}

.has-text-left {
  text-align: left !important;
}

.has-text-right {
  text-align: right !important;
}

@media screen and (max-width: 768px) {
  .has-text-centered-mobile {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-centered-tablet {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-centered-tablet-only {
    text-align: center !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-centered-touch {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-centered-desktop {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-centered-desktop-only {
    text-align: center !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-centered-widescreen {
    text-align: center !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-centered-widescreen-only {
    text-align: center !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-centered-fullhd {
    text-align: center !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-justified-mobile {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-justified-tablet {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-justified-tablet-only {
    text-align: justify !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-justified-touch {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-justified-desktop {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-justified-desktop-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-justified-widescreen {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-justified-widescreen-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-justified-fullhd {
    text-align: justify !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-left-mobile {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-left-tablet {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-left-tablet-only {
    text-align: left !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-left-touch {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-left-desktop {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-left-desktop-only {
    text-align: left !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-left-widescreen {
    text-align: left !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-left-widescreen-only {
    text-align: left !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-left-fullhd {
    text-align: left !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-right-mobile {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-right-tablet {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-right-tablet-only {
    text-align: right !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-right-touch {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-right-desktop {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-right-desktop-only {
    text-align: right !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-right-widescreen {
    text-align: right !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-right-widescreen-only {
    text-align: right !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-right-fullhd {
    text-align: right !important;
  }
}
.is-capitalized {
  text-transform: capitalize !important;
}

.is-lowercase {
  text-transform: lowercase !important;
}

.is-uppercase {
  text-transform: uppercase !important;
}

.is-italic {
  font-style: italic !important;
}

.is-underlined {
  text-decoration: underline !important;
}

.has-text-weight-light {
  font-weight: 300 !important;
}

.has-text-weight-normal {
  font-weight: 400 !important;
}

.has-text-weight-medium {
  font-weight: 500 !important;
}

.has-text-weight-semibold {
  font-weight: 600 !important;
}

.has-text-weight-bold {
  font-weight: 700 !important;
}

.is-family-primary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-secondary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-sans-serif {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-monospace {
  font-family: monospace !important;
}

.is-family-code {
  font-family: monospace !important;
}

.is-block {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .is-block-mobile {
    display: block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-block-tablet {
    display: block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-block-tablet-only {
    display: block !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-block-touch {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-block-desktop {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-block-desktop-only {
    display: block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-block-widescreen {
    display: block !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-block-widescreen-only {
    display: block !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-block-fullhd {
    display: block !important;
  }
}
.is-flex {
  display: flex !important;
}

@media screen and (max-width: 768px) {
  .is-flex-mobile {
    display: flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-flex-tablet {
    display: flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-flex-tablet-only {
    display: flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-flex-touch {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-flex-desktop {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-flex-desktop-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-flex-widescreen {
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-flex-widescreen-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-flex-fullhd {
    display: flex !important;
  }
}
.is-inline {
  display: inline !important;
}

@media screen and (max-width: 768px) {
  .is-inline-mobile {
    display: inline !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-tablet {
    display: inline !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-tablet-only {
    display: inline !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-touch {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-desktop {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-desktop-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-widescreen {
    display: inline !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-widescreen-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-inline-fullhd {
    display: inline !important;
  }
}
.is-inline-block {
  display: inline-block !important;
}

@media screen and (max-width: 768px) {
  .is-inline-block-mobile {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-block-tablet {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-block-tablet-only {
    display: inline-block !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-block-touch {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-block-desktop {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-block-desktop-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-block-widescreen {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-block-widescreen-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-inline-block-fullhd {
    display: inline-block !important;
  }
}
.is-inline-flex {
  display: inline-flex !important;
}

@media screen and (max-width: 768px) {
  .is-inline-flex-mobile {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-flex-tablet {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-flex-touch {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-flex-desktop {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-flex-widescreen-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-inline-flex-fullhd {
    display: inline-flex !important;
  }
}
.is-hidden {
  display: none !important;
}

.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 0.01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.01em !important;
}

@media screen and (max-width: 768px) {
  .is-hidden-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-hidden-tablet {
    display: none !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-hidden-tablet-only {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-hidden-touch {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-hidden-desktop {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-hidden-desktop-only {
    display: none !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-hidden-widescreen {
    display: none !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-hidden-widescreen-only {
    display: none !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-hidden-fullhd {
    display: none !important;
  }
}
.is-invisible {
  visibility: hidden !important;
}

@media screen and (max-width: 768px) {
  .is-invisible-mobile {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-invisible-tablet {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-invisible-tablet-only {
    visibility: hidden !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-invisible-touch {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-invisible-desktop {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-invisible-desktop-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-invisible-widescreen {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-invisible-widescreen-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-invisible-fullhd {
    visibility: hidden !important;
  }
}
/* Bulma Utilities */
.is-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.table-container:not(:last-child), .table:not(:last-child) {
  margin-bottom: 1.5rem;
}

.is-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.table {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 21%);
}
.table td,
.table th {
  border: 1px solid hsl(0, 0%, 86%);
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.table td.is-white,
.table th.is-white {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.table td.is-black,
.table th.is-black {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.table td.is-light,
.table th.is-light {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.table td.is-dark,
.table th.is-dark {
  background-color: hsl(0, 0%, 21%);
  border-color: hsl(0, 0%, 21%);
  color: #fff;
}
.table td.is-primary,
.table th.is-primary {
  background-color: hsl(171, 100%, 41%);
  border-color: hsl(171, 100%, 41%);
  color: #fff;
}
.table td.is-link,
.table th.is-link {
  background-color: hsl(229, 53%, 53%);
  border-color: hsl(229, 53%, 53%);
  color: #fff;
}
.table td.is-info,
.table th.is-info {
  background-color: hsl(207, 61%, 53%);
  border-color: hsl(207, 61%, 53%);
  color: #fff;
}
.table td.is-success,
.table th.is-success {
  background-color: hsl(153, 53%, 53%);
  border-color: hsl(153, 53%, 53%);
  color: #fff;
}
.table td.is-warning,
.table th.is-warning {
  background-color: hsl(44, 100%, 77%);
  border-color: hsl(44, 100%, 77%);
  color: rgba(0, 0, 0, 0.7);
}
.table td.is-danger,
.table th.is-danger {
  background-color: hsl(348, 86%, 61%);
  border-color: hsl(348, 86%, 61%);
  color: #fff;
}
.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}
.table td.is-selected,
.table th.is-selected {
  background-color: hsl(171, 100%, 41%);
  color: #fff;
}
.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor;
}
.table td.is-vcentered,
.table th.is-vcentered {
  vertical-align: middle;
}
.table th {
  color: hsl(0, 0%, 21%);
}
.table th:not([align]) {
  text-align: left;
}
.table tr.is-selected {
  background-color: hsl(171, 100%, 41%);
  color: #fff;
}
.table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor;
}
.table tr.is-selected td,
.table tr.is-selected th {
  border-color: #fff;
  color: currentColor;
}
.table thead {
  background-color: transparent;
}
.table thead td,
.table thead th {
  border-width: 0 0 2px;
  color: hsl(0, 0%, 21%);
}
.table tfoot {
  background-color: transparent;
}
.table tfoot td,
.table tfoot th {
  border-width: 2px 0 0;
  color: hsl(0, 0%, 21%);
}
.table tbody {
  background-color: transparent;
}
.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}
.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px;
}
.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}
.table.is-fullwidth {
  width: 100%;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: hsl(0, 0%, 98%);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: hsl(0, 0%, 98%);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  background-color: hsl(0, 0%, 96%);
}
.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: hsl(0, 0%, 98%);
}

.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
}

.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s;
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: 2333.3333333333%;
  position: absolute;
  right: 0;
}

.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}

.tns-t-ct > div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: 1.4285714286%;
  height: 10px;
  float: left;
}


/* sora-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: "Sora";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/sora-v12-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* sora-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: "Sora";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/sora-v12-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* sora-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: "Sora";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/sora-v12-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.button, .video-wall button {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 3.375rem;
  padding: 0 1.5em;
  border: solid 1px #000;
  border-radius: 1.65em;
  color: #000 !important;
  font-size: 1.25rem;
  font-family: "Sora", Helvetica, Arial, sans-serif;
  background-color: #41C0F0;
  transition: box-shadow 0.15s;
}
.button:hover, .video-wall button:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
}
.button:focus, .video-wall button:focus {
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 768px) {
  .button, .video-wall button {
    font-size: 1.125rem;
  }
}
.button.has-mt, .video-wall button.has-mt {
  margin-top: 2em;
}
.button.has-mb, .video-wall button.has-mb {
  margin-bottom: 2em;
}

.has-bg-blue .button, .has-bg-blue .video-wall button, .video-wall .has-bg-blue button {
  background-color: #FFEE00;
}

.button.has-bg-black, .video-wall button.has-bg-black {
  background-color: #000 !important;
  color: #fff !important;
}
.button.has-bg-black:hover, .video-wall button.has-bg-black:hover {
  color: #fff !important;
}

.button.has-bg-blue, .video-wall button.has-bg-blue {
  background-color: #41C0F0 !important;
}

.button.has-bg-pink, .video-wall button.has-bg-pink {
  background-color: #E94190 !important;
}

.button.has-bg-yellow, .video-wall button.has-bg-yellow {
  background-color: #FFEE00 !important;
}

.button.has-bg-white, .video-wall button.has-bg-white {
  background-color: #fff !important;
}

.button.has-bg-grey, .video-wall button.has-bg-grey {
  background-color: #EAEAEA !important;
}

body {
  font-family: "Sora", Helvetica, Arial, sans-serif;
  color: #000;
  line-height: 1.5;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1 {
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: 0.5em;
  line-height: 1.2;
}
@media screen and (min-width: 769px) {
  h1 {
    font-size: 3.75rem;
  }
}

h2 {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
  h2 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: widescreen) {
  h2 {
    margin-bottom: 2em;
  }
}

h3, .article-list__item-teaser-text h2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
  h3, .article-list__item-teaser-text h2 {
    font-size: 2rem;
  }
}

h4,
p.is-h4,
#project-list__filter legend.is-h4,
#article-list__filter legend.is-h4,
label.is-h4 {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
  h4,
  p.is-h4,
  #project-list__filter legend.is-h4,
  #article-list__filter legend.is-h4,
  label.is-h4 {
    font-size: 1.5rem;
  }
}

h5 {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
  h5 {
    font-size: 1.5rem;
  }
}

h6 {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
  h6 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 768px) {
  h1 br,
  h2 br,
  h3 br,
  .article-list__item-teaser-text h2 br {
    display: none;
  }
}

p, #project-list__filter legend, #article-list__filter legend, label {
  font-size: 1.125rem;
}
@media screen and (min-width: 769px) {
  p, #project-list__filter legend, #article-list__filter legend, label {
    font-size: 1.25rem;
  }
}

.has-text-small p, .has-text-small #project-list__filter legend, #project-list__filter .has-text-small legend, .has-text-small #article-list__filter legend, #article-list__filter .has-text-small legend, .has-text-small label {
  font-size: 1rem;
}

.has-text-large p, .has-text-large #project-list__filter legend, #project-list__filter .has-text-large legend, .has-text-large #article-list__filter legend, #article-list__filter .has-text-large legend, .has-text-large label {
  font-size: 1.5rem;
  line-height: 1.33;
}
@media screen and (min-width: 769px) {
  .has-text-large p, .has-text-large #project-list__filter legend, #project-list__filter .has-text-large legend, .has-text-large #article-list__filter legend, #article-list__filter .has-text-large legend, .has-text-large label {
    font-size: 1.875rem;
  }
}

.has-text-xlarge p, .has-text-xlarge #project-list__filter legend, #project-list__filter .has-text-xlarge legend, .has-text-xlarge #article-list__filter legend, #article-list__filter .has-text-xlarge legend, .hero-img__text p, .hero-img__text #project-list__filter legend, #project-list__filter .hero-img__text legend, .hero-img__text #article-list__filter legend, #article-list__filter .hero-img__text legend, .has-text-xlarge label, .hero-img__text label {
  font-size: 2.25rem;
  line-height: 1.2;
}
@media screen and (min-width: 769px) {
  .has-text-xlarge p, .has-text-xlarge #project-list__filter legend, #project-list__filter .has-text-xlarge legend, .has-text-xlarge #article-list__filter legend, #article-list__filter .has-text-xlarge legend, .hero-img__text p, .hero-img__text #project-list__filter legend, #project-list__filter .hero-img__text legend, .hero-img__text #article-list__filter legend, #article-list__filter .hero-img__text legend, .has-text-xlarge label, .hero-img__text label {
    font-size: 4.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-xlarge p, .has-text-xlarge #project-list__filter legend, #project-list__filter .has-text-xlarge legend, .has-text-xlarge #article-list__filter legend, #article-list__filter .has-text-xlarge legend, .hero-img__text p, .hero-img__text #project-list__filter legend, #project-list__filter .hero-img__text legend, .hero-img__text #article-list__filter legend, #article-list__filter .hero-img__text legend, .has-text-xlarge label, .hero-img__text label {
    font-size: 6.25rem;
  }
}

* + h2,
* + h3,
.article-list__item-teaser-text * + h2,
* + h4 {
  margin-top: 1.5em;
}

p + p, #project-list__filter legend + p, #article-list__filter legend + p, #project-list__filter p + legend, #project-list__filter legend + legend, #article-list__filter p + legend, #article-list__filter legend + legend, label + p, #project-list__filter label + legend, #article-list__filter label + legend, p + label, #project-list__filter legend + label, #article-list__filter legend + label, label + label {
  margin-top: 1em;
}

ul + p, #project-list__filter ul + legend, #article-list__filter ul + legend, ul + label,
p + ul,
#project-list__filter legend + ul,
#article-list__filter legend + ul,
label + ul,
ol + p,
#project-list__filter ol + legend,
#article-list__filter ol + legend,
ol + label,
p + ol,
#project-list__filter legend + ol,
#article-list__filter legend + ol,
label + ol {
  margin-top: 2em;
}

main .layout-block ul:not(.blog-article__tags) {
  list-style: none;
}
main .layout-block ul:not(.blog-article__tags) li {
  padding-left: 1em;
  position: relative;
  width: auto;
}
main .layout-block ul:not(.blog-article__tags) li + li {
  margin-top: 1em;
}
main .layout-block ul:not(.blog-article__tags) li::before {
  content: "";
  background-color: #000;
  width: 0.25em;
  height: 0.25em;
  margin-right: 0.5em;
  position: absolute;
  left: 0;
  top: 0.75em;
}

main .layout-block ol {
  padding-left: 2ch;
}
main .layout-block ol li + li {
  margin-top: 1em;
}
main .layout-block ol li::marker {
  font-size: 1.125rem;
  padding-right: 0.5ch;
}
@media screen and (min-width: 769px) {
  main .layout-block ol li::marker {
    font-size: 1.25rem;
  }
}

.site-footer .layout-block {
  padding-top: 60px;
  padding-bottom: 60px;
}
.site-footer p:first-child, .site-footer #project-list__filter legend:first-child, #project-list__filter .site-footer legend:first-child, .site-footer #article-list__filter legend:first-child, #article-list__filter .site-footer legend:first-child, .site-footer label:first-child {
  margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
  .site-footer p:first-child, .site-footer #project-list__filter legend:first-child, #project-list__filter .site-footer legend:first-child, .site-footer #article-list__filter legend:first-child, #article-list__filter .site-footer legend:first-child, .site-footer label:first-child {
    margin-bottom: 2em;
  }
}
.site-footer a,
.site-footer .text-block a:not(.button) {
  color: #000;
}
.site-footer a:hover, .site-footer a.active,
.site-footer .text-block a:not(.button):hover,
.site-footer .text-block a:not(.button).active {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.075em;
}
@media screen and (max-width: 768px) {
  .site-footer .column.is-narrow + .column.is-narrow {
    padding-top: 40px;
  }
}
@media screen and (min-width: 769px) {
  .site-footer .column.is-narrow + .column.is-narrow {
    padding-left: 4vw;
  }
}
@media screen and (min-width: 1024px) {
  .site-footer .column.is-narrow + .column.is-narrow {
    padding-left: 120px;
  }
}
@media screen and (min-width: 1216px) {
  .site-footer .column.is-narrow + .column.is-narrow {
    padding-left: 160px;
  }
}
@media screen and (max-width: 768px) {
  .site-footer .layout-block:last-child {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 769px) {
  .site-footer .layout-block:last-child .text-block:last-child ul li {
    display: inline-block;
    position: relative;
  }
  .site-footer .layout-block:last-child .text-block:last-child ul li + li {
    margin-left: 1.5em;
    padding-left: 1.5em;
  }
  .site-footer .layout-block:last-child .text-block:last-child ul li + li::before {
    content: "|";
    position: absolute;
    left: -2px;
    top: -2px;
  }
}

body {
  background: #fff;
  padding-top: 4.875rem;
  max-width: 100vw;
  overflow-x: hidden;
}

img,
video {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.has-bg-black {
  background: #000;
}

.has-bg-yellow {
  background: #FFEE00;
}

.has-bg-blue {
  background: #41C0F0;
}

.has-bg-pink {
  background: #E94190;
}

.has-bg-grey {
  background: #EAEAEA;
}

.container, .container.is-full .tns-controls {
  width: 100%;
  max-width: 104.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 769px) {
  .container.is-full, .container.is-full .is-full.tns-controls {
    max-width: none;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
}
@media screen and (min-width: 1024px) {
  .container, .container.is-full .tns-controls {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
}
@media screen and (min-width: 1408px) {
  .container, .container.is-full .tns-controls {
    padding-left: 4.6875rem;
    padding-right: 4.6875rem;
  }
}
@media screen and (min-width: 1672px) {
  .container, .container.is-full .tns-controls {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.layout-block {
  position: relative;
  background-color: var(--layout-bg-color);
  padding-top: var(--layout-padding-top);
  padding-bottom: var(--layout-padding-bottom);
}
.layout-block.has-min-height {
  min-height: calc(100vh - 9.375rem);
}
.layout-block > .container.is-full, .container.is-full .layout-block > .is-full.tns-controls {
  padding-left: 0;
  padding-right: 0;
}
.layout-block.has-bg-img {
  background-color: transparent !important;
}
.layout-block.is-boxed {
  padding-top: 0;
  padding-bottom: 0;
}
.layout-block.is-boxed .container-inner {
  padding-top: var(--layout-padding-top);
  padding-bottom: var(--layout-padding-bottom);
  padding-left: 2rem;
  padding-right: 2rem;
  background-color: var(--layout-bg-color);
}
@media screen and (max-width: 768px) {
  .layout-block.is-boxed .container-inner {
    padding-top: calc(var(--layout-padding-top) / 2);
    padding-bottom: calc(var(--layout-padding-bottom) / 2);
  }
}
@media screen and (min-width: 1024px) {
  .layout-block .container-inner > .columns:has(.is-4-desktop),
  .layout-block .container-inner > .columns:has(.is-6-desktop) {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .layout-block .container-inner > .columns:has(.is-4-desktop) .column.is-4-desktop,
  .layout-block .container-inner > .columns:has(.is-4-desktop) .column.is-6-desktop,
  .layout-block .container-inner > .columns:has(.is-6-desktop) .column.is-4-desktop,
  .layout-block .container-inner > .columns:has(.is-6-desktop) .column.is-6-desktop {
    padding: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .layout-block {
    padding-top: calc(var(--layout-padding-top) / 2);
    padding-bottom: calc(var(--layout-padding-bottom) / 2);
  }
  .layout-block .container-inner > .columns > .column.is-6-desktop + .is-6-desktop {
    margin-top: calc(var(--layout-padding-top) / 2);
  }
}

.layout-block__bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.layout-block__bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

hr {
  background-color: #000;
  height: 1px;
  margin: 40px 0;
}

.skip-to-main-content {
  position: absolute;
  left: -9999px;
  z-index: 999;
  padding: 1em;
  background-color: black;
  color: white;
  opacity: 0;
  white-space: nowrap;
  text-align: center;
}

.skip-to-main-content:focus {
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
}

#search-submit:focus {
  outline: revert !important;
}

.site-header {
  position: fixed;
  top: 0;
  z-index: 998;
  width: 100%;
  background: #fff;
}
.site-header > .container > .is-flex, .container.is-full .site-header > .tns-controls > .is-flex {
  height: 4.875rem;
}

@media screen and (min-width: 1408px) {
  div:has(> .site-header__utils) {
    flex-direction: row-reverse;
  }
}

.site-header__utils {
  display: flex;
  align-items: center;
}

.site-header__logo img {
  display: block;
  height: 3.75rem;
  width: auto;
}

.site-header__search-btn {
  all: unset;
  box-sizing: border-box;
  outline: revert;
  display: block;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M505 442.7 405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#close-search {
  all: unset;
  box-sizing: border-box;
  outline: revert;
  display: block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
}
#close-search span {
  width: 100%;
  height: 3px;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
}
#close-search span:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}
#close-search span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}

#site-header__search-form {
  position: fixed;
  left: 0;
  top: -50px;
  width: 100%;
  height: 100vh;
  padding: 0 0 20px 0;
  background: #fff;
  opacity: 0;
  transform: translateY(-200%);
  transition: top 0.25s ease-in, opacity 0.25s ease-in;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 999;
}
#site-header__search-form.is-open {
  top: 0;
  opacity: 1;
  transform: none;
}
#site-header__search-form form {
  position: relative;
  margin-bottom: 2vh;
}
#site-header__search-form input {
  all: unset;
  box-sizing: border-box;
  outline: revert;
  width: 100%;
  padding: 1em 1.25em;
  border: solid 1px #000;
  border-radius: 2rem;
  font-size: 1rem;
  color: #000;
}
#site-header__search-form button#search-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
#site-header__search-form input::placeholder {
  color: #000;
}

.site-header__menu {
  padding-left: 1rem;
  padding-right: 1rem;
}
.site-header__menu > ul > li {
  font-size: 1.25rem;
}
@media only screen and (min-width: 1408px) and (max-width: 1500px) {
  .site-header__menu > ul > li {
    font-size: 1.125rem !important;
  }
}
.site-header__menu ul ul a {
  font-size: 1rem;
  line-height: 1.2;
  white-space: nowrap;
}
.site-header__menu a {
  color: #000;
}
.site-header__menu a.active,
.site-header__menu a:hover {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.site-header__menu button {
  display: none;
}
@media screen and (min-width: 1408px) {
  .site-header__menu {
    padding-left: 0;
    padding-right: 0;
  }
  .site-header__menu > ul {
    display: flex;
  }
  .site-header__menu > ul li:has(ul) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .site-header__menu > ul li:has(ul):hover ul,
  .site-header__menu ul.expanded {
    opacity: 1;
    visibility: visible;
  }
  .site-header__menu ul ul {
    position: absolute;
    top: 1.5em;
    left: -0.625rem;
    background: #fff;
    padding: 0.875rem 0.625rem 0.625rem 0.625rem;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
  }
  .site-header__menu > ul > li {
    margin-right: 1.25em;
  }
  .site-header__menu button {
    all: unset;
    box-sizing: border-box;
    outline: revert;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.607 10.723'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='m17.906.712-8.728 8.6L.713.712' data-name='Pfad 14603'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 1em;
    margin-left: 0.5em;
  }
}
@media screen and (min-width: 769px) {
  .site-header__menu {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
}
@media only screen and (min-width: 1408px) and (max-width: 1500px) {
  .site-header__menu {
    padding-right: 1.5625rem !important;
  }
}
@media screen and (max-width: 1407px) {
  .site-header__menu {
    position: fixed;
    width: 100vw;
    height: calc(100% - 78px);
    top: 78px;
    left: 0;
    right: 0;
    background-color: #fff;
    flex-direction: column;
    transform: translateY(100%);
    transition: transform 0.25s;
    overflow: auto;
    padding-bottom: 3.125rem;
    display: none;
  }
  .site-header__menu > ul > li {
    margin-top: 1em;
  }
  .site-header__menu ul ul {
    margin-top: 1.25rem;
    margin-left: 1.25rem;
  }
}

#toggle-menu {
  all: unset;
  box-sizing: border-box;
  outline: revert;
  cursor: pointer;
  margin-left: 1.5rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
}
#toggle-menu span {
  display: block;
  margin: 4px 0;
  width: 100%;
  height: 2px;
  background: #000;
  transition: transform 0.3s;
}

.menu-open {
  height: 100%;
  overflow: hidden;
  touch-action: none;
}
.menu-open .site-header__menu {
  display: flex;
  transform: translateY(0);
}
.menu-open #toggle-menu span:first-child,
.menu-open #toggle-menu span:last-child {
  margin: 0;
  position: absolute;
  top: 12px;
}
.menu-open #toggle-menu span:first-child {
  transform: rotate(45deg);
}
.menu-open #toggle-menu span:last-child {
  transform: rotate(-45deg);
}
.menu-open #toggle-menu span:nth-child(2) {
  display: none;
}

.breadcrumb {
  font-size: 0.75rem;
  text-transform: uppercase;
  padding-top: 10px;
  margin-bottom: 10px;
}
.breadcrumb ul {
  display: flex;
}
.breadcrumb li + li::before {
  content: "/";
  display: inline-block;
  padding: 0 1.5em;
}
.breadcrumb a {
  color: #000;
}
.breadcrumb a:hover {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

iframe {
  display: inline-block;
}

iframe[data-src] {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><text text-anchor="middle" alignment-baseline="central" y="50%" font-size="1em" fill="black"><tspan x="50%" dy="-1.5em">Dieses Video kann nur mit</tspan><tspan x="50%" dy="1.5em">aktiviertem JavaScript</tspan><tspan x="50%" dy="1.5em">abgespielt werden</tspan></text></svg>');
}

.video-wall {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16/9;
}

.video-wall,
iframe[data-src] {
  position: relative;
  color: #333;
  display: inline-block;
  min-height: 18em;
  margin: 0;
  background-color: #000;
  box-sizing: border-box;
  padding: 1em;
}

.video-wall strong {
  color: inherit;
  display: block;
  text-align: center;
  font-size: 1.1em;
  margin: 0;
}

.video-wall div {
  position: absolute;
  width: calc(100% - 2em);
  top: 3em;
  bottom: 7em;
  overflow-y: auto;
}

.video-wall p, .video-wall #project-list__filter legend, #project-list__filter .video-wall legend, .video-wall #article-list__filter legend, #article-list__filter .video-wall legend, .video-wall label {
  font-size: 0.8em;
  margin: 0 0 1em;
}

.video-wall a {
  color: inherit;
}

.video-wall .video-link {
  display: block;
  white-space: nowrap;
  font-size: 0.8em;
  margin: 0;
  position: absolute;
  left: 50%;
  bottom: 6em;
  transform: translateX(-50%);
}

.video-wall button {
  font-size: 1em;
  font-family: inherit;
  cursor: pointer;
  margin: 0;
  position: absolute;
  left: 50%;
  bottom: 1em;
  transform: translateX(-50%);
  transition: background-color 0.3s;
}

#inpWebsite {
  position: absolute;
  margin-left: -99999px;
}

label {
  display: inline-block;
  color: #000;
  margin-bottom: 10px;
}
label abbr {
  text-decoration: none;
}

div.field + .field {
  margin-top: 1.25rem;
}

.contact-form__error p, .contact-form__error #project-list__filter legend, #project-list__filter .contact-form__error legend, .contact-form__error #article-list__filter legend, #article-list__filter .contact-form__error legend, .contact-form__error label {
  color: #000;
  font-weight: bold;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=date],
textarea,
select {
  all: unset;
  box-sizing: border-box;
  outline: revert;
  display: block;
  width: 100%;
  padding: 1em 1.25em;
  border: solid 1px #000;
  border-radius: 2rem;
  font-size: 1rem;
  color: #000;
}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=date]:focus::placeholder,
textarea:focus::placeholder,
select:focus::placeholder {
  visibility: hidden;
}

textarea {
  height: 12.5rem;
}

select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.607 10.723'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='m17.906.712-8.728 8.6L.713.712' data-name='Pfad 14603'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center right 1.5em;
  background-size: 1em;
}

div.checkbox {
  position: relative;
  padding: 1.25rem 1.25rem 1.25rem 1.875rem;
}
div.checkbox a {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.075em;
}

input[type=checkbox] {
  all: unset;
  box-sizing: border-box;
  outline: revert;
  position: absolute;
  left: 0;
  top: calc(20px + 0.25em);
  width: 1rem;
  height: 1rem;
  border: solid 1px #000;
  cursor: pointer;
  background: #fff;
}
input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #000;
  width: 0.75rem;
  height: 0.75rem;
}

input[type=submit] {
  all: unset;
  box-sizing: border-box;
  outline: revert;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 3.375rem;
  padding: 0 1.5em;
  border: solid 1px #000;
  border-radius: 1.65em;
  color: #000 !important;
  font-size: 1.25rem;
  font-family: "Sora", Helvetica, Arial, sans-serif;
  background-color: #41C0F0;
  transition: box-shadow 0.15s;
}
input[type=submit]:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
}
input[type=submit]:focus {
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 768px) {
  input[type=submit] {
    font-size: 1.125rem;
  }
}
input[type=submit] {
  margin-top: 0;
  background: #FFEE00;
  cursor: pointer;
}

#site-header__languages {
  margin-left: 1.5rem;
}
#site-header__languages button,
#site-header__languages a {
  all: unset;
  box-sizing: border-box;
  outline: revert;
  display: block;
  width: 2.9375rem;
  cursor: pointer;
  background-size: 3px 10px;
  background-position: center left 2.125rem;
  background-repeat: no-repeat;
  padding-left: 0.5rem;
  line-height: 1.375rem;
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#site-header__languages button.de,
#site-header__languages a.de {
  background-image: url("../images/de-flag.jpg");
}
#site-header__languages button.en,
#site-header__languages a.en {
  background-image: url("../images/en-flag.jpg");
}
#site-header__languages button {
  border: 1px solid #EAEAEA;
  border-radius: 0.75rem;
}
#site-header__languages a {
  color: #000;
}
#site-header__languages ul {
  width: 2.9375rem;
  position: absolute;
  border-left: 1px solid #EAEAEA;
  border-right: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  display: none;
}
#site-header__languages.active ul {
  display: block;
}
#site-header__languages.active button {
  border-bottom-color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.pagination {
  margin-top: 26.6666666667px;
}
@media screen and (max-width: 768px) {
  .pagination {
    margin-top: 0;
  }
}
.pagination ul {
  list-style: none;
  display: flex;
  justify-content: center;
}
.pagination li {
  padding: 0;
  margin: 0 !important;
}
.pagination li::before {
  display: none;
}
.pagination a,
.pagination span {
  font-size: 1.25rem;
  font-weight: 700;
}
.pagination a,
.pagination span {
  display: inline-block;
  margin: 0 1em;
  color: #000;
}
@media screen and (max-width: 768px) {
  .pagination a,
  .pagination span {
    margin: 0 0.5em;
  }
}
.pagination span {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.075em;
}
.pagination a.next,
.pagination a.prev {
  width: 0.9375rem;
  height: 1.875rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 8px;
}
.pagination a.next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.4 12'%3E%3Cpath d='M1.408 0 0 1.41 4.574 6 0 10.59 1.408 12 7.4 6Z' data-name='↳Color'/%3E%3C/svg%3E");
}
.pagination a.prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.4 12'%3E%3Cpath d='M5.992 12 7.4 10.59 2.826 6 7.4 1.41 5.992 0 0 6Z' data-name='↳Color'/%3E%3C/svg%3E");
}

.page-slider__item {
  position: relative;
}

.page-slider__item-img {
  display: block;
  aspect-ratio: 4/3;
  position: relative;
  margin-bottom: 0.9375rem;
}
.page-slider__item-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.page-slider__item-title {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
  .page-slider__item-title {
    font-size: 1.5rem;
  }
}
.page-slider__item-title {
  color: #000;
}
.page-slider__item-title:hover, .page-slider__item-title.active {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.075em;
}
.page-slider__item-title span {
  font-weight: 400;
}

.has-bg-black .page-slider__item-title {
  color: #fff;
}

.tns-outer {
  position: relative;
}

.tns-controls {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  width: 100%;
  z-index: 99;
}
.tns-controls button {
  all: unset;
  box-sizing: border-box;
  outline: revert;
  font-size: 0;
  display: block;
  width: 2rem;
  height: 2rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .tns-controls button {
    width: 2.25rem;
    height: 2.25rem;
  }
}
@media screen and (min-width: 1408px) {
  .tns-controls button {
    width: 2.75rem;
    height: 2.75rem;
  }
}
.tns-controls button[disabled] {
  opacity: 0;
}
.tns-controls button[data-controls=prev] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 45'%3E%3Cpath d='M27.474 5.235 22.246 0 0 22.276l22.246 22.276 5.228-5.234-16.981-17.042L27.474 5.235Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
@media screen and (min-width: 1024px) {
  .tns-controls button[data-controls=prev] {
    transform: translateX(-45px);
  }
}
@media screen and (min-width: 1408px) {
  .tns-controls button[data-controls=prev] {
    transform: translateX(-60px);
  }
}
.tns-controls button[data-controls=next] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 28 44'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m0 38.811 5.16 5.168 21.96-21.99L5.16 0 0 5.167 16.762 21.99 0 38.811Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
@media screen and (min-width: 1024px) {
  .tns-controls button[data-controls=next] {
    transform: translateX(45px);
  }
}
@media screen and (min-width: 1408px) {
  .tns-controls button[data-controls=next] {
    transform: translateX(60px);
  }
}

.container.is-full .tns-controls {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.has-bg-black .tns-controls button[data-controls=prev] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 45'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M27.474 5.235 22.246 0 0 22.276l22.246 22.276 5.228-5.234-16.981-17.042L27.474 5.235Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.has-bg-black .tns-controls button[data-controls=next] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 44'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='m0 38.811 5.16 5.168 21.96-21.99L5.16 0 0 5.167 16.762 21.99 0 38.811Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.sticky-widget__toggle {
  all: unset;
  box-sizing: border-box;
  outline: revert;
  cursor: pointer;
  display: block;
  width: 45px;
  height: 45px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: 15px;
}

#sticky-widget {
  position: fixed;
  bottom: 15px;
  right: 0;
  max-width: 600px;
  z-index: 9999;
}

.sticky-widget__close {
  all: unset;
  box-sizing: border-box;
  outline: revert;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.12 12.11'%3E%3Cpath d='M0 1.485 1.478.007l10.635 10.635-1.478 1.478z'/%3E%3Cpath d='M0 10.635 10.635 0l1.478 1.478L1.478 12.113z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 20px;
  z-index: 3;
}

.sticky-widget__inner {
  background-color: white;
  border: 1px solid black;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 20px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: translateY(8px);
  visibility: hidden;
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease, visibility 0s linear 180ms;
  max-height: calc(100dvh - 90px);
  overflow-y: auto;
}
.sticky-widget__inner.is-open {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  pointer-events: auto;
  transition: opacity 180ms ease, transform 180ms ease, visibility 0s linear 0s;
}
@media (prefers-reduced-motion: reduce) {
  .sticky-widget__inner {
    transition: none;
    transform: none;
  }
}
.sticky-widget__inner p, .sticky-widget__inner #project-list__filter legend, #project-list__filter .sticky-widget__inner legend, .sticky-widget__inner #article-list__filter legend, #article-list__filter .sticky-widget__inner legend, .sticky-widget__inner label {
  max-width: 66%;
  font-size: 1rem;
}
.sticky-widget__inner h2 {
  font-size: 1.3125rem;
}
.sticky-widget__inner h2 + h2 {
  margin-top: 0;
}
.sticky-widget__inner h3, .sticky-widget__inner .article-list__item-teaser-text h2, .article-list__item-teaser-text .sticky-widget__inner h2 {
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .sticky-widget__inner h2 {
    font-size: 1.125rem;
  }
  .sticky-widget__inner h3, .sticky-widget__inner .article-list__item-teaser-text h2, .article-list__item-teaser-text .sticky-widget__inner h2 {
    font-size: 1rem;
  }
  .sticky-widget__inner p, .sticky-widget__inner #project-list__filter legend, #project-list__filter .sticky-widget__inner legend, .sticky-widget__inner #article-list__filter legend, #article-list__filter .sticky-widget__inner legend, .sticky-widget__inner label {
    max-width: 75%;
  }
}
@media screen and (max-width: 399px) {
  .sticky-widget__inner p, .sticky-widget__inner #project-list__filter legend, #project-list__filter .sticky-widget__inner legend, .sticky-widget__inner #article-list__filter legend, #article-list__filter .sticky-widget__inner legend, .sticky-widget__inner label {
    max-width: none;
  }
}

.sticky-widget__contact,
.sticky-widget__text {
  position: relative;
  z-index: 2;
}

.sticky-widget__text h2 {
  padding-right: 30px;
}

.sticky-widget__wrapper > img {
  width: 50%;
  position: absolute;
  right: -20px;
  bottom: 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .sticky-widget__wrapper > img {
    width: 45%;
  }
}

.sticky-widget__contact-link {
  color: black;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 1rem;
}
.sticky-widget__contact-link > img {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  object-fit: contain;
  object-position: center;
}

.sticky-widget__form {
  margin-top: 30px;
}
.sticky-widget__form form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sticky-widget__form label {
  font-size: 16px;
  white-space: nowrap;
}
.sticky-widget__form input[type=text],
.sticky-widget__form input[type=tel],
.sticky-widget__form input[type=email],
.sticky-widget__form textarea {
  font-size: 16px;
  padding: 0.5em 1em;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .sticky-widget__form input[type=text],
  .sticky-widget__form input[type=tel],
  .sticky-widget__form input[type=email],
  .sticky-widget__form textarea {
    height: 30px;
  }
}
.sticky-widget__form textarea {
  height: 100px;
}
@media screen and (max-width: 768px) {
  .sticky-widget__form textarea {
    height: 65px;
  }
}
.sticky-widget__form .field {
  width: 100%;
  margin-bottom: 10px;
}
.sticky-widget__form .field + .field {
  margin-top: 0;
}
.sticky-widget__form .field.checkbox {
  padding: 0 0 0 30px;
  margin-top: 10px;
}
.sticky-widget__form .field.checkbox input {
  top: 0.25em;
}
.sticky-widget__form .field.checkbox label {
  white-space: normal;
  max-width: none;
  margin-bottom: 0;
  padding-right: 1.5em;
}
@media screen and (min-width: 769px), print {
  .sticky-widget__form .field.w-50 {
    width: calc(50% - 10px);
  }
}
.sticky-widget__form .is-flex-tablet {
  align-items: flex-start;
}
@media screen and (min-width: 769px), print {
  .sticky-widget__form .submit {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .sticky-widget__form .submit {
    display: flex;
    width: 100%;
    justify-content: flex-end;
  }
}
.sticky-widget__form button[type=submit] {
  font-size: 16px;
  height: auto;
  padding: 0.5em 1.5em;
  color: white !important;
  font-weight: bold;
}

.sticky-widget__form-success p, .sticky-widget__form-success #project-list__filter legend, #project-list__filter .sticky-widget__form-success legend, .sticky-widget__form-success #article-list__filter legend, #article-list__filter .sticky-widget__form-success legend, .sticky-widget__form-success label,
.sticky-widget__form-error p,
.sticky-widget__form-error #project-list__filter legend,
#project-list__filter .sticky-widget__form-error legend,
.sticky-widget__form-error #article-list__filter legend,
#article-list__filter .sticky-widget__form-error legend,
.sticky-widget__form-error label {
  max-width: none;
  color: #E94190;
  font-weight: bold;
}

.accordion-item {
  border-bottom: solid 1px #000;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .accordion-item {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}

.accordion-item__panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}

.accordion-item__inner {
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .accordion-item__inner {
    padding-top: 26.6666666667px;
  }
}

.accordion-item__btn {
  all: unset;
  box-sizing: border-box;
  outline: revert;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
  .accordion-item__btn {
    font-size: 2rem;
  }
}
.accordion-item__btn {
  margin-bottom: 0;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transform: rotate(0);
}
@media screen and (max-width: 500px) {
  .accordion-item__btn {
    flex-direction: column;
  }
}

.accordion-item__btn-icon {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M151.5 347.8 3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: transform 0.3s;
}
@media screen and (max-width: 768px) {
  .accordion-item__btn-icon {
    width: 1.875rem;
    height: 1.875rem;
  }
}
@media screen and (max-width: 500px) {
  .accordion-item__btn-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.625rem;
  }
}

.accordion-item.open .accordion-item__btn-icon {
  transform: rotate(180deg);
}

.article-list {
  @extends .project-list;
}

.article-list__item-teaser-text {
  margin-top: 1.25rem;
  margin-bottom: 3.75rem;
}
@media screen and (max-width: 768px) {
  .article-list__item-teaser-text {
    margin-bottom: 2.5rem;
  }
}
.article-list__item-teaser-text h2 {
  margin-bottom: 0.5em;
}
.article-list__item-teaser-text p > a, .article-list__item-teaser-text #project-list__filter legend > a, #project-list__filter .article-list__item-teaser-text legend > a, .article-list__item-teaser-text #article-list__filter legend > a, #article-list__filter .article-list__item-teaser-text legend > a, .article-list__item-teaser-text label > a {
  color: #41C0F0;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.075em;
}
.article-list__item-teaser-text p > a:hover, .article-list__item-teaser-text #project-list__filter legend > a:hover, #project-list__filter .article-list__item-teaser-text legend > a:hover, .article-list__item-teaser-text #article-list__filter legend > a:hover, #article-list__filter .article-list__item-teaser-text legend > a:hover, .article-list__item-teaser-text label > a:hover, .article-list__item-teaser-text p > a.active, .article-list__item-teaser-text #project-list__filter legend > a.active, #project-list__filter .article-list__item-teaser-text legend > a.active, .article-list__item-teaser-text #article-list__filter legend > a.active, #article-list__filter .article-list__item-teaser-text legend > a.active, .article-list__item-teaser-text label > a.active {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.075em;
}

.article-teaser a:has(p, #project-list__filter legend, #article-list__filter legend, label) {
  color: #000;
}
.article-teaser a:has(p, #project-list__filter legend, #article-list__filter legend, label):hover, .article-teaser a:has(p, #project-list__filter legend, #article-list__filter legend, label).active {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.075em;
}
.article-teaser.has-bg {
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .article-teaser.has-bg {
    padding: 30px;
  }
}
.article-teaser.has-bg-blue .article-teaser__text a, .article-teaser.has-bg-pink .article-teaser__text a, .article-teaser.has-bg-yellow .article-teaser__text a {
  color: #000 !important;
}
.article-teaser.has-bg-black a:has(p, #project-list__filter legend, #article-list__filter legend, label) {
  color: #fff !important;
}
.article-teaser.has-bg-black .article-teaser__text a:hover {
  color: inherit !important;
}

.article-teaser__title {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
  .article-teaser__title {
    font-size: 1.5rem;
  }
}

.article-teaser__text a {
  color: #41C0F0;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.075em;
}
.article-teaser__text a:hover, .article-teaser__text a.active {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.075em;
}

.layout-block:has(.contact-form) {
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 768px) {
  .layout-block:has(.contact-form) {
    margin-bottom: 6.25rem;
  }
}

.contact-form {
  background: #41C0F0;
  max-width: 48.75rem;
  padding: 5rem;
  margin-top: 80px;
  margin-bottom: -6.25rem;
}
@media screen and (max-width: 768px) {
  .contact-form {
    padding: 2.5rem 1.25rem;
  }
}

.layout-block.has-bg-black .contact-form-short label,
.layout-block.has-bg-black .contact-form-short label a {
  color: white;
}
.layout-block.has-bg-black .contact-form-short input[type=text],
.layout-block.has-bg-black .contact-form-short input[type=email],
.layout-block.has-bg-black .contact-form-short textarea {
  border-color: white;
  color: white;
}

.content-zweispaltig .columns + .columns {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .content-zweispaltig h2:only-child,
  .content-zweispaltig h3:only-child,
  .content-zweispaltig h4:only-child {
    margin-bottom: 0.5em;
  }
  .content-zweispaltig .columns .columns + .columns {
    margin-top: 40px;
  }
}

:root {
  --flip-box-bg-color: $blue;
}

.flip-box {
  display: block;
  background-color: var(--flip-box-bg-color);
}
.flip-box:hover, .flip-box.flipped {
  background-color: var(--flip-box-bg-color-back);
}
.flip-box:hover .flip-box__title, .flip-box.flipped .flip-box__title {
  visibility: hidden;
  opacity: 0;
}
.flip-box:hover .flip-box__text, .flip-box.flipped .flip-box__text {
  visibility: visible;
  opacity: 1;
}
.flip-box:hover img, .flip-box.flipped img {
  display: none;
}

.flip-box__target-touch {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.075em;
  display: none;
}

.flip-box__inner {
  text-align: center;
  position: relative;
  width: 100%;
  height: 15.625rem;
}
.flip-box__inner img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.flip-box__title,
.flip-box__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  transition: opacity 0.5s;
  opacity: 1;
}

.flip-box__title img {
  width: 5.625rem;
  height: 5.625rem;
  margin: 0 auto 1.875rem auto;
}
.flip-box__title h4:last-child,
.flip-box__title h3:last-child,
.flip-box__title .article-list__item-teaser-text h2:last-child,
.article-list__item-teaser-text .flip-box__title h2:last-child {
  margin-bottom: 0;
}

.flip-box__text {
  visibility: hidden;
  opacity: 0;
}
.flip-box__text * {
  font-size: 1rem;
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .flip-box__text * {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1216px) {
  .column.is-3-widescreen .flip-box__text * {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1600px) {
  .column.is-3-widescreen .flip-box__text * {
    font-size: 1rem;
  }
}

.flip-box__btn {
  position: absolute;
  left: -9999px;
  z-index: 999;
  padding: 1em;
  background-color: black;
  color: white;
  opacity: 0;
}

.flip-box__btn:focus {
  position: static;
  opacity: 1;
}

:root {
  --hero-text-color: $black;
}

.hero-img {
  width: 100%;
  position: relative;
  aspect-ratio: 16/9;
  min-height: auto;
  display: flex;
  align-items: center;
}
.hero-img.is-slim {
  aspect-ratio: 1900/800;
}
.hero-img.has-text-centered {
  justify-content: center;
}
.hero-img.has-text-centered .hero-img__text-wrapper {
  max-width: 75rem;
}
.hero-img.img-position-top img {
  object-position: center top;
}
.hero-img.img-position-bottom img {
  object-position: center bottom;
}
.hero-img img,
.hero-img video {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hero-img__text-wrapper {
  padding: 50px 0;
  width: 100%;
}
.hero-img__text-wrapper h1 {
  margin-bottom: 0.25em;
}
.hero-img__text-wrapper * {
  margin-bottom: 0;
  color: var(--hero-text-color);
}

.hero-img:has(video) .hero-img__text-wrapper {
  padding-bottom: 80px;
}

.hero-img__text-secondary {
  margin-top: 20px;
}

.hero-img__buttons {
  margin-top: 40px;
}
.hero-img__buttons .button, .hero-img__buttons .video-wall button, .video-wall .hero-img__buttons button {
  margin: 5px 10px;
}

.hero-img.has-text-left .hero-img__buttons {
  margin-left: -10px;
}

.hero-img__meta {
  margin-top: 30px;
}
.hero-img__meta p, .hero-img__meta #project-list__filter legend, #project-list__filter .hero-img__meta legend, .hero-img__meta #article-list__filter legend, #article-list__filter .hero-img__meta legend, .hero-img__meta label {
  font-size: 1.5rem;
  margin-bottom: 0.5em;
  margin-top: 0;
}
.hero-img__meta .shariff {
  margin-top: 20px;
}
.hero-img__meta li,
.hero-img__meta li::before {
  all: unset !important;
}
.hero-img__meta li {
  display: inline-block !important;
}
.hero-img__meta .shariff-button a {
  margin: 0 20px 0 0;
}
@media screen and (max-width: 768px) {
  .hero-img__meta .shariff-button a {
    margin: 30px 20px 0 0;
  }
}

.hero-img__category a {
  color: #41C0F0;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.075em;
}
.hero-img__category a:hover, .hero-img__category a.active {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.075em;
}

.template-blog-article .hero-img {
  unset: aspect-ratio;
}
.template-blog-article .hero-img__text {
  position: static;
  margin-top: 40px;
}

.hero-img__vid-btn-play,
.hero-img__vid-btn-tracks {
  all: unset;
  box-sizing: border-box;
  outline: revert;
  position: absolute;
  width: 3.75rem;
  height: 3.75rem;
  bottom: 50px;
  border-radius: 100%;
  border: solid 1px #000;
  background-color: #fff;
  color: #000 !important;
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .hero-img__vid-btn-play,
  .hero-img__vid-btn-tracks {
    width: 2.8125rem;
    height: 2.8125rem;
    bottom: 20px;
  }
}

.hero-img__vid-btn-play {
  right: 50px;
  background-size: 1.25rem;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
}
.hero-img__vid-btn-play.playing {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M48 64C21.5 64 0 85.5 0 112L0 400c0 26.5 21.5 48 48 48l32 0c26.5 0 48-21.5 48-48l0-288c0-26.5-21.5-48-48-48L48 64zm192 0c-26.5 0-48 21.5-48 48l0 288c0 26.5 21.5 48 48 48l32 0c26.5 0 48-21.5 48-48l0-288c0-26.5-21.5-48-48-48l-32 0z'/%3E%3C/svg%3E");
}
.hero-img__vid-btn-play.paused {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/%3E%3C/svg%3E");
}
@media screen and (max-width: 1023px) {
  .hero-img__vid-btn-play {
    right: 20px;
  }
}

.hero-img__vid-btn-tracks {
  text-align: center;
  font-size: 20px;
  right: 120px;
  position: absolute;
}
.hero-img__vid-btn-tracks:not(.active)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 100%;
  height: 1px;
  background-color: #000;
}
@media screen and (max-width: 1023px) {
  .hero-img__vid-btn-tracks {
    right: 80px;
  }
}

iframe[src*="linkedin.com"] {
  width: 100%;
  max-width: 540px;
  aspect-ratio: 1/1.4;
}

.iframe:has(iframe[src*="linkedin.com"]),
.iframe:has(iframe[src*="instagram.com"]) {
  display: flex;
  justify-content: center;
}

.container.is-full .image-slider__item {
  width: 100%;
  position: relative;
  aspect-ratio: 48/25;
}
.container.is-full .image-slider__item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-block:not(:last-child) {
  margin-bottom: 40px;
}

@media screen and (min-width: 1024px) {
  .is-6-desktop .text-block + .image-block {
    padding-right: 10px;
  }
}

:root {
  --gap: 50px;
  --scroll-start: 0;
  --scroll-end: calc(-50% - (var(--gap) / 2));
}

.logo-carousel__items {
  display: flex;
  overflow: hidden;
  width: 100%;
  position: relative;
  user-select: none;
}

@media screen and (min-width: 1216px) {
  .logo-carousel__items-track.has-more-gap {
    --gap: 75px;
  }
}
.logo-carousel__items-track {
  --duration: var(--carousel-speed, 30s);
  width: max-content;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap);
  animation: scroll-x var(--duration) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .logo-carousel__items-track {
    animation-play-state: paused;
  }
}
.logo-carousel__items:hover .logo-carousel__items-track,
.logo-carousel.is-paused .logo-carousel__items-track {
  animation-play-state: paused;
}

.logo-carousel__item {
  aspect-ratio: 340/200;
  position: relative;
  max-width: 200px;
  display: block;
}
.logo-carousel__item img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}
.logo-carousel__toggle {
  all: unset;
  box-sizing: border-box;
  outline: revert;
  display: block;
  width: 30px;
  height: 30px;
  margin: 20px auto 0 auto;
  position: relative;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.logo-carousel__toggle[data-action=stop] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M48 64C21.5 64 0 85.5 0 112L0 400c0 26.5 21.5 48 48 48l32 0c26.5 0 48-21.5 48-48l0-288c0-26.5-21.5-48-48-48L48 64zm192 0c-26.5 0-48 21.5-48 48l0 288c0 26.5 21.5 48 48 48l32 0c26.5 0 48-21.5 48-48l0-288c0-26.5-21.5-48-48-48l-32 0z'/%3E%3C/svg%3E");
}
.logo-carousel__toggle[data-action=start] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/%3E%3C/svg%3E");
}

.navigation-zweispaltig ul ul {
  margin-top: 0.5em;
}
.navigation-zweispaltig ul ul a {
  font-size: 0.875rem;
}
.navigation-zweispaltig ul ul li::before {
  content: "–";
  width: auto;
  height: auto;
  background-color: none;
  top: 0.5em;
}
.navigation-zweispaltig > ul > li {
  padding-left: 0 !important;
}
.navigation-zweispaltig > ul > li::before {
  display: none;
}
@media screen and (min-width: 769px) {
  .navigation-zweispaltig {
    display: flex;
  }
  .navigation-zweispaltig > ul > li + li {
    margin-top: 0.9em;
  }
  .navigation-zweispaltig ul:first-child {
    width: 7.8125rem;
  }
}
@media screen and (max-width: 768px) {
  .navigation-zweispaltig ul:first-child {
    width: 100%;
    columns: 2;
  }
  .navigation-zweispaltig > ul > li > a {
    font-weight: bold;
    line-height: 2;
  }
}

#project-list__filter legend, #article-list__filter legend {
  margin-bottom: 10px;
}
#project-list__filter .filter-toggle, #article-list__filter .filter-toggle {
  display: inline-flex;
  margin-bottom: 40px;
}
#project-list__filter .filter-toggle .chevron, #article-list__filter .filter-toggle .chevron {
  margin-left: 5px;
  transition: all 0.3s;
}
#project-list__filter .filter-toggle[aria-expanded=true] .chevron, #article-list__filter .filter-toggle[aria-expanded=true] .chevron {
  transform: rotate(180deg);
}
#project-list__filter .filter-buttons, #article-list__filter .filter-buttons {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  #project-list__filter .filter-buttons, #article-list__filter .filter-buttons {
    display: none;
  }
  #project-list__filter .filter-buttons.is-open, #article-list__filter .filter-buttons.is-open {
    display: flex;
  }
}
#project-list__filter button, #article-list__filter button {
  display: block;
  margin: 5px 10px 5px 0;
  height: 2.5rem;
  font-size: 16px;
  cursor: pointer;
}
#project-list__filter button.is-active, #article-list__filter button.is-active {
  background-color: white;
}

.project-list__item {
  overflow-x: hidden;
}
.project-list__item a {
  color: #000;
}
.project-list__item a:hover, .project-list__item a.active {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.075em;
}
.project-list__item p span, .project-list__item label span, .project-list__item #project-list__filter legend span, #project-list__filter .project-list__item legend span, .project-list__item #article-list__filter legend span, #article-list__filter .project-list__item legend span {
  font-weight: 400;
}

.project-list__item-img {
  display: block;
  aspect-ratio: 560/360;
  position: relative;
  color: #000;
  margin-bottom: 1rem;
}
.project-list__item-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.questions__label {
  font-weight: 700;
  margin-bottom: 20px;
}

.questions__item {
  border-top: solid 1px #000;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
}
.questions__item > div:last-child {
  display: flex;
  padding-left: 20px;
}
@media screen and (max-width: 500px) {
  .questions__item p, .questions__item label, .questions__item #project-list__filter legend, #project-list__filter .questions__item legend, .questions__item #article-list__filter legend, #article-list__filter .questions__item legend {
    font-size: 1rem;
  }
}
.questions__item input {
  all: unset;
  box-sizing: border-box;
  outline: revert;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: solid 2px #000;
  border-radius: 100%;
  margin: 0 10px;
  position: relative;
}
.questions__item input:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background-color: #000;
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .questions__item input {
    margin: 0 8px;
  }
}

.has-bg-pink .questions *,
.has-bg-black .questions * {
  color: #fff;
}
.has-bg-pink .questions strong,
.has-bg-black .questions strong {
  color: #FFEE00;
}
.has-bg-pink .questions .questions__item,
.has-bg-black .questions .questions__item {
  border-color: #FFEE00;
}
.has-bg-pink .questions .questions__item input,
.has-bg-black .questions .questions__item input {
  border-color: #fff;
}
.has-bg-pink .questions .questions__item input:checked::before,
.has-bg-black .questions .questions__item input:checked::before {
  background-color: #FFEE00;
}
.has-bg-pink .questions form input:not([type=submit]),
.has-bg-pink .questions textarea,
.has-bg-black .questions form input:not([type=submit]),
.has-bg-black .questions textarea {
  border-color: #fff;
  border-width: 2px;
}

#questions__form {
  scroll-margin-top: 120px;
}

#questions__cta {
  display: none;
}

.quote footer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.quote footer p, .quote footer label, .quote footer #project-list__filter legend, #project-list__filter .quote footer legend, .quote footer #article-list__filter legend, #article-list__filter .quote footer legend {
  font-size: 16px;
  font-style: normal;
  max-width: 300px;
}
@media screen and (max-width: 768px) {
  .quote footer {
    margin-top: 20px;
  }
}

.quote__text {
  position: relative;
}
@media screen and (min-width: 769px), print {
  .quote__text {
    max-width: 750px;
    margin: 0 auto;
    padding: 20px 60px;
  }
  .quote__text > p, .quote__text > label, #project-list__filter .quote__text > legend, #article-list__filter .quote__text > legend {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .quote__text {
    padding: 60px 40px;
  }
}
.quote__text::before, .quote__text::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 60px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.quote__text::before {
  left: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 35 32'%3E%3Cpath fill='%23e94190' d='M0 31.2V26h.9q3.2 0 5.1-1.1t2.8-3.5q.8-2.3.8-5.9V8l2.4 4.5q-.7.4-1.8.6-1.2.2-2.3.2-2.8 0-4.6-1.8-1.9-1.7-1.9-4.8 0-2.9 1.8-4.8Q4.9 0 7.9 0q1.9 0 3.6.9t2.8 3.2 1.1 6.6v2.1q0 7.3-1.8 11.3t-5.1 5.5Q5.2 31.2.7 31.2zm19.4 0V26h.9q3.2 0 5.1-1.1t2.8-3.5q.8-2.3.8-5.9V8l2.4 4.5q-.7.4-1.8.6-1.2.2-2.3.2-2.8 0-4.6-1.8-1.9-1.7-1.9-4.8 0-2.9 1.8-4.8Q24.3 0 27.3 0q1.9 0 3.6.9t2.8 3.2 1.1 6.6v2.1q0 7.3-1.8 11.3t-5.1 5.5q-3.3 1.6-7.8 1.6z'/%3E%3C/svg%3E");
}
.quote__text::after {
  right: 0;
  top: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 35 32'%3E%3Cpath fill='%23e94190' d='M34.8 0v5.2h-.9q-3.2 0-5.1 1.1T26 9.8q-.8 2.3-.8 5.9v7.5l-2.4-4.5q.7-.4 1.8-.6 1.2-.2 2.3-.2 2.8 0 4.6 1.8 1.9 1.7 1.9 4.8 0 2.9-1.8 4.8-1.7 1.9-4.7 1.9-1.9 0-3.6-.9t-2.8-3.2-1.1-6.6v-2.1q0-7.3 1.8-11.3t5.1-5.5Q29.6 0 34.1 0zM15.4 0v5.2h-.9q-3.2 0-5.1 1.1T6.6 9.8q-.8 2.3-.8 5.9v7.5l-2.4-4.5q.7-.4 1.8-.6 1.2-.2 2.3-.2 2.8 0 4.6 1.8 1.9 1.7 1.9 4.8 0 2.9-1.8 4.8-1.7 1.9-4.7 1.9-1.9 0-3.6-.9t-2.8-3.2T0 20.5v-2.1q0-7.3 1.8-11.3t5.1-5.5Q10.2 0 14.7 0z'/%3E%3C/svg%3E");
}

.quote__avatar {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 95 95'%3E%3Cpath stroke='%23e94190' stroke-width='26' d='M13 95c0-45.287 36.713-82 82-82'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 82px;
  padding: 22px;
  flex-shrink: 0;
}
.quote__avatar img {
  width: 122px;
  height: 122px;
  border-radius: 100%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}
.quote__avatar img.quote__avatar-placeholder {
  padding: 12px;
}
@media screen and (max-width: 768px) {
  .quote__avatar {
    background-size: 50px;
    padding: 13px;
  }
  .quote__avatar img {
    width: 76px;
    height: 76px;
  }
}

.social-icons {
  display: flex;
  justify-content: center;
}
.social-icons a {
  display: block;
  margin: 0 3.125rem 3.125rem 3.125rem;
}
@media screen and (max-width: 768px) {
  .social-icons a {
    margin: 0 1.5625rem 1.5625rem 1.5625rem;
  }
}
.social-icons img {
  height: 1.75rem;
  width: auto;
}

.standorte__item + .standorte__item {
  margin-top: 1.25rem;
}
.standorte__item:nth-child(1n) {
  background-color: #E94190;
}
.standorte__item:nth-child(2n) {
  background-color: #41C0F0;
  flex-direction: row-reverse;
}
.standorte__item:nth-child(3n) {
  background-color: #FFEE00;
}
@media screen and (min-width: 769px) {
  .standorte__item {
    display: flex;
  }
}

.standorte__item-text,
.standorte__item-img {
  height: 9.375rem;
}
@media screen and (min-width: 769px) {
  .standorte__item-text,
  .standorte__item-img {
    width: 50%;
    height: 20rem;
  }
}

.standorte__item-text {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #000;
}
.standorte__item-text a {
  color: #000;
}
.standorte__item-text a:hover, .standorte__item-text a.active {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.075em;
}

.standorte__item-img {
  position: relative;
}
.standorte__item-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.standorte__item-title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
  .standorte__item-title {
    font-size: 2rem;
  }
}
.standorte__item-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  color: #fff;
}

:root {
  --text-color: $black;
}

@media screen and (min-width: 769px), print {
  .stats-counter {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 40px;
  }
}

@media screen and (min-width: 769px), print {
  .stats-counter__item {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .stats-counter__item + .stats-counter__item {
    margin-top: 30px;
  }
}

p:has(.stats-counter__item-value), label:has(.stats-counter__item-value), #project-list__filter legend:has(.stats-counter__item-value), #article-list__filter legend:has(.stats-counter__item-value) {
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: 0.5em;
  line-height: 1.2;
}
@media screen and (min-width: 769px) {
  p:has(.stats-counter__item-value), label:has(.stats-counter__item-value), #project-list__filter legend:has(.stats-counter__item-value), #article-list__filter legend:has(.stats-counter__item-value) {
    font-size: 3.75rem;
  }
}
p:has(.stats-counter__item-value), label:has(.stats-counter__item-value), #project-list__filter legend:has(.stats-counter__item-value), #article-list__filter legend:has(.stats-counter__item-value) {
  margin-bottom: 0.25em;
  color: var(--text-color);
}

.subscribe-form {
  background: #41C0F0;
  padding: 5rem;
}
.subscribe-form:not(:has(.subscribe-form__fields--two-columns)) {
  max-width: 48.75rem;
}
.subscribe-form .contact-form__error {
  margin-bottom: 2rem;
}
.subscribe-form div.checkbox {
  padding: 0;
}
.subscribe-form div.checkbox label {
  margin-bottom: 0;
  padding-left: 1.25em;
}
.subscribe-form div.checkbox input {
  top: 0.4em;
}
.subscribe-form div.checkbox + .checkbox {
  margin-top: 0.625rem;
}
.subscribe-form div.checkbox.meta {
  margin-top: 3rem;
}
.subscribe-form .submit {
  margin-top: 2rem;
}
.subscribe-form textarea {
  height: 11.0625rem;
}
.subscribe-form__fields--two-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2.5rem;
}
@media screen and (max-width: 768px) {
  .subscribe-form__fields--two-columns {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
@media screen and (max-width: 768px) {
  .subscribe-form {
    padding: 2.5rem 1.25rem;
  }
}

.team-slider__items {
  position: relative;
}
.team-slider__items.tns-slider {
  display: flex;
}

@media screen and (min-width: 1216px) {
  .team-slider__item .columns.is-centered, .team-slider__item .site-footer .columns, .site-footer .team-slider__item .columns {
    justify-content: flex-start;
  }
}

.team-slider__item-text {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .team-slider__item-text {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 769px) {
  .team-slider__item-text {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.team-slider__item-img {
  aspect-ratio: 16/9;
}
.team-slider__item-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1216px) {
  .team-slider__item-img {
    position: absolute;
    width: 44%;
    height: 100%;
    top: 0;
    right: 0;
  }
}

.text-icon > div {
  width: 5.625rem;
  height: 5.625rem;
  position: relative;
  margin: 0 auto 2rem auto;
}
.text-icon img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .column.is-6:has(.text-icon) + .column {
    margin-top: 40px;
  }
}

:root {
  --text-color: $black;
}

.text-block * {
  color: var(--text-color);
}
.text-block + .text-block, .text-block + .image-block {
  padding-top: 40px;
}
.text-block a:not(.button) {
  color: #41C0F0;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.075em;
}
.text-block a:not(.button):hover, .text-block a:not(.button).active {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.075em;
}
.text-block a:not(.button) {
  text-decoration-color: var(--text-color);
}
.text-block p + h2, .text-block label + h2, .text-block #project-list__filter legend + h2, #project-list__filter .text-block legend + h2, .text-block #article-list__filter legend + h2, #article-list__filter .text-block legend + h2 {
  margin-top: 1.5em;
}
@media screen and (min-width: 1024px) {
  .text-block.has-text-centered:has(h1) {
    max-width: 66.6666666667%;
    margin: 0 auto;
  }
}

.layout-block.has-bg-black .text-block a:not(.button):hover {
  color: #FFEE00;
}

.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
}
.video-overlay img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

video:focus {
  outline-width: 12px;
}

.video-play-btn {
  all: unset;
  box-sizing: border-box;
  outline: revert;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
  border: solid 1px #000;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/%3E%3C/svg%3E");
  background-size: 1.25rem;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .video-play-btn {
    width: 3.75rem;
    height: 3.75rem;
  }
}

:root {
  --layout-padding-top: 150px;
}

.blog-article__author-inner img {
  border-radius: 100%;
  max-width: 21.875rem;
}
@media screen and (max-width: 768px) {
  .blog-article__author-inner img {
    width: 75%;
    margin: 0 auto 1.25rem auto;
  }
}
@media screen and (min-width: 769px) {
  .blog-article__author-inner {
    display: flex;
    align-items: center;
  }
  .blog-article__author-inner img {
    width: 33.3333333333%;
    margin-right: 5%;
    flex-shrink: 0;
  }
}

.blog-article__tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 40px 0 20px 0;
}
.blog-article__tags li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 3.375rem;
  padding: 0 1.5em;
  margin: 0.5em;
  border: solid 1px #000;
  border-radius: 1.65em;
  color: #000 !important;
  font-size: 1.25rem;
  font-family: "Sora", Helvetica, Arial, sans-serif;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .blog-article__tags li {
    font-size: 1.125rem;
  }
}

.shariff-container {
  background-color: #EAEAEA;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 0;
}
.shariff-container ul {
  display: flex;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .shariff-container {
    flex-direction: column;
  }
  .shariff-container ul {
    margin-top: 20px;
  }
}

.shariff-button a {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 10px;
  transition: background-image 0.3s ease;
}
.shariff-button span {
  display: none;
}
.shariff-button.linkedin a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M196.3 512L103.4 512L103.4 212.9L196.3 212.9L196.3 512zM149.8 172.1C120.1 172.1 96 147.5 96 117.8C96 103.5 101.7 89.9 111.8 79.8C121.9 69.7 135.6 64 149.8 64C164 64 177.7 69.7 187.8 79.8C197.9 89.9 203.6 103.6 203.6 117.8C203.6 147.5 179.5 172.1 149.8 172.1zM543.9 512L451.2 512L451.2 366.4C451.2 331.7 450.5 287.2 402.9 287.2C354.6 287.2 347.2 324.9 347.2 363.9L347.2 512L254.4 512L254.4 212.9L343.5 212.9L343.5 253.7L344.8 253.7C357.2 230.2 387.5 205.4 432.7 205.4C526.7 205.4 544 267.3 544 347.7L544 512L543.9 512z'/%3E%3C/svg%3E");
}
.shariff-button.mail a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M125.4 128C91.5 128 64 155.5 64 189.4C64 190.3 64 191.1 64.1 192L64 192L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 192L575.9 192C575.9 191.1 576 190.3 576 189.4C576 155.5 548.5 128 514.6 128L125.4 128zM528 256.3L528 448C528 456.8 520.8 464 512 464L128 464C119.2 464 112 456.8 112 448L112 256.3L266.8 373.7C298.2 397.6 341.7 397.6 373.2 373.7L528 256.3zM112 189.4C112 182 118 176 125.4 176L514.6 176C522 176 528 182 528 189.4C528 193.6 526 197.6 522.7 200.1L344.2 335.5C329.9 346.3 310.1 346.3 295.8 335.5L117.3 200.1C114 197.6 112 193.6 112 189.4z'/%3E%3C/svg%3E");
}
.shariff-button.whatsapp a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M476.9 161.1c-41.9-42-97.7-65.1-157-65.1-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L96 544l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157m-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3 18.6-68.1-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1s56.2 81.2 56.1 130.5c0 101.8-84.9 184.6-186.6 184.6m101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8s-14.3 18-17.6 21.8c-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7s-12.5-30.1-17.1-41.2c-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2s-9.7 1.4-14.8 6.9c-5.1 5.6-19.4 19-19.4 46.3s19.9 53.7 22.6 57.4c2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4s4.6-24.1 3.2-26.4c-1.3-2.5-5-3.9-10.5-6.6'/%3E%3C/svg%3E");
}
.shariff-button.linkedin a:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%2341C0F0' d='M196.3 512L103.4 512L103.4 212.9L196.3 212.9L196.3 512zM149.8 172.1C120.1 172.1 96 147.5 96 117.8C96 103.5 101.7 89.9 111.8 79.8C121.9 69.7 135.6 64 149.8 64C164 64 177.7 69.7 187.8 79.8C197.9 89.9 203.6 103.6 203.6 117.8C203.6 147.5 179.5 172.1 149.8 172.1zM543.9 512L451.2 512L451.2 366.4C451.2 331.7 450.5 287.2 402.9 287.2C354.6 287.2 347.2 324.9 347.2 363.9L347.2 512L254.4 512L254.4 212.9L343.5 212.9L343.5 253.7L344.8 253.7C357.2 230.2 387.5 205.4 432.7 205.4C526.7 205.4 544 267.3 544 347.7L544 512L543.9 512z'/%3E%3C/svg%3E");
}
.shariff-button.mail a:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%2341C0F0' d='M125.4 128C91.5 128 64 155.5 64 189.4C64 190.3 64 191.1 64.1 192L64 192L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 192L575.9 192C575.9 191.1 576 190.3 576 189.4C576 155.5 548.5 128 514.6 128L125.4 128zM528 256.3L528 448C528 456.8 520.8 464 512 464L128 464C119.2 464 112 456.8 112 448L112 256.3L266.8 373.7C298.2 397.6 341.7 397.6 373.2 373.7L528 256.3zM112 189.4C112 182 118 176 125.4 176L514.6 176C522 176 528 182 528 189.4C528 193.6 526 197.6 522.7 200.1L344.2 335.5C329.9 346.3 310.1 346.3 295.8 335.5L117.3 200.1C114 197.6 112 193.6 112 189.4z'/%3E%3C/svg%3E");
}
.shariff-button.whatsapp a:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%2341C0F0' d='M476.9 161.1c-41.9-42-97.7-65.1-157-65.1-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L96 544l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157m-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3 18.6-68.1-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1s56.2 81.2 56.1 130.5c0 101.8-84.9 184.6-186.6 184.6m101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8s-14.3 18-17.6 21.8c-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7s-12.5-30.1-17.1-41.2c-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2s-9.7 1.4-14.8 6.9c-5.1 5.6-19.4 19-19.4 46.3s19.9 53.7 22.6 57.4c2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4s4.6-24.1 3.2-26.4c-1.3-2.5-5-3.9-10.5-6.6'/%3E%3C/svg%3E");
}

.template-suche .layout-block {
  padding-top: 80px;
  padding-bottom: 80px;
}
.template-suche .layout-block li {
  padding: 0 !important;
}
.template-suche .layout-block li::before {
  display: none;
}
.template-suche .layout-block .pagination {
  margin-top: 2.5rem;
}
.template-suche .layout-block .pagination li + li {
  margin-top: 0;
}
.template-suche .is-flex-desktop {
  flex-direction: row-reverse;
  justify-content: space-between;
}

.search-results h1 {
  margin-bottom: 1em;
}
.search-results .search-results__item {
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
  .search-results .search-results__item {
    font-size: 2rem;
  }
}
.search-results .search-results__item {
  color: #000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 28 44'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m0 38.811 5.16 5.168 21.96-21.99L5.16 0 0 5.167 16.762 21.99 0 38.811Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-position: center right 1em;
  background-repeat: no-repeat;
  background-size: 0.625rem;
  padding: 1em 2.5em 1em 1em;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.03);
  transition: box-shadow 0.3s;
}
.search-results .search-results__item:hover {
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
}

.search-sidebar nav {
  margin-top: 2.5rem;
}
@media screen and (max-width: 1023px) {
  .search-sidebar nav {
    margin-bottom: 2.5rem;
  }
}
.search-sidebar nav li + li {
  margin-top: 0.5em !important;
}
.search-sidebar nav a {
  color: #000;
}
.search-sidebar nav a:hover, .search-sidebar nav a.active {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.075em;
}
.search-sidebar form {
  position: relative;
}
.search-sidebar input {
  width: 100%;
  padding-right: 3.5rem;
}
.search-sidebar button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .search-sidebar {
    padding-left: 40px;
  }
  .search-sidebar input {
    width: 250px;
  }
}

.site-footer-landing-page .layout-block {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .site-footer-landing-page .layout-block:last-child {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 769px) {
  .site-footer-landing-page .layout-block:last-child .text-block:last-child ul li {
    display: inline-block;
    position: relative;
  }
  .site-footer-landing-page .layout-block:last-child .text-block:last-child ul li + li {
    margin-left: 1.5em;
    padding-left: 1.5em;
  }
  .site-footer-landing-page .layout-block:last-child .text-block:last-child ul li + li::before {
    content: "|";
    position: absolute;
    left: -2px;
    top: -2px;
  }
}
.site-footer-landing-page a,
.site-footer-landing-page .text-block a:not(.button) {
  color: #000;
}
.site-footer-landing-page a:hover, .site-footer-landing-page a.active,
.site-footer-landing-page .text-block a:not(.button):hover,
.site-footer-landing-page .text-block a:not(.button).active {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.075em;
}
.site-footer-landing-page nav li + li {
  margin-top: 0.9em;
}
.site-footer-landing-page .image-block img {
  height: 3.75rem;
  width: auto;
}

/*# sourceMappingURL=styles.css.map */