@charset "UTF-8";
@font-face {
  font-family: "Myriad";
  font-style: normal;
  font-weight: 300;
  src: local(""), url("../fonts/myriad/myriad-300.woff2") format("woff2"), url("../fonts/myriad/myriad-300.woff") format("woff");
}
@font-face {
  font-family: "Myriad";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/myriad/myriad-400.woff2") format("woff2"), url("../fonts/myriad/myriad-400.woff") format("woff");
}
@font-face {
  font-family: "Myriad";
  font-style: normal;
  font-weight: 600;
  src: local(""), url("../fonts/myriad/myriad-600.woff2") format("woff2"), url("../fonts/myriad/myriad-600.woff") format("woff");
}
@font-face {
  font-family: "Myriad";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../fonts/myriad/myriad-700.woff2") format("woff2"), url("../fonts/myriad/myriad-700.woff") format("woff");
}
@font-face {
  font-family: "icons";
  src: url("../fonts/icons/icons.ttf?t0k6r8") format("truetype"), url("../fonts/icons/icons.woff?t0k6r8") format("woff"), url("../fonts/icons/icons.svg?t0k6r8#icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-pin:before {
  content: "\e900";
}

.icon-emails:before {
  content: "\e901";
}

.icon-facebook:before {
  content: "\e902";
}

.icon-instagram:before {
  content: "\e903";
}

.icon-preise_kinder:before {
  content: "\e904";
}

.icon-quote:before {
  content: "\e905";
}

.icon-uhr:before {
  content: "\e906";
}

.icon-plus:before {
  content: "\e907";
}

.icon-preise_erwachsene:before {
  content: "\e908";
}

.icon-kinderbecken:before {
  content: "\e909";
}

.icon-barrierefrei:before {
  content: "\e90a";
}

.icon-gutscheine:before {
  content: "\e90b";
}

.icon-pfeil-unten:before {
  content: "\e90c";
}

.icon-pfeil-links:before {
  content: "\e90d";
}

.icon-pfeil-rechts:before {
  content: "\e90e";
}

.icon-googlemaps:before {
  content: "\e90f";
}

.icon-telefon:before {
  content: "\e910";
}

.icon-minus:before {
  content: "\e911";
}

.icon-eintauchen:before {
  content: "\e912";
}

.icon-beckensprung:before {
  content: "\e913";
}

.icon-sprungturm:before {
  content: "\e914";
}

.icon-preise:before {
  content: "\e915";
}

.icon-pooltreppe:before {
  content: "\e916";
}

.icon-schwimmen:before {
  content: "\e917";
}

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

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

html {
  cursor: default;
  line-height: 1.5;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

dl dl, dl ol, dl ul, ol dl, ul dl {
  margin: 0;
}

ol ol, ol ul, ul ol, ul ul {
  margin: 0;
}

hr {
  color: inherit;
  height: 0;
  overflow: visible;
}

main {
  display: block;
}

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

pre {
  font-family: monospace, monospace;
  font-size: 1em;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

a {
  background-color: transparent;
}

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

audio, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

iframe {
  border-style: none;
}

img {
  border-style: none;
}

svg:not([fill]) {
  fill: currentColor;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0;
}

button, input, select {
  margin: 0;
}

button {
  overflow: visible;
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

fieldset {
  border: 1px solid #a0a0a0;
  padding: 0.35em 0.75em 0.625em;
}

input {
  overflow: visible;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

select {
  text-transform: none;
}

textarea {
  margin: 0;
  overflow: auto;
  resize: vertical;
  resize: block;
}

[type=checkbox],
[type=radio] {
  padding: 0;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

:-moz-focusring {
  outline: 0;
}

:-moz-ui-invalid {
  box-shadow: none;
}

details {
  display: block;
}

dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

a, area, button, input, label, select, summary, textarea, [tabindex] {
  -ms-touch-action: manipulation;
}

[hidden] {
  display: none;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled=true], [disabled] {
  cursor: not-allowed;
}

[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

body, html {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  font-family: "Myriad", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
}
body {
  font-size: 16px;
}
@media only screen and (min-width: 360px) {
  body {
    font-size: calc(16px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  body {
    font-size: 20px;
  }
}

body.no-scroll {
  overflow: hidden;
}

b, strong {
  font-weight: 700;
}

a {
  color: #000000;
  text-decoration: none;
}
a:hover {
  color: #0070BF;
}

button {
  background: transparent;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Myriad", sans-serif;
  line-height: 1.28;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  color: #14387F;
  margin-top: 0;
  margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-size: 20px;
}
@media only screen and (min-width: 360px) {
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-size: calc(20px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-size: 24px;
  }
}

h1, .h1 {
  line-height: 1.2;
}
h1, .h1 {
  font-size: 28px;
}
@media only screen and (min-width: 360px) {
  h1, .h1 {
    font-size: calc(28px + 18 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  h1, .h1 {
    font-size: 46px;
  }
}

h2, .h2 {
  line-height: 1.28;
}
h2, .h2 {
  font-size: 24px;
}
@media only screen and (min-width: 360px) {
  h2, .h2 {
    font-size: calc(24px + 14 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  h2, .h2 {
    font-size: 38px;
  }
}

h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  line-height: 1.28;
}
h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-size: 20px;
}
@media only screen and (min-width: 360px) {
  h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-size: calc(20px + 8 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-size: 28px;
  }
}

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

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

.otgs-development-site-front-end {
  display: none;
}

.mabel-bhi-businesshours {
  width: 100%;
}
.mabel-bhi-businesshours tbody {
  width: 100%;
}
.mabel-bhi-businesshours tbody tr {
  border-bottom: 1px solid #f2f2f2;
}
.mabel-bhi-businesshours tbody tr:first-child {
  border-top: 1px solid #f2f2f2;
}
.mabel-bhi-businesshours tbody td {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media only screen and (min-width: 360px) {
  .mabel-bhi-businesshours tbody td {
    padding-top: calc(8px + 4 * (100vw - 360px) / (1920 - 360));
    padding-bottom: calc(8px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .mabel-bhi-businesshours tbody td {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.mabel-bhi-businesshours tbody .mabel-bhi-day {
  color: #32ADD6;
  font-weight: bold;
  width: 30%;
  padding-left: 12px;
}

.four-0-four-wrapper {
  display: flex;
  flex-flow: column;
  align-items: center;
}
@media (min-width: 768px) {
  .four-0-four-wrapper {
    flex-flow: row nowrap;
  }
}
.four-0-four-wrapper {
  padding-right: 24px;
  padding-left: 24px;
}
@media only screen and (min-width: 360px) {
  .four-0-four-wrapper {
    padding-right: calc(24px + 72 * (100vw - 360px) / (1920 - 360));
    padding-left: calc(24px + 72 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .four-0-four-wrapper {
    padding-right: 96px;
    padding-left: 96px;
  }
}
.four-0-four-wrapper {
  padding-top: 124px;
  padding-bottom: 124px;
}
@media only screen and (min-width: 360px) {
  .four-0-four-wrapper {
    padding-top: calc(124px + 0 * (100vw - 360px) / (1920 - 360));
    padding-bottom: calc(124px + 0 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .four-0-four-wrapper {
    padding-top: 124px;
    padding-bottom: 124px;
  }
}
.four-0-four-wrapper .left {
  flex-basis: 50%;
  text-align: center;
}
.four-0-four-wrapper .left img {
  max-width: 75%;
}
.four-0-four-wrapper .right {
  flex-basis: 50%;
}
.four-0-four-wrapper .right {
  padding-right: 24px;
  padding-left: 24px;
}
@media only screen and (min-width: 360px) {
  .four-0-four-wrapper .right {
    padding-right: calc(24px + 24 * (100vw - 360px) / (1920 - 360));
    padding-left: calc(24px + 24 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .four-0-four-wrapper .right {
    padding-right: 48px;
    padding-left: 48px;
  }
}
.four-0-four-wrapper .right .heading {
  font-size: 48px;
}
@media only screen and (min-width: 360px) {
  .four-0-four-wrapper .right .heading {
    font-size: calc(48px + 192 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .four-0-four-wrapper .right .heading {
    font-size: 240px;
  }
}
.four-0-four-wrapper .right .text a {
  color: #32ADD6;
  font-weight: bold;
}
.four-0-four-wrapper .right .text a:hover {
  color: #14387F;
}

/* TODO: font awesome einbetten*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  height: 100%;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  position: relative;
  display: none;
}
.slick-slide > div {
  height: 100%;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: flex;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Dots */
ul.slick-dots {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
ul.slick-dots li button {
  background-color: rgba(20, 56, 127, 0.4);
  width: 20px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  text-indent: -999px;
  white-space: nowrap;
  overflow: hidden;
  border: none;
}
ul.slick-dots li.slick-active button, ul.slick-dots li:hover button {
  background-color: #14387F;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 40px;
  width: 40px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: #F28E00;
  color: #ffffff;
  bottom: 0;
  top: auto;
  padding: 0;
  border: none;
  outline: none;
  z-index: 9;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: #DB850B;
  color: #ffffff;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "Font Awesome";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 0;
}
[dir=rtl] .slick-prev {
  left: auto;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  left: 40px;
}
[dir=rtl] .slick-next {
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

.block-media .slick-next {
  right: 0;
  left: auto;
}
.block-media .slick-prev {
  right: 40px;
  left: auto;
}

@media (min-width: 960px) {
  .block-text-media.left .slick-next {
    left: 40px;
    right: auto;
  }
  .block-text-media.left .slick-prev {
    left: 0;
    right: auto;
  }
  .block-text-media.right .slick-next {
    right: 0;
    left: auto;
  }
  .block-text-media.right .slick-prev {
    right: 40px;
    left: auto;
  }
}
body {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  background: #ffffff;
}

#site {
  position: relative;
}

#content {
  padding-top: 92px;
}

@media (min-width: 768px) {
  #site {
    margin-right: 24px;
    margin-left: 24px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  #site {
    margin-right: calc(24px + 40 * (100vw - 768px) / (1920 - 768));
    margin-left: calc(24px + 40 * (100vw - 768px) / (1920 - 768));
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  #site {
    margin-right: 64px;
    margin-left: 64px;
  }
}
@media (min-width: 768px) {
  #site {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  #site {
    margin-bottom: calc(24px + 40 * (100vw - 768px) / (1920 - 768));
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  #site {
    margin-bottom: 64px;
  }
}
.content-padding, .block-posts .block-inner, .block-hero-section .content, #footer .footer-socket, #footer .footer-widgets, .block .block-inner {
  margin-left: auto;
  margin-right: auto;
}
.content-padding, .block-posts .block-inner, .block-hero-section .content, #footer .footer-socket, #footer .footer-widgets, .block .block-inner {
  padding-right: 24px;
  padding-left: 24px;
}
@media only screen and (min-width: 768px) {
  .content-padding, .block-posts .block-inner, .block-hero-section .content, #footer .footer-socket, #footer .footer-widgets, .block .block-inner {
    padding-right: calc(24px + 40 * (100vw - 768px) / (1920 - 768));
    padding-left: calc(24px + 40 * (100vw - 768px) / (1920 - 768));
  }
}
@media only screen and (min-width: 1920px) {
  .content-padding, .block-posts .block-inner, .block-hero-section .content, #footer .footer-socket, #footer .footer-widgets, .block .block-inner {
    padding-right: 64px;
    padding-left: 64px;
  }
}

.block {
  margin-top: 92px;
}
@media only screen and (min-width: 360px) {
  .block {
    margin-top: calc(92px + 56 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block {
    margin-top: 148px;
  }
}
.block.widget {
  margin-bottom: 24px;
}
@media only screen and (min-width: 360px) {
  .block.widget {
    margin-bottom: calc(24px + 24 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block.widget {
    margin-bottom: 48px;
  }
}
.block.widget:first-child {
  margin-top: 0;
}
.block.widget:last-child {
  margin-bottom: 0;
}
.block.widget .headline {
  margin-bottom: 16px;
}
@media only screen and (min-width: 360px) {
  .block.widget .headline {
    margin-bottom: calc(16px + 16 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block.widget .headline {
    margin-bottom: 32px;
  }
}
.block.widget .block-inner {
  padding: 0;
}
.block .grid-row {
  display: flex;
  flex-flow: row wrap;
  margin-left: -16px;
  margin-right: -16px;
}
.block p:last-child {
  margin-bottom: 0;
}
.block .button {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  font-style: italic;
  display: inline-flex;
  align-items: center;
}
.block .button {
  margin-top: 24px;
}
@media only screen and (min-width: 360px) {
  .block .button {
    margin-top: calc(24px + 18 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block .button {
    margin-top: 42px;
  }
}
.block .button {
  padding-right: 24px;
  padding-left: 24px;
}
@media only screen and (min-width: 360px) {
  .block .button {
    padding-right: calc(24px + 8 * (100vw - 360px) / (1920 - 360));
    padding-left: calc(24px + 8 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block .button {
    padding-right: 32px;
    padding-left: 32px;
  }
}
.block .button {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media only screen and (min-width: 360px) {
  .block .button {
    padding-top: calc(12px + 4 * (100vw - 360px) / (1920 - 360));
    padding-bottom: calc(12px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block .button {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.block .button.white {
  background-color: #ffffff;
  color: #32ADD6;
  border: 2px solid #ffffff;
}
.block .button.white:hover {
  background-color: #32ADD6;
  color: #ffffff;
}
.block .button.blue {
  background-color: #32ADD6;
  color: #ffffff;
  border: 2px solid #32ADD6;
}
.block .button.blue:hover {
  background-color: #ffffff;
  color: #32ADD6;
}
.block .button.orange {
  background-color: #F28E00;
  color: #ffffff;
  border: 2px solid #F28E00;
}
.block .button.orange:hover {
  background-color: #DB850B;
  color: #ffffff;
  border: 2px solid #DB850B;
}
.block .link {
  display: block;
}
.block .link.grey {
  color: #484848;
  transition: padding 0.4s ease-in-out;
}
.block .link:hover {
  color: #32ADD6;
  padding-left: 10px;
}

@media (min-width: 1280px) {
  #content {
    padding-top: 130px;
  }
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 92px;
  margin: 0 auto;
  z-index: 10;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0);
  transition: box-shadow 0.5s ease-in-out, height 0.5s ease-in-out;
}
#header .header-background {
  background-color: #ffffff;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
#header .header-inner {
  height: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
#header .header-inner {
  margin-right: 24px;
  margin-left: 24px;
}
@media only screen and (min-width: 768px) {
  #header .header-inner {
    margin-right: calc(24px + 40 * (100vw - 768px) / (1920 - 768));
    margin-left: calc(24px + 40 * (100vw - 768px) / (1920 - 768));
  }
}
@media only screen and (min-width: 1920px) {
  #header .header-inner {
    margin-right: 64px;
    margin-left: 64px;
  }
}
#header .header-logo {
  height: 100%;
  max-height: 70px;
  position: relative;
  z-index: 11;
}
#header .header-logo img {
  height: 100%;
  width: auto;
  transition: height 0.5s ease-in-out;
}
@media (min-width: 1280px) {
  #header .header-logo {
    max-height: auto;
  }
}
#header .header-navigation-main {
  display: none;
}
@media (min-width: 1280px) {
  #header .header-navigation-main {
    display: block;
  }
  #header .header-navigation-main ul {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700;
    font-style: italic;
  }
  #header .header-navigation-main ul {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 360px) {
  #header .header-navigation-main ul {
    font-size: calc(14px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  #header .header-navigation-main ul {
    font-size: 18px;
  }
}
@media (min-width: 1280px) {
  #header .header-navigation-main ul li {
    margin-left: 16px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 360px) {
  #header .header-navigation-main ul li {
    margin-left: calc(16px + 16 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  #header .header-navigation-main ul li {
    margin-left: 32px;
  }
}
@media (min-width: 1280px) {
  #header .header-navigation-main ul li a {
    color: #14387F;
  }
  #header .header-navigation-main ul li a:hover {
    color: #32ADD6;
  }
}
@media (min-width: 1280px) {
  #header .header-navigation-main ul li:first-child {
    margin-left: 24px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
  #header .header-navigation-main ul li:first-child {
    margin-left: calc(24px + 232 * (100vw - 1280px) / (1920 - 1280));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  #header .header-navigation-main ul li:first-child {
    margin-left: 256px;
  }
}
@media (min-width: 1280px) {
  #header .header-navigation-main ul li:nth-last-child(2) {
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
  #header .header-navigation-main ul li:nth-last-child(2) {
    margin-right: calc(24px + 232 * (100vw - 1280px) / (1920 - 1280));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  #header .header-navigation-main ul li:nth-last-child(2) {
    margin-right: 256px;
  }
}
@media (min-width: 1280px) {
  #header .header-navigation-main ul li.button {
    margin-left: 0;
    padding: 12px 24px;
    background-color: #F28E00;
  }
  #header .header-navigation-main ul li.button {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 360px) {
  #header .header-navigation-main ul li.button {
    font-size: calc(12px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  #header .header-navigation-main ul li.button {
    font-size: 16px;
  }
}
@media (min-width: 1280px) {
  #header .header-navigation-main ul li.button a {
    color: #ffffff;
  }
}
@media (min-width: 1280px) {
  #header .header-navigation-main ul li.button:hover {
    background-color: #DB850B;
  }
}
@media (min-width: 1280px) {
  #header .header-navigation-main ul .current-menu-item a {
    color: #32ADD6;
  }
}
#header .header-navigation-mobile {
  position: fixed;
  top: 0;
  left: 100%;
  opacity: 0;
  right: 0;
  height: 100%;
  z-index: 10;
  width: 100%;
  transition: opacity 0.8s ease-in-out;
  background-color: #ffffff;
}
#header .header-navigation-mobile .navigation-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
#header .header-navigation-mobile .navigation-wrapper {
  margin-right: 24px;
  margin-left: 24px;
}
@media only screen and (min-width: 360px) {
  #header .header-navigation-mobile .navigation-wrapper {
    margin-right: calc(24px + 32 * (100vw - 360px) / (1920 - 360));
    margin-left: calc(24px + 32 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  #header .header-navigation-mobile .navigation-wrapper {
    margin-right: 56px;
    margin-left: 56px;
  }
}
#header .header-navigation-mobile .navigation-wrapper .navigation-scrollable {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  height: 100%;
  width: calc(100% - 24px);
  margin-top: 160px;
}
#header .header-navigation-mobile .navigation-wrapper .navigation-scrollable ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
#header .header-navigation-mobile .navigation-wrapper .navigation-scrollable li {
  margin-bottom: 32px;
}
@media only screen and (min-width: 360px) {
  #header .header-navigation-mobile .navigation-wrapper .navigation-scrollable li {
    margin-bottom: calc(32px + 8 * (100vw - 360px) / (960 - 360));
  }
}
@media only screen and (min-width: 960px) {
  #header .header-navigation-mobile .navigation-wrapper .navigation-scrollable li {
    margin-bottom: 40px;
  }
}
#header .header-navigation-mobile .navigation-wrapper .navigation-scrollable li:last-child, #header .header-navigation-mobile .navigation-wrapper .navigation-scrollable li:nth-last-child(2) {
  margin-bottom: 0;
}
#header .header-navigation-mobile .navigation-wrapper .navigation-scrollable li ul {
  display: none;
}
#header .header-navigation-mobile .navigation-wrapper .navigation-scrollable li a {
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  text-decoration: none;
  color: #14387F;
}
#header .header-navigation-mobile .navigation-wrapper .navigation-scrollable li a {
  font-size: 22px;
}
@media only screen and (min-width: 360px) {
  #header .header-navigation-mobile .navigation-wrapper .navigation-scrollable li a {
    font-size: calc(22px + 2 * (100vw - 360px) / (960 - 360));
  }
}
@media only screen and (min-width: 960px) {
  #header .header-navigation-mobile .navigation-wrapper .navigation-scrollable li a {
    font-size: 24px;
  }
}
#header .header-navigation-mobile .navigation-wrapper .navigation-scrollable li.button {
  max-width: 300px;
  margin-top: 60px;
  padding: 12px 24px;
  background-color: #F28E00;
  text-align: center;
}
#header .header-navigation-mobile .navigation-wrapper .navigation-scrollable li.button a {
  color: #ffffff;
}
#header .header-navigation-mobile .navigation-wrapper .navigation-scrollable li.button a {
  font-size: 18px;
}
@media only screen and (min-width: 360px) {
  #header .header-navigation-mobile .navigation-wrapper .navigation-scrollable li.button a {
    font-size: calc(18px + 2 * (100vw - 360px) / (960 - 360));
  }
}
@media only screen and (min-width: 960px) {
  #header .header-navigation-mobile .navigation-wrapper .navigation-scrollable li.button a {
    font-size: 20px;
  }
}
#header .header-navigation-mobile .navigation-wrapper .navigation-scrollable li.button:hover {
  background-color: #DB850B;
}
#header .header-navigation-mobile.active {
  left: 0;
  opacity: 1;
}
@media (min-width: 768px) {
  #header .header-navigation-mobile .navigation-scrollable li.button {
    max-width: 300px;
  }
}
@media (min-width: 1280px) {
  #header .header-navigation-mobile {
    display: none;
  }
}
#header .header-navigation-mobile.scrolled.nav-active .navigation-wrapper .navigation-scrollable {
  padding-top: 56px;
}
@media only screen and (min-width: 360px) {
  #header .header-navigation-mobile.scrolled.nav-active .navigation-wrapper .navigation-scrollable {
    padding-top: calc(56px + 24 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  #header .header-navigation-mobile.scrolled.nav-active .navigation-wrapper .navigation-scrollable {
    padding-top: 80px;
  }
}
#header .header-toggle {
  position: relative;
  z-index: 11;
}
#header .header-toggle button {
  display: block;
  position: relative;
  padding: 0;
  background: none;
  border-radius: 0;
  height: 32px;
  width: 24px;
  border: 0;
  cursor: pointer;
}
#header .header-toggle button span, #header .header-toggle button span:before, #header .header-toggle button span:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #14387F;
  content: "";
  transition: transform 0.4s ease-in-out, top 0.4s ease-in-out, bottom 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
#header .header-toggle button span {
  top: 50%;
  transform: translateY(-50%);
}
#header .header-toggle button span:before {
  top: -8px;
}
#header .header-toggle button span:after {
  top: unset;
  bottom: -8px;
}
#header .header-toggle button.active span {
  background-color: transparent;
}
#header .header-toggle button.active span:before {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
#header .header-toggle button.active span:after {
  bottom: 50%;
  transform: translateY(50%) rotate(-45deg);
}
#header.scrolled .header-toggle button span, #header.scrolled .header-toggle button span:before, #header.scrolled .header-toggle button span:after {
  background-color: #32ADD6;
}
#header.scrolled .header-toggle button span:before {
  top: -8px;
}
#header.scrolled .header-toggle button span:after {
  bottom: -8px;
}
#header.scrolled .header-toggle button.active span {
  background-color: transparent;
}
#header.scrolled .header-toggle button.active span:before {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
#header.scrolled .header-toggle button.active span:after {
  bottom: 50%;
  transform: translateY(50%) rotate(-45deg);
}
@media (min-width: 1280px) {
  #header .header-toggle {
    display: none;
  }
}
#header.scrolled {
  height: 80px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

@media (min-width: 1280px) {
  #header {
    height: 130px;
  }
}
#footer {
  position: relative;
  background-color: #14387F;
  color: #ffffff;
  overflow: hidden;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .h1, #footer .h2, #footer .h3, #footer .h4, #footer .h5, #footer .h6 {
  color: #ffffff;
}
#footer a {
  color: #ffffff;
}
#footer .footer-wave {
  aspect-ratio: 1920/360;
  width: calc(100% + 2px);
  margin-left: -1px;
  top: -1px;
  position: relative;
}
#footer .footer-wave img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: auto;
}
#footer .footer-background {
  position: absolute;
  inset: 0;
  z-index: 1;
}
#footer .footer-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  opacity: 0.1;
}
#footer .footer-inner {
  position: relative;
  z-index: 1;
}
#footer .footer-widgets {
  font-size: 16px;
}
@media only screen and (min-width: 360px) {
  #footer .footer-widgets {
    font-size: calc(16px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  #footer .footer-widgets {
    font-size: 20px;
  }
}
#footer .footer-widgets {
  padding-top: 48px;
}
@media only screen and (min-width: 360px) {
  #footer .footer-widgets {
    padding-top: calc(48px + 48 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  #footer .footer-widgets {
    padding-top: 96px;
  }
}
#footer .footer-widgets .widgets {
  display: flex;
  flex-flow: row wrap;
  margin-left: -16px;
  margin-right: -16px;
}
#footer .footer-widgets .widgets .widgets-column {
  margin-top: 48px;
}
#footer .footer-widgets .widgets .widgets-column {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
@media (min-width: 768px) {
  #footer .footer-widgets .widgets .widgets-column {
    width: 1px;
    min-width: calc((100% / 12 * 6) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  #footer .footer-widgets .widgets .widgets-column:nth-child(1), #footer .footer-widgets .widgets .widgets-column:nth-child(2) {
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  #footer .footer-widgets .widgets .widgets-column {
    width: 1px;
    min-width: calc((100% / 12 * 3) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  #footer .footer-widgets .widgets .widgets-column:nth-child(3), #footer .footer-widgets .widgets .widgets-column:nth-child(4) {
    margin-top: 0;
  }
}
#footer .footer-socket {
  margin-top: 96px;
  display: flex;
  flex-flow: row wrap;
}
#footer .footer-socket {
  font-size: 14px;
}
@media only screen and (min-width: 360px) {
  #footer .footer-socket {
    font-size: calc(14px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  #footer .footer-socket {
    font-size: 18px;
  }
}
#footer .footer-socket {
  padding-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  #footer .footer-socket {
    padding-bottom: calc(24px + 40 * (100vw - 768px) / (1920 - 768));
  }
}
@media only screen and (min-width: 1920px) {
  #footer .footer-socket {
    padding-bottom: 64px;
  }
}
#footer .footer-socket .copyright, #footer .footer-socket .navigation {
  width: 100%;
}
#footer .footer-socket .navigation {
  margin-top: 12px;
}
#footer .footer-socket .navigation ul {
  display: flex;
  flex-flow: row wrap;
}
#footer .footer-socket .navigation ul li {
  margin-left: 72px;
}
#footer .footer-socket .navigation ul li:first-child {
  margin-left: 0;
}
@media (min-width: 768px) {
  #footer .footer-socket {
    margin-top: 96px;
  }
  #footer .footer-socket .copyright, #footer .footer-socket .navigation {
    width: 50%;
  }
  #footer .footer-socket .navigation {
    margin-top: 0;
  }
  #footer .footer-socket .navigation ul {
    justify-content: flex-end;
  }
  #footer .footer-socket .navigation ul li {
    margin-left: 48px;
  }
}

.block-hero-section {
  position: relative;
  margin-top: 0;
  width: 100%;
  height: calc(100vh - 90px);
}
.block-hero-section .block-inner {
  height: 100%;
}
.block-hero-section .video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.block-hero-section .video .video-background {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.block-hero-section .content {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(20, 56, 127, 0.4);
  display: flex;
  align-items: center;
}
.block-hero-section .content .headline {
  text-align: center;
}
.block-hero-section .content .headline {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-hero-section .content .headline h1, .block-hero-section .content .headline h2, .block-hero-section .content .headline h3, .block-hero-section .content .headline h4, .block-hero-section .content .headline h5, .block-hero-section .content .headline h6 {
  color: #ffffff;
}
.block-hero-section .content .headline h1, .block-hero-section .content .headline h2, .block-hero-section .content .headline h3, .block-hero-section .content .headline h4, .block-hero-section .content .headline h5, .block-hero-section .content .headline h6 {
  font-size: 26px;
}
@media only screen and (min-width: 360px) {
  .block-hero-section .content .headline h1, .block-hero-section .content .headline h2, .block-hero-section .content .headline h3, .block-hero-section .content .headline h4, .block-hero-section .content .headline h5, .block-hero-section .content .headline h6 {
    font-size: calc(26px + 44 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-hero-section .content .headline h1, .block-hero-section .content .headline h2, .block-hero-section .content .headline h3, .block-hero-section .content .headline h4, .block-hero-section .content .headline h5, .block-hero-section .content .headline h6 {
    font-size: 70px;
  }
}
.block-hero-section .content .content-inner {
  width: 100%;
}
.block-hero-section .content .content-inner {
  display: flex;
  flex-flow: row wrap;
  margin-left: -16px;
  margin-right: -16px;
}
.block-hero-section .opening-hours {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: #f2f2f2;
  padding: 16px 32px;
  color: #14387F;
  text-transform: uppercase;
  transition: background-color 0.4s ease-in-out, padding 0.4s ease-in-out;
}
.block-hero-section .opening-hours:hover {
  background-color: #CCF3FF;
  padding: 32px 64px;
}
.block-hero-section .opening-hours .introtext {
  font-style: italic;
  font-weight: bold;
}
.block-hero-section .opening-hours .shortcode {
  position: relative;
}
.block-hero-section .opening-hours .shortcode .mb-bhi-closed, .block-hero-section .opening-hours .shortcode .mb-bhi-open {
  margin-left: 32px;
}
.block-hero-section .opening-hours .shortcode .mb-bhi-closed:before, .block-hero-section .opening-hours .shortcode .mb-bhi-open:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.block-hero-section .opening-hours .shortcode .mb-bhi-closed:before {
  background: red;
}
.block-hero-section .opening-hours .shortcode .mb-bhi-open:before {
  background: #6CE65C;
}
.block-hero-section .anchor {
  position: absolute;
  right: 0;
  bottom: 32px;
  left: 0;
  z-index: 9;
  flex-flow: column;
  justify-content: center;
  display: none;
  align-items: center;
}
.block-hero-section .anchor i {
  color: #ffffff;
  font-size: 32px;
  cursor: pointer;
}
.block-hero-section .anchor i:last-child {
  margin-top: -16px;
}
.block-hero-section .overlay {
  position: absolute;
  inset: 0;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row nowrap;
  transition: opacity 0.4s ease-out;
  opacity: 1;
}
.block-hero-section .overlay.hide {
  opacity: 0;
  pointer-events: none;
}
.block-hero-section .overlay .overlay-inner {
  position: relative;
  text-align: center;
  overflow-y: scroll;
  max-height: 100%;
  background-color: #ffffff;
}
.block-hero-section .overlay .overlay-inner {
  padding-right: 25px;
  padding-left: 25px;
}
@media only screen and (min-width: 360px) {
  .block-hero-section .overlay .overlay-inner {
    padding-right: calc(25px + 25 * (100vw - 360px) / (1920 - 360));
    padding-left: calc(25px + 25 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-hero-section .overlay .overlay-inner {
    padding-right: 50px;
    padding-left: 50px;
  }
}
.block-hero-section .overlay .overlay-inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (min-width: 360px) {
  .block-hero-section .overlay .overlay-inner {
    padding-top: calc(50px + 50 * (100vw - 360px) / (1920 - 360));
    padding-bottom: calc(50px + 50 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-hero-section .overlay .overlay-inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.block-hero-section .overlay .overlay-inner .overlay-headline {
  color: #F28E00;
}
.block-hero-section .overlay .overlay-inner .overlay-underline {
  font-weight: 400;
  color: #F28E00;
}
.block-hero-section .overlay .overlay-inner .overlay-text p {
  margin-top: 40px;
}
.block-hero-section .overlay .overlay-inner .overlay-toggle {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 11;
}
.block-hero-section .overlay .overlay-inner .overlay-toggle button {
  display: block;
  position: relative;
  padding: 0;
  background: none;
  border-radius: 0;
  height: 32px;
  width: 24px;
  border: 0;
  cursor: pointer;
}
.block-hero-section .overlay .overlay-inner .overlay-toggle button span, .block-hero-section .overlay .overlay-inner .overlay-toggle button span:before, .block-hero-section .overlay .overlay-inner .overlay-toggle button span:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #14387F;
  content: "";
  transition: transform 0.4s ease-in-out, top 0.4s ease-in-out, bottom 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
.block-hero-section .overlay .overlay-inner .overlay-toggle button span {
  top: 50%;
  transform: translateY(-50%);
}
.block-hero-section .overlay .overlay-inner .overlay-toggle button span:before {
  top: -8px;
}
.block-hero-section .overlay .overlay-inner .overlay-toggle button span:after {
  top: unset;
  bottom: -8px;
}
.block-hero-section .overlay .overlay-inner .overlay-toggle button.active span {
  background-color: transparent;
}
.block-hero-section .overlay .overlay-inner .overlay-toggle button.active span:before {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.block-hero-section .overlay .overlay-inner .overlay-toggle button.active span:after {
  bottom: 50%;
  transform: translateY(50%) rotate(-45deg);
}

@media (min-width: 768px) {
  .block-hero-section .overlay .overlay-inner {
    width: 1px;
    min-width: calc((100% / 12 * 10) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media (min-width: 960px) {
  .block-hero-section {
    height: calc(100vh - 134px);
  }
  .block-hero-section .opening-hours {
    right: auto;
    bottom: 64px;
  }
  .block-hero-section .anchor {
    display: flex;
  }
  .block-hero-section .overlay .overlay-inner {
    width: 1px;
    min-width: calc((100% / 12 * 8) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media (min-width: 1280px) {
  .block-hero-section {
    height: calc(100vh - 172px);
  }
  .block-hero-section .video {
    height: 100%;
  }
  .block-hero-section .content .headline {
    width: 1px;
    min-width: calc((100% / 12 * 8) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-hero-section .content .headline {
    margin-left: calc((100% / 12 * 2) + 16px);
  }
}
.block-page-title {
  margin-top: 0;
}
.block-page-title .block-inner {
  position: relative;
  min-height: 270px;
  max-height: 428px;
}
.block-page-title .grid-row .media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: #14387F;
}
.block-page-title .grid-row .media .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
}
.block-page-title .grid-row .media .overlay {
  background: rgba(20, 56, 127, 0.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.block-page-title .grid-row .content {
  position: relative;
  z-index: 3;
  text-align: center;
}
.block-page-title .grid-row .content {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-page-title .grid-row .content .headline {
  padding-top: 112px;
  padding-bottom: 112px;
}
@media only screen and (min-width: 360px) {
  .block-page-title .grid-row .content .headline {
    padding-top: calc(112px + 84 * (100vw - 360px) / (1920 - 360));
    padding-bottom: calc(112px + 84 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-page-title .grid-row .content .headline {
    padding-top: 196px;
    padding-bottom: 196px;
  }
}
.block-page-title .grid-row .content .headline h1 {
  color: #ffffff;
}

@media (min-width: 960px) {
  .block-page-title .block-inner .grid-row .content {
    width: 1px;
    min-width: calc((100% / 12 * 8) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-page-title .block-inner .grid-row .content {
    margin-left: calc((100% / 12 * 2) + 16px);
  }
}
.block-news .block-inner {
  position: relative;
}
.block-news .content {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-news .content .headline {
  text-align: center;
}
.block-news .entries {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.block-news .entries {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-news .entries .entry {
  border-top: 8px solid #f2f2f2;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.block-news .entries .entry {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-news .entries .entry {
  padding-top: 20px;
}
@media only screen and (min-width: 360px) {
  .block-news .entries .entry {
    padding-top: calc(20px + 16 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-news .entries .entry {
    padding-top: 36px;
  }
}
.block-news .entries .entry {
  margin-top: 48px;
}
@media only screen and (min-width: 360px) {
  .block-news .entries .entry {
    margin-top: calc(48px + 48 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-news .entries .entry {
    margin-top: 96px;
  }
}
.block-news .entries .entry .entry-content-title, .block-news .entries .entry .entry-content-subtitle {
  color: #14387F;
  font-style: italic;
  text-transform: uppercase;
}
.block-news .entries .entry .entry-content-title, .block-news .entries .entry .entry-content-subtitle {
  font-size: 18px;
}
@media only screen and (min-width: 360px) {
  .block-news .entries .entry .entry-content-title, .block-news .entries .entry .entry-content-subtitle {
    font-size: calc(18px + 10 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-news .entries .entry .entry-content-title, .block-news .entries .entry .entry-content-subtitle {
    font-size: 28px;
  }
}
.block-news .entries .entry .entry-content-title {
  font-weight: bold;
}
.block-news .entries .entry .entry-content-subtitle {
  font-weight: 300;
}
.block-news .entries .entry .entry-content-text {
  padding-top: 20px;
}
@media only screen and (min-width: 360px) {
  .block-news .entries .entry .entry-content-text {
    padding-top: calc(20px + 16 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-news .entries .entry .entry-content-text {
    padding-top: 36px;
  }
}
.block-news .entries .entry .entry-content-link {
  display: flex;
  flex-flow: row nowrap;
}
.block-news .entries .entry .entry-content-link {
  padding-top: 20px;
}
@media only screen and (min-width: 360px) {
  .block-news .entries .entry .entry-content-link {
    padding-top: calc(20px + 16 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-news .entries .entry .entry-content-link {
    padding-top: 36px;
  }
}
.block-news .entries .entry .entry-content-link i {
  margin-top: 2px;
}
.block-news .entries .entry .entry-content-link:hover {
  color: #32ADD6;
}
.block-news .entries .entry .entry-content-link .link {
  padding-top: 0;
  margin-top: 0;
  margin-left: 8px;
}
.block-news .entries .entry .entry-media {
  padding-top: 32px;
}
@media only screen and (min-width: 360px) {
  .block-news .entries .entry .entry-media {
    padding-top: calc(32px + 40 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-news .entries .entry .entry-media {
    padding-top: 72px;
  }
}
.block-news .entries .entry .entry-media .image {
  width: 100%;
  aspect-ratio: 14/6;
}
.block-news .entries .entry .entry-media .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center center;
}
.block-news .link {
  margin: 0 auto;
}
.block-news .link {
  margin-top: 48px;
}
@media only screen and (min-width: 360px) {
  .block-news .link {
    margin-top: calc(48px + 44 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-news .link {
    margin-top: 92px;
  }
}

@media (min-width: 960px) {
  .block-news .entries .entry {
    width: 1px;
    min-width: calc((100% / 12 * 4) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
}
.block-logos .block-inner {
  position: relative;
}
.block-logos .logos {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.block-logos .logos {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-logos .logos .logo {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.block-logos .logos .logo {
  width: 1px;
  min-width: calc((100% / 12 * 6) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-logos .logos .logo {
  padding-top: 48px;
}
@media only screen and (min-width: 360px) {
  .block-logos .logos .logo {
    padding-top: calc(48px + 44 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-logos .logos .logo {
    padding-top: 92px;
  }
}
.block-logos .logos .logo:nth-child(1), .block-logos .logos .logo:nth-child(2) {
  padding-top: 0;
}
.block-logos .logos .logo .logo-media {
  text-align: center;
}
.block-logos .logos .logo .logo-media .image {
  width: 100%;
  text-align: center;
}
.block-logos .logos .logo .logo-media .image img {
  max-width: 60%;
  width: auto;
  max-height: 200px;
}
.block-logos .logos .logo .title {
  font-weight: bold;
  font-style: italic;
  text-align: center;
}
.block-logos .logos .logo .title {
  margin-top: 18px;
}
@media only screen and (min-width: 360px) {
  .block-logos .logos .logo .title {
    margin-top: calc(18px + 18 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-logos .logos .logo .title {
    margin-top: 36px;
  }
}
.block-logos .logos .logo .title {
  font-size: 16px;
}
@media only screen and (min-width: 360px) {
  .block-logos .logos .logo .title {
    font-size: calc(16px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-logos .logos .logo .title {
    font-size: 20px;
  }
}

@media (min-width: 768px) {
  .block-logos .logos .logo {
    width: 1px;
    min-width: calc((100% / 12 * 4) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-logos .logos .logo:nth-child(3) {
    padding-top: 0;
  }
}
@media (min-width: 960px) {
  .block-logos .logos .logo {
    width: 1px;
    min-width: calc((100% / 12 * 3) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-logos .logos .logo:nth-child(4) {
    padding-top: 0;
  }
}
@media (min-width: 1280px) {
  .block-logos .logos .logo {
    width: 1px;
    min-width: calc((100% / 12 * 2.4) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-logos .logos .logo:nth-child(5) {
    padding-top: 0;
  }
}
.block-text {
  position: relative;
}
.block-text .content {
  text-align: center;
}
.block-text .content {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-text .content .headline {
  margin-bottom: 32px;
}
@media only screen and (min-width: 360px) {
  .block-text .content .headline {
    margin-bottom: calc(32px + 32 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-text .content .headline {
    margin-bottom: 64px;
  }
}
.block-text .content .text p, .block-text .content .text h1, .block-text .content .text h2, .block-text .content .text h3, .block-text .content .text h4, .block-text .content .text h5, .block-text .content .text h6 {
  margin-bottom: 16px;
}
@media only screen and (min-width: 360px) {
  .block-text .content .text p, .block-text .content .text h1, .block-text .content .text h2, .block-text .content .text h3, .block-text .content .text h4, .block-text .content .text h5, .block-text .content .text h6 {
    margin-bottom: calc(16px + 8 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-text .content .text p, .block-text .content .text h1, .block-text .content .text h2, .block-text .content .text h3, .block-text .content .text h4, .block-text .content .text h5, .block-text .content .text h6 {
    margin-bottom: 24px;
  }
}

@media (min-width: 960px) {
  .block-text .content {
    width: 1px;
    min-width: calc((100% / 12 * 8) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-text .content {
    margin-left: calc((100% / 12 * 2) + 16px);
  }
}
@media (min-width: 1280px) {
  .block-text .content {
    width: 1px;
    min-width: calc((100% / 12 * 6) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-text .content {
    margin-left: calc((100% / 12 * 3) + 16px);
  }
}
.block-headline {
  position: relative;
}
.block-headline .content {
  text-align: center;
}
.block-headline .content {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-headline .content .headline {
  margin-bottom: 32px;
}
@media only screen and (min-width: 360px) {
  .block-headline .content .headline {
    margin-bottom: calc(32px + 32 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-headline .content .headline {
    margin-bottom: 64px;
  }
}

@media (min-width: 960px) {
  .block-headline .content {
    width: 1px;
    min-width: calc((100% / 12 * 8) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-headline .content {
    margin-left: calc((100% / 12 * 2) + 16px);
  }
}
@media (min-width: 1280px) {
  .block-headline .content {
    width: 1px;
    min-width: calc((100% / 12 * 6) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-headline .content {
    margin-left: calc((100% / 12 * 3) + 16px);
  }
}
.block-text-media {
  margin-top: 48px;
}
@media only screen and (min-width: 360px) {
  .block-text-media {
    margin-top: calc(48px + 44 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-text-media {
    margin-top: 92px;
  }
}
.block-text-media .block-inner {
  position: relative;
}
.block-text-media .content {
  background-color: #f2f2f2;
}
.block-text-media .content {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-text-media .content {
  padding: 24px;
}
@media only screen and (min-width: 360px) {
  .block-text-media .content {
    padding: calc(24px + 24 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-text-media .content {
    padding: 48px;
  }
}
.block-text-media .content .headline {
  margin-bottom: 32px;
}
@media only screen and (min-width: 360px) {
  .block-text-media .content .headline {
    margin-bottom: calc(32px + 32 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-text-media .content .headline {
    margin-bottom: 64px;
  }
}
.block-text-media .content .headline h1, .block-text-media .content .headline h2, .block-text-media .content .headline h3, .block-text-media .content .headline h4, .block-text-media .content .headline h5, .block-text-media .content .headline h6 {
  color: #32ADD6;
}
.block-text-media .media {
  object-fit: cover;
  min-height: 378px;
}
.block-text-media .media {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-text-media .media .image {
  height: 100%;
  position: relative;
}
.block-text-media .media .image img {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.block-text-media .media .slider {
  height: 100%;
  position: relative;
  background-color: #f2f2f2;
}
.block-text-media .media .slider .slide {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.block-text-media .media .slider .slide img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

@media (min-width: 1024px) {
  .block-text-media .grid-row {
    align-items: stretch;
  }
  .block-text-media .content {
    background-color: #ffffff;
    padding-left: 0;
  }
  .block-text-media .content {
    width: 1px;
    min-width: calc((100% / 12 * 6) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-text-media .content {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 360px) {
  .block-text-media .content {
    padding-top: calc(48px + 44 * (100vw - 360px) / (1920 - 360));
    padding-bottom: calc(48px + 44 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1920px) {
  .block-text-media .content {
    padding-top: 92px;
    padding-bottom: 92px;
  }
}
@media (min-width: 1024px) {
  .block-text-media .content {
    padding-right: 48px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 960px) {
  .block-text-media .content {
    padding-right: calc(48px + 60 * (100vw - 960px) / (1920 - 960));
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1920px) {
  .block-text-media .content {
    padding-right: 108px;
  }
}
@media (min-width: 1024px) {
  .block-text-media .media {
    width: 1px;
    min-width: calc((100% / 12 * 6) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-text-media .media .image {
    height: 100%;
  }
  .block-text-media .media .image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
  .block-text-media .media .image {
    height: 100%;
  }
  .block-text-media .media .image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .block-text-media.left .content {
    order: -1;
  }
  .block-text-media.left .media {
    order: 1;
  }
}
@media (min-width: 1024px) {
  .block-text-media.right .content {
    padding-right: 0;
  }
  .block-text-media.right .content {
    padding-left: 48px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 960px) {
  .block-text-media.right .content {
    padding-left: calc(48px + 60 * (100vw - 960px) / (1920 - 960));
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1920px) {
  .block-text-media.right .content {
    padding-left: 108px;
  }
}
.block-media {
  margin-top: 104px;
}
@media only screen and (min-width: 360px) {
  .block-media {
    margin-top: calc(104px + 151 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-media {
    margin-top: 255px;
  }
}
.block-media {
  padding-bottom: 12px;
}
@media only screen and (min-width: 360px) {
  .block-media {
    padding-bottom: calc(12px + 65 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-media {
    padding-bottom: 77px;
  }
}
.block-media .block-inner {
  position: relative;
}
.block-media .media {
  aspect-ratio: 16/9;
  position: relative;
}
.block-media .media {
  width: 1px;
  min-width: calc((100% / 12 * 10) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-media .media {
  margin-left: calc((100% / 12 * 1) + 16px);
}
.block-media .media:before {
  content: "";
  background-color: #484848;
  position: absolute;
  top: auto;
  right: auto;
  z-index: -1;
}
.block-media .media:before {
  width: 64px;
}
@media only screen and (min-width: 360px) {
  .block-media .media:before {
    width: calc(64px + 218 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-media .media:before {
    width: 282px;
  }
}
.block-media .media:before {
  height: 32px;
}
@media only screen and (min-width: 360px) {
  .block-media .media:before {
    height: calc(32px + 112 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-media .media:before {
    height: 144px;
  }
}
.block-media .media:before {
  left: -32px;
}
@media only screen and (min-width: 360px) {
  .block-media .media:before {
    left: calc(-32px + -109 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-media .media:before {
    left: -141px;
  }
}
.block-media .media:before {
  bottom: -16px;
}
@media only screen and (min-width: 360px) {
  .block-media .media:before {
    bottom: calc(-16px + -61 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-media .media:before {
    bottom: -77px;
  }
}
.block-media .media:after {
  content: "";
  background-color: #F28E00;
  position: absolute;
  bottom: auto;
  left: auto;
  z-index: -1;
}
.block-media .media:after {
  width: 64px;
}
@media only screen and (min-width: 360px) {
  .block-media .media:after {
    width: calc(64px + 218 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-media .media:after {
    width: 282px;
  }
}
.block-media .media:after {
  height: 32px;
}
@media only screen and (min-width: 360px) {
  .block-media .media:after {
    height: calc(32px + 112 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-media .media:after {
    height: 144px;
  }
}
.block-media .media:after {
  top: -16px;
}
@media only screen and (min-width: 360px) {
  .block-media .media:after {
    top: calc(-16px + -61 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-media .media:after {
    top: -77px;
  }
}
.block-media .media:after {
  right: -32px;
}
@media only screen and (min-width: 360px) {
  .block-media .media:after {
    right: calc(-32px + -109 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-media .media:after {
    right: -141px;
  }
}
.block-media .media .image {
  height: 100%;
  position: relative;
}
.block-media .media .image img {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.block-media .media .slider {
  height: 100%;
  position: relative;
  background-color: #f2f2f2;
}
.block-media .media .slider .slide {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.block-media .media .slider .slide img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

@media (min-width: 960px) {
  .block-media .media {
    width: 1px;
    min-width: calc((100% / 12 * 8) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-media .media {
    margin-left: calc((100% / 12 * 2) + 16px);
  }
}
.block-highlight-boxes {
  position: relative;
  background-color: #32ADD6;
  /*
    .link {
      @include grid_column(12);
    .button {
      margin: 0 auto;
      @include fluid(margin-top, $w-360, $w-1920, 48, 92);
    }
    }

   */
}
.block-highlight-boxes .block-inner {
  position: relative;
}
.block-highlight-boxes .top-wave {
  position: absolute;
  top: -3px;
  right: 0px;
  bottom: auto;
  left: auto;
  z-index: 0;
  opacity: 0.3;
}
.block-highlight-boxes .top-wave {
  width: 200px;
}
@media only screen and (min-width: 360px) {
  .block-highlight-boxes .top-wave {
    width: calc(200px + 400 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-highlight-boxes .top-wave {
    width: 600px;
  }
}
.block-highlight-boxes .bottom-wave {
  position: absolute;
  top: auto;
  left: 0px;
  bottom: -3px;
  right: auto;
  z-index: 0;
  opacity: 0.3;
}
.block-highlight-boxes .bottom-wave {
  width: 220px;
}
@media only screen and (min-width: 360px) {
  .block-highlight-boxes .bottom-wave {
    width: calc(220px + 550 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-highlight-boxes .bottom-wave {
    width: 770px;
  }
}
.block-highlight-boxes .grid-row {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media only screen and (min-width: 360px) {
  .block-highlight-boxes .grid-row {
    padding-top: calc(48px + 44 * (100vw - 360px) / (1920 - 360));
    padding-bottom: calc(48px + 44 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-highlight-boxes .grid-row {
    padding-top: 92px;
    padding-bottom: 92px;
  }
}
.block-highlight-boxes .content {
  text-align: center;
  color: #ffffff;
}
.block-highlight-boxes .content {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-highlight-boxes .content .headline h1, .block-highlight-boxes .content .headline h2, .block-highlight-boxes .content .headline h3, .block-highlight-boxes .content .headline h4, .block-highlight-boxes .content .headline h5, .block-highlight-boxes .content .headline h6 {
  color: #ffffff;
}
.block-highlight-boxes .content .text {
  margin-top: 32px;
}
@media only screen and (min-width: 360px) {
  .block-highlight-boxes .content .text {
    margin-top: calc(32px + 32 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-highlight-boxes .content .text {
    margin-top: 64px;
  }
}
.block-highlight-boxes .boxes {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.block-highlight-boxes .boxes {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-highlight-boxes .boxes .box {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.block-highlight-boxes .boxes .box {
  width: 1px;
  min-width: calc((100% / 12 * 6) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-highlight-boxes .boxes .box {
  padding-top: 48px;
}
@media only screen and (min-width: 360px) {
  .block-highlight-boxes .boxes .box {
    padding-top: calc(48px + 44 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-highlight-boxes .boxes .box {
    padding-top: 92px;
  }
}
.block-highlight-boxes .boxes .box .box-big-text {
  position: relative;
  color: #ffffff;
  font-weight: 300;
  font-style: italic;
  z-index: 1;
}
.block-highlight-boxes .boxes .box .box-big-text {
  font-size: 50px;
}
@media only screen and (min-width: 360px) {
  .block-highlight-boxes .boxes .box .box-big-text {
    font-size: calc(50px + 50 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-highlight-boxes .boxes .box .box-big-text {
    font-size: 100px;
  }
}
.block-highlight-boxes .boxes .box .box-big-text:after {
  content: "";
  background-color: #CCF3FF;
  position: absolute;
  z-index: -1;
  opacity: 0.7;
}
.block-highlight-boxes .boxes .box .box-big-text:after {
  top: 16px;
}
@media only screen and (min-width: 360px) {
  .block-highlight-boxes .boxes .box .box-big-text:after {
    top: calc(16px + 14 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-highlight-boxes .boxes .box .box-big-text:after {
    top: 30px;
  }
}
.block-highlight-boxes .boxes .box .box-big-text:after {
  right: 16px;
}
@media only screen and (min-width: 360px) {
  .block-highlight-boxes .boxes .box .box-big-text:after {
    right: calc(16px + 8 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-highlight-boxes .boxes .box .box-big-text:after {
    right: 24px;
  }
}
.block-highlight-boxes .boxes .box .box-big-text:after {
  bottom: 16px;
}
@media only screen and (min-width: 360px) {
  .block-highlight-boxes .boxes .box .box-big-text:after {
    bottom: calc(16px + 14 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-highlight-boxes .boxes .box .box-big-text:after {
    bottom: 30px;
  }
}
.block-highlight-boxes .boxes .box .box-big-text:after {
  left: 16px;
}
@media only screen and (min-width: 360px) {
  .block-highlight-boxes .boxes .box .box-big-text:after {
    left: calc(16px + 8 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-highlight-boxes .boxes .box .box-big-text:after {
    left: 24px;
  }
}
.block-highlight-boxes .boxes .box .box-icon {
  position: relative;
  z-index: 1;
}
.block-highlight-boxes .boxes .box .box-icon {
  height: 50px;
}
@media only screen and (min-width: 360px) {
  .block-highlight-boxes .boxes .box .box-icon {
    height: calc(50px + 50 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-highlight-boxes .boxes .box .box-icon {
    height: 100px;
  }
}
.block-highlight-boxes .boxes .box .box-icon img {
  height: 100%;
  width: auto;
}
.block-highlight-boxes .boxes .box .box-icon:after {
  content: "";
  background-color: #CCF3FF;
  position: absolute;
  z-index: -1;
  opacity: 0.5;
}
.block-highlight-boxes .boxes .box .box-icon:after {
  top: 11px;
}
@media only screen and (min-width: 360px) {
  .block-highlight-boxes .boxes .box .box-icon:after {
    top: calc(11px + 11 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-highlight-boxes .boxes .box .box-icon:after {
    top: 22px;
  }
}
.block-highlight-boxes .boxes .box .box-icon:after {
  right: -11px;
}
@media only screen and (min-width: 360px) {
  .block-highlight-boxes .boxes .box .box-icon:after {
    right: calc(-11px + -11 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-highlight-boxes .boxes .box .box-icon:after {
    right: -22px;
  }
}
.block-highlight-boxes .boxes .box .box-icon:after {
  bottom: 11px;
}
@media only screen and (min-width: 360px) {
  .block-highlight-boxes .boxes .box .box-icon:after {
    bottom: calc(11px + 11 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-highlight-boxes .boxes .box .box-icon:after {
    bottom: 22px;
  }
}
.block-highlight-boxes .boxes .box .box-icon:after {
  left: -11px;
}
@media only screen and (min-width: 360px) {
  .block-highlight-boxes .boxes .box .box-icon:after {
    left: calc(-11px + -11 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-highlight-boxes .boxes .box .box-icon:after {
    left: -22px;
  }
}
.block-highlight-boxes .boxes .box .box-content-title {
  color: #ffffff;
  font-style: italic;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.block-highlight-boxes .boxes .box .box-content-title {
  padding-top: 12px;
}
@media only screen and (min-width: 360px) {
  .block-highlight-boxes .boxes .box .box-content-title {
    padding-top: calc(12px + 24 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-highlight-boxes .boxes .box .box-content-title {
    padding-top: 36px;
  }
}
.block-highlight-boxes .boxes .box .box-content-title {
  font-size: 13px;
}
@media only screen and (min-width: 360px) {
  .block-highlight-boxes .boxes .box .box-content-title {
    font-size: calc(13px + 15 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-highlight-boxes .boxes .box .box-content-title {
    font-size: 28px;
  }
}
.block-highlight-boxes .boxes .box .box-text {
  color: #ffffff;
  text-align: center;
}
.block-highlight-boxes .closing-text {
  text-align: center;
  color: #ffffff;
}
.block-highlight-boxes .closing-text {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-highlight-boxes .closing-text {
  margin-top: 32px;
}
@media only screen and (min-width: 360px) {
  .block-highlight-boxes .closing-text {
    margin-top: calc(32px + 32 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-highlight-boxes .closing-text {
    margin-top: 64px;
  }
}
.block-highlight-boxes .closing-text span {
  display: block;
}

@media (min-width: 960px) {
  .block-highlight-boxes .content {
    width: 1px;
    min-width: calc((100% / 12 * 6) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-highlight-boxes .content {
    margin-left: calc((100% / 12 * 3) + 16px);
  }
  .block-highlight-boxes .boxes .box {
    width: 1px;
    min-width: calc((100% / 12 * 4) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-highlight-boxes .closing-text {
    width: 1px;
    min-width: calc((100% / 12 * 6) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-highlight-boxes .closing-text {
    margin-left: calc((100% / 12 * 3) + 16px);
  }
}
.block-content-boxes .block-inner {
  background: rgb(242, 242, 242);
  background: linear-gradient(0deg, rgb(242, 242, 242) 0%, rgb(242, 242, 242) 80%, rgb(255, 255, 255) 80%, rgb(255, 255, 255) 100%);
}
.block-content-boxes .boxes {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.block-content-boxes .boxes {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-content-boxes .boxes .box {
  display: flex;
  flex-flow: column;
  align-items: center;
  background-color: #ffffff;
}
.block-content-boxes .boxes .box {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-content-boxes .boxes .box {
  margin-top: 48px;
}
@media only screen and (min-width: 360px) {
  .block-content-boxes .boxes .box {
    margin-top: calc(48px + 44 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-content-boxes .boxes .box {
    margin-top: 92px;
  }
}
.block-content-boxes .boxes .box:first-child {
  margin-top: 0;
}
.block-content-boxes .boxes .box .box-image {
  padding: 0;
  aspect-ratio: 4/3;
  overflow: hidden;
  width: 100%;
}
.block-content-boxes .boxes .box .box-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  transition: transform 1s ease;
  transform-origin: center;
}
.block-content-boxes .boxes .box .box-image img:hover {
  transform: scale(1.15);
}
.block-content-boxes .boxes .box .box-content-title {
  color: #14387F;
  text-align: center;
}
.block-content-boxes .boxes .box .box-content-title {
  padding: 12px;
}
@media only screen and (min-width: 360px) {
  .block-content-boxes .boxes .box .box-content-title {
    padding: calc(12px + 24 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-content-boxes .boxes .box .box-content-title {
    padding: 36px;
  }
}
.block-content-boxes .boxes .box:last-child {
  margin-bottom: 48px;
}
@media only screen and (min-width: 360px) {
  .block-content-boxes .boxes .box:last-child {
    margin-bottom: calc(48px + 44 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-content-boxes .boxes .box:last-child {
    margin-bottom: 92px;
  }
}

@media (min-width: 768px) {
  .block-content-boxes .block-inner {
    background: rgb(242, 242, 242);
    background: linear-gradient(0deg, rgb(242, 242, 242) 0%, rgb(242, 242, 242) 59%, rgb(255, 255, 255) 59%, rgb(255, 255, 255) 100%);
  }
  .block-content-boxes .boxes .box {
    margin-top: 0;
  }
  .block-content-boxes .boxes .box {
    width: 1px;
    min-width: calc((100% / 12 * 4) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-content-boxes .boxes .box {
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 360px) {
  .block-content-boxes .boxes .box {
    margin-bottom: calc(48px + 44 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .block-content-boxes .boxes .box {
    margin-bottom: 92px;
  }
}
.block-icon-boxes .boxes {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.block-icon-boxes .boxes {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-icon-boxes .boxes .box {
  display: flex;
  flex-flow: column;
  align-items: center;
  background-color: #ffffff;
}
.block-icon-boxes .boxes .box {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-icon-boxes .boxes .box {
  margin-top: 48px;
}
@media only screen and (min-width: 360px) {
  .block-icon-boxes .boxes .box {
    margin-top: calc(48px + 44 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-icon-boxes .boxes .box {
    margin-top: 92px;
  }
}
.block-icon-boxes .boxes .box:first-child {
  margin-top: 0;
}
.block-icon-boxes .boxes .box .box-icon {
  position: relative;
  z-index: 1;
}
.block-icon-boxes .boxes .box .box-icon {
  height: 64px;
}
@media only screen and (min-width: 360px) {
  .block-icon-boxes .boxes .box .box-icon {
    height: calc(64px + 36 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-icon-boxes .boxes .box .box-icon {
    height: 100px;
  }
}
.block-icon-boxes .boxes .box .box-icon img {
  height: 100%;
  width: auto;
  transition: transform 1s ease;
  transform-origin: center;
}
.block-icon-boxes .boxes .box .box-icon:after {
  content: "";
  background-color: #CCF3FF;
  position: absolute;
  z-index: -1;
  opacity: 0.47;
}
.block-icon-boxes .boxes .box .box-icon:after {
  top: 11px;
}
@media only screen and (min-width: 360px) {
  .block-icon-boxes .boxes .box .box-icon:after {
    top: calc(11px + 11 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-icon-boxes .boxes .box .box-icon:after {
    top: 22px;
  }
}
.block-icon-boxes .boxes .box .box-icon:after {
  right: -11px;
}
@media only screen and (min-width: 360px) {
  .block-icon-boxes .boxes .box .box-icon:after {
    right: calc(-11px + -11 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-icon-boxes .boxes .box .box-icon:after {
    right: -22px;
  }
}
.block-icon-boxes .boxes .box .box-icon:after {
  bottom: 11px;
}
@media only screen and (min-width: 360px) {
  .block-icon-boxes .boxes .box .box-icon:after {
    bottom: calc(11px + 11 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-icon-boxes .boxes .box .box-icon:after {
    bottom: 22px;
  }
}
.block-icon-boxes .boxes .box .box-icon:after {
  left: -11px;
}
@media only screen and (min-width: 360px) {
  .block-icon-boxes .boxes .box .box-icon:after {
    left: calc(-11px + -11 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-icon-boxes .boxes .box .box-icon:after {
    left: -22px;
  }
}
.block-icon-boxes .boxes .box .box-content-title {
  margin-top: 20px;
}
@media only screen and (min-width: 360px) {
  .block-icon-boxes .boxes .box .box-content-title {
    margin-top: calc(20px + 16 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-icon-boxes .boxes .box .box-content-title {
    margin-top: 36px;
  }
}
.block-icon-boxes .boxes .box:hover p, .block-icon-boxes .boxes .box:hover h1, .block-icon-boxes .boxes .box:hover h2, .block-icon-boxes .boxes .box:hover h3, .block-icon-boxes .boxes .box:hover h4, .block-icon-boxes .boxes .box:hover h5, .block-icon-boxes .boxes .box:hover h6 {
  color: #32ADD6;
}
.block-icon-boxes .boxes .box:hover img {
  transform: scale(1.15);
}

@media (min-width: 768px) {
  .block-icon-boxes .boxes .box {
    margin-top: 0;
  }
  .block-icon-boxes .boxes .box {
    width: 1px;
    min-width: calc((100% / 12 * 4) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
}
.block-partners .block-inner {
  position: relative;
}
.block-partners .content {
  text-align: center;
}
.block-partners .content {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-partners .content .headline {
  margin-bottom: 32px;
}
@media only screen and (min-width: 360px) {
  .block-partners .content .headline {
    margin-bottom: calc(32px + 32 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-partners .content .headline {
    margin-bottom: 64px;
  }
}
.block-partners .partners-filter {
  width: 100%;
  text-align: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.block-partners .partners-filter {
  margin-top: 40px;
}
@media only screen and (min-width: 360px) {
  .block-partners .partners-filter {
    margin-top: calc(40px + 40 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-partners .partners-filter {
    margin-top: 80px;
  }
}
.block-partners .partners-filter a {
  display: inline-block;
  background-color: transparent;
  color: #32ADD6;
  border: 1px solid #32ADD6;
  cursor: pointer;
}
.block-partners .partners-filter a {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media only screen and (min-width: 360px) {
  .block-partners .partners-filter a {
    padding-top: calc(8px + 4 * (100vw - 360px) / (1920 - 360));
    padding-bottom: calc(8px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-partners .partners-filter a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.block-partners .partners-filter a {
  padding-right: 12px;
  padding-left: 12px;
}
@media only screen and (min-width: 360px) {
  .block-partners .partners-filter a {
    padding-right: calc(12px + 4 * (100vw - 360px) / (1920 - 360));
    padding-left: calc(12px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-partners .partners-filter a {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.block-partners .partners-filter a {
  margin-right: 10px;
  margin-left: 10px;
}
@media only screen and (min-width: 360px) {
  .block-partners .partners-filter a {
    margin-right: calc(10px + 10 * (100vw - 360px) / (1920 - 360));
    margin-left: calc(10px + 10 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-partners .partners-filter a {
    margin-right: 20px;
    margin-left: 20px;
  }
}
.block-partners .partners-filter a:hover, .block-partners .partners-filter a.active {
  color: #ffffff;
  background-color: #32ADD6;
}
.block-partners .partners {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.block-partners .partners {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-partners .partners .partner {
  border-top: 8px solid #f2f2f2;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
}
.block-partners .partners .partner.hidden {
  display: none;
}
.block-partners .partners .partner {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-partners .partners .partner {
  padding-top: 20px;
}
@media only screen and (min-width: 360px) {
  .block-partners .partners .partner {
    padding-top: calc(20px + 16 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-partners .partners .partner {
    padding-top: 36px;
  }
}
.block-partners .partners .partner {
  margin-top: 48px;
}
@media only screen and (min-width: 360px) {
  .block-partners .partners .partner {
    margin-top: calc(48px + 48 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-partners .partners .partner {
    margin-top: 96px;
  }
}
.block-partners .partners .partner .partner-media {
  padding-bottom: 16px;
}
@media only screen and (min-width: 360px) {
  .block-partners .partners .partner .partner-media {
    padding-bottom: calc(16px + 16 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-partners .partners .partner .partner-media {
    padding-bottom: 32px;
  }
}
.block-partners .partners .partner .partner-media .logo {
  width: 100%;
}
.block-partners .partners .partner .partner-media .logo {
  height: 75px;
}
@media only screen and (min-width: 360px) {
  .block-partners .partners .partner .partner-media .logo {
    height: calc(75px + 25 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-partners .partners .partner .partner-media .logo {
    height: 100px;
  }
}
.block-partners .partners .partner .partner-media .logo img {
  height: 100%;
  width: auto;
  filter: grayscale(100%);
  opacity: 0.67;
}
.block-partners .partners .partner .partner-media .logo img:hover {
  filter: none;
}
.block-partners .partners .partner .partner-title {
  color: #32ADD6;
  font-style: italic;
  text-transform: uppercase;
  font-weight: bold;
}
.block-partners .partners .partner .partner-title {
  font-size: 18px;
}
@media only screen and (min-width: 360px) {
  .block-partners .partners .partner .partner-title {
    font-size: calc(18px + 10 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-partners .partners .partner .partner-title {
    font-size: 28px;
  }
}
.block-partners .partners .partner .partner-text {
  padding-top: 20px;
}
@media only screen and (min-width: 360px) {
  .block-partners .partners .partner .partner-text {
    padding-top: calc(20px + 16 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-partners .partners .partner .partner-text {
    padding-top: 36px;
  }
}
.block-partners .partners .partner .partner-link {
  display: flex;
  flex-flow: row nowrap;
}
.block-partners .partners .partner .partner-link {
  padding-top: 20px;
}
@media only screen and (min-width: 360px) {
  .block-partners .partners .partner .partner-link {
    padding-top: calc(20px + 16 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-partners .partners .partner .partner-link {
    padding-top: 36px;
  }
}
.block-partners .partners .partner .partner-link i {
  margin-top: 2px;
}
.block-partners .partners .partner .partner-link:hover {
  color: #32ADD6;
}
.block-partners .partners .partner .partner-link .link {
  padding-top: 0;
  margin-top: 0;
  margin-left: 8px;
}
.block-partners .alert {
  border: 1px solid #F28E00;
  color: #F28E00;
  text-align: center;
}
.block-partners .alert {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-partners .alert {
  font-size: 12px;
}
@media only screen and (min-width: 360px) {
  .block-partners .alert {
    font-size: calc(12px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-partners .alert {
    font-size: 16px;
  }
}
.block-partners .alert {
  margin-top: 32px;
}
@media only screen and (min-width: 360px) {
  .block-partners .alert {
    margin-top: calc(32px + 32 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-partners .alert {
    margin-top: 64px;
  }
}
.block-partners .alert {
  padding: 12px;
}
@media only screen and (min-width: 360px) {
  .block-partners .alert {
    padding: calc(12px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-partners .alert {
    padding: 16px;
  }
}
.block-partners .alert:hover {
  color: #ffffff;
  background-color: #F28E00;
}

@media (min-width: 960px) {
  .block-partners .content {
    width: 1px;
    min-width: calc((100% / 12 * 8) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-partners .content {
    margin-left: calc((100% / 12 * 2) + 16px);
  }
  .block-partners .partners .partner {
    width: 1px;
    min-width: calc((100% / 12 * 4) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-partners .partners .partner .partner-media .logo {
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  .block-partners .content {
    width: 1px;
    min-width: calc((100% / 12 * 6) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-partners .content {
    margin-left: calc((100% / 12 * 3) + 16px);
  }
}
.block-schools .block-inner {
  position: relative;
}
.block-schools .school-content {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-schools .school-content .school-place i {
  margin-top: 2px;
  margin-right: 8px;
}
.block-schools .schools-filter {
  width: 100%;
  text-align: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.block-schools .schools-filter {
  margin-top: 40px;
}
@media only screen and (min-width: 360px) {
  .block-schools .schools-filter {
    margin-top: calc(40px + 40 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-schools .schools-filter {
    margin-top: 80px;
  }
}
.block-schools .schools-filter a {
  display: inline-block;
  background-color: transparent;
  color: #32ADD6;
  border: 1px solid #32ADD6;
  cursor: pointer;
}
.block-schools .schools-filter a {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media only screen and (min-width: 360px) {
  .block-schools .schools-filter a {
    padding-top: calc(8px + 4 * (100vw - 360px) / (1920 - 360));
    padding-bottom: calc(8px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-schools .schools-filter a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.block-schools .schools-filter a {
  padding-right: 12px;
  padding-left: 12px;
}
@media only screen and (min-width: 360px) {
  .block-schools .schools-filter a {
    padding-right: calc(12px + 4 * (100vw - 360px) / (1920 - 360));
    padding-left: calc(12px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-schools .schools-filter a {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.block-schools .schools-filter a {
  margin-right: 10px;
  margin-left: 10px;
}
@media only screen and (min-width: 360px) {
  .block-schools .schools-filter a {
    margin-right: calc(10px + 10 * (100vw - 360px) / (1920 - 360));
    margin-left: calc(10px + 10 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-schools .schools-filter a {
    margin-right: 20px;
    margin-left: 20px;
  }
}
.block-schools .schools-filter a:hover, .block-schools .schools-filter a.active {
  color: #ffffff;
  background-color: #32ADD6;
}
.block-schools .schools {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.block-schools .schools {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-schools .schools .school {
  border-top: 8px solid #f2f2f2;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
}
.block-schools .schools .school.hidden {
  display: none;
}
.block-schools .schools .school {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-schools .schools .school {
  padding-top: 20px;
}
@media only screen and (min-width: 360px) {
  .block-schools .schools .school {
    padding-top: calc(20px + 16 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-schools .schools .school {
    padding-top: 36px;
  }
}
.block-schools .schools .school {
  margin-top: 48px;
}
@media only screen and (min-width: 360px) {
  .block-schools .schools .school {
    margin-top: calc(48px + 48 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-schools .schools .school {
    margin-top: 96px;
  }
}
.block-schools .schools .school .school-title {
  color: #32ADD6;
  font-style: italic;
  text-transform: uppercase;
  font-weight: bold;
}
.block-schools .schools .school .school-title {
  font-size: 18px;
}
@media only screen and (min-width: 360px) {
  .block-schools .schools .school .school-title {
    font-size: calc(18px + 10 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-schools .schools .school .school-title {
    font-size: 28px;
  }
}
.block-schools .schools .school .school-link {
  display: flex;
  flex-flow: row nowrap;
}
.block-schools .schools .school .school-link i {
  margin-top: 2px;
}
.block-schools .schools .school .school-link:hover {
  color: #32ADD6;
}
.block-schools .schools .school .school-link .link {
  padding-top: 0;
  margin-top: 0;
  margin-left: 8px;
}
.block-schools .alert {
  border: 1px solid #F28E00;
  color: #F28E00;
  text-align: center;
}
.block-schools .alert {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-schools .alert {
  font-size: 12px;
}
@media only screen and (min-width: 360px) {
  .block-schools .alert {
    font-size: calc(12px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-schools .alert {
    font-size: 16px;
  }
}
.block-schools .alert {
  margin-top: 32px;
}
@media only screen and (min-width: 360px) {
  .block-schools .alert {
    margin-top: calc(32px + 32 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-schools .alert {
    margin-top: 64px;
  }
}
.block-schools .alert {
  padding: 12px;
}
@media only screen and (min-width: 360px) {
  .block-schools .alert {
    padding: calc(12px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-schools .alert {
    padding: 16px;
  }
}
.block-schools .alert:hover {
  color: #ffffff;
  background-color: #F28E00;
}

@media (min-width: 960px) {
  .block-schools .content {
    width: 1px;
    min-width: calc((100% / 12 * 8) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-schools .content {
    margin-left: calc((100% / 12 * 2) + 16px);
  }
  .block-schools .schools .school {
    width: 1px;
    min-width: calc((100% / 12 * 4) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media (min-width: 1280px) {
  .block-schools .content {
    width: 1px;
    min-width: calc((100% / 12 * 6) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-schools .content {
    margin-left: calc((100% / 12 * 3) + 16px);
  }
}
.block-references {
  position: relative;
}
.block-references .content {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.block-references .content {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-references .content .icon {
  height: auto;
  position: relative;
  z-index: 1;
  display: block;
}
.block-references .content .icon {
  width: 80px;
}
@media only screen and (min-width: 360px) {
  .block-references .content .icon {
    width: calc(80px + 20 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-references .content .icon {
    width: 100px;
  }
}
.block-references .content .icon {
  margin-bottom: 32px;
}
@media only screen and (min-width: 360px) {
  .block-references .content .icon {
    margin-bottom: calc(32px + 32 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-references .content .icon {
    margin-bottom: 64px;
  }
}
.block-references .content .icon img {
  width: 100%;
}
.block-references .content .icon:after {
  content: "";
  background-color: #CCF3FF;
  position: absolute;
  z-index: -1;
  opacity: 0.47;
}
.block-references .content .icon:after {
  top: 11px;
}
@media only screen and (min-width: 360px) {
  .block-references .content .icon:after {
    top: calc(11px + 11 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-references .content .icon:after {
    top: 22px;
  }
}
.block-references .content .icon:after {
  right: -11px;
}
@media only screen and (min-width: 360px) {
  .block-references .content .icon:after {
    right: calc(-11px + -11 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-references .content .icon:after {
    right: -22px;
  }
}
.block-references .content .icon:after {
  bottom: 11px;
}
@media only screen and (min-width: 360px) {
  .block-references .content .icon:after {
    bottom: calc(11px + 11 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-references .content .icon:after {
    bottom: 22px;
  }
}
.block-references .content .icon:after {
  left: -11px;
}
@media only screen and (min-width: 360px) {
  .block-references .content .icon:after {
    left: calc(-11px + -11 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-references .content .icon:after {
    left: -22px;
  }
}
.block-references .content .headline {
  margin-bottom: 32px;
}
@media only screen and (min-width: 360px) {
  .block-references .content .headline {
    margin-bottom: calc(32px + 32 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-references .content .headline {
    margin-bottom: 64px;
  }
}
.block-references .slider {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-references .slider .reference {
  text-align: center;
  display: flex;
  height: 100%;
}
.block-references .slider .reference .name {
  font-weight: 700;
  font-style: italic;
  margin-top: 24px;
}
.block-references .slider .slick-dots {
  margin-top: 32px;
}
@media only screen and (min-width: 360px) {
  .block-references .slider .slick-dots {
    margin-top: calc(32px + 32 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-references .slider .slick-dots {
    margin-top: 64px;
  }
}

@media (min-width: 1024px) {
  .block-references .slider {
    width: 1px;
    min-width: calc((100% / 12 * 6) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-references .slider {
    margin-left: calc((100% / 12 * 3) + 16px);
  }
}
.block-accordion {
  position: relative;
}
.block-accordion .block-inner {
  position: relative;
}
.block-accordion .content {
  text-align: center;
}
.block-accordion .content {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-accordion .content .headline {
  margin-bottom: 32px;
}
@media only screen and (min-width: 360px) {
  .block-accordion .content .headline {
    margin-bottom: calc(32px + 32 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-accordion .content .headline {
    margin-bottom: 64px;
  }
}
.block-accordion .content .text {
  margin-bottom: 32px;
}
@media only screen and (min-width: 360px) {
  .block-accordion .content .text {
    margin-bottom: calc(32px + 32 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-accordion .content .text {
    margin-bottom: 64px;
  }
}
.block-accordion .entries {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.block-accordion .entries {
  width: 1px;
  min-width: calc((100% / 12 * 12) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-accordion .entries .entry {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  background-color: #f2f2f2;
  margin-top: 10px;
}
.block-accordion .entries .entry {
  padding: 24px;
}
@media only screen and (min-width: 360px) {
  .block-accordion .entries .entry {
    padding: calc(24px + 8 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-accordion .entries .entry {
    padding: 32px;
  }
}
.block-accordion .entries .entry:first-child {
  margin-top: 0;
}
.block-accordion .entries .entry .entry-content {
  flex-grow: 1;
}
.block-accordion .entries .entry .entry-content .entry-question {
  font-weight: 700;
  font-style: italic;
  user-select: none;
  cursor: pointer;
}
.block-accordion .entries .entry .entry-content .entry-answer {
  max-height: 0;
  transition: max-height 0.4s ease-in-out;
  overflow: hidden;
}
.block-accordion .entries .entry .entry-toggle {
  cursor: pointer;
  border: none;
  display: block;
  background: none;
  padding: 0;
  height: 22px;
  min-width: 22px;
  position: relative;
}
.block-accordion .entries .entry .entry-toggle span {
  top: 0;
  left: 0;
  position: absolute;
  color: transparent;
  height: 22px;
  width: 22px;
}
.block-accordion .entries .entry .entry-toggle span:before, .block-accordion .entries .entry .entry-toggle span:after {
  content: "";
  position: absolute;
  background-color: #707070;
  transition: transform 0.4s ease-in-out;
}
.block-accordion .entries .entry .entry-toggle span:before {
  top: 0;
  left: calc(50% - 1px);
  height: 100%;
  width: 2px;
}
.block-accordion .entries .entry .entry-toggle span:after {
  left: 0;
  bottom: 0;
  top: calc(50% - 1px);
  height: 2px;
  width: 100%;
}
.block-accordion .entries .entry:hover .entry-content .entry-question {
  color: #32ADD6;
}
.block-accordion .entries .entry:hover .entry-toggle span:before, .block-accordion .entries .entry:hover .entry-toggle span:after {
  background-color: #32ADD6;
}
.block-accordion .entries .entry.active .entry-content .entry-question {
  color: #32ADD6;
}
.block-accordion .entries .entry.active .entry-toggle span:before {
  transform: rotate(45deg);
  background-color: #32ADD6;
}
.block-accordion .entries .entry.active .entry-toggle span:after {
  transform: rotate(225deg);
  background-color: #32ADD6;
}

.block-posts {
  position: relative;
}
.block-posts {
  padding-top: 52px;
}
@media only screen and (min-width: 360px) {
  .block-posts {
    padding-top: calc(52px + 92 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-posts {
    padding-top: 144px;
  }
}
.block-posts .block-background {
  background-color: #f2f2f2;
  position: absolute;
  inset: 0;
  z-index: 0;
  display: none;
}
.block-posts .block-background {
  margin-bottom: 52px;
}
@media only screen and (min-width: 360px) {
  .block-posts .block-background {
    margin-bottom: calc(52px + 238 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-posts .block-background {
    margin-bottom: 290px;
  }
}
.block-posts .block-inner {
  position: relative;
}
.block-posts .content {
  text-align: center;
}
.block-posts .posts {
  display: flex;
  flex-flow: row wrap;
  margin-left: -16px;
  margin-right: -16px;
}
.block-posts .posts {
  margin-top: 32px;
}
@media only screen and (min-width: 360px) {
  .block-posts .posts {
    margin-top: calc(32px + 40 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-posts .posts {
    margin-top: 72px;
  }
}
.block-posts .posts .post {
  padding: 24px;
  background: rgb(247, 247, 247);
  margin-bottom: 24px;
}
.block-posts .posts .post {
  width: 1px;
  min-width: calc((100% / 12 * 16) - 16px * 2);
  margin-left: 16px;
  margin-right: 16px;
}
.block-posts .posts .post .post-image {
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  aspect-ratio: 4/3;
}
.block-posts .posts .post .post-meta {
  font-weight: 700;
  color: #0070BF;
}
.block-posts .posts .post .post-meta {
  margin-top: 20px;
}
@media only screen and (min-width: 360px) {
  .block-posts .posts .post .post-meta {
    margin-top: calc(20px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-posts .posts .post .post-meta {
    margin-top: 24px;
  }
}
.block-posts .posts .post .post-title {
  margin-top: 6px;
}
@media only screen and (min-width: 360px) {
  .block-posts .posts .post .post-title {
    margin-top: calc(6px + 2 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-posts .posts .post .post-title {
    margin-top: 8px;
  }
}
.block-posts .posts .post .post-text {
  font-weight: 400;
}
.block-posts .posts .post .post-text {
  margin-top: 12px;
}
@media only screen and (min-width: 360px) {
  .block-posts .posts .post .post-text {
    margin-top: calc(12px + 12 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-posts .posts .post .post-text {
    margin-top: 24px;
  }
}
.block-posts .posts .post:hover {
  color: #000000;
}
.block-posts .posts .post:last-child {
  margin-bottom: 0;
}
.block-posts .link {
  text-align: center;
}
.block-posts .link {
  margin-top: 44px;
}
@media only screen and (min-width: 360px) {
  .block-posts .link {
    margin-top: calc(44px + 52 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-posts .link {
    margin-top: 96px;
  }
}
.block-posts.all {
  padding-top: 0;
}
.block-posts.all .block-background {
  background-color: unset;
}
.block-posts.all .posts {
  margin-top: 0;
}
.block-posts.all .posts .post {
  background: #f2f2f2;
}

#content > .block-hero-section + .block-posts {
  margin-top: 0;
}

@media (min-width: 768px) {
  .block-posts .posts .post {
    width: 1px;
    min-width: calc((100% / 12 * 8) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media (min-width: 1280px) {
  .block-posts .block-background {
    display: block;
  }
  .block-posts .posts {
    justify-content: space-between;
  }
  .block-posts .posts .post {
    background: linear-gradient(0deg, rgb(247, 247, 247) 0%, rgb(255, 255, 255) 100%);
    margin-bottom: 0;
  }
  .block-posts .posts .post {
    width: 1px;
    min-width: calc((100% / 12 * 5.333) - 16px * 2);
    margin-left: 16px;
    margin-right: 16px;
  }
  .block-posts.all .posts .post {
    background: #f2f2f2;
    margin-bottom: 24px;
  }
}
.block-widget-links {
  line-height: 1.2;
}
.block-widget-links ul.links li.link {
  margin-bottom: 20px;
}
.block-widget-links ul.links li.link:last-child {
  margin-bottom: 0;
}
.block-widget-links ul.links li.link a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.block-widget-links ul.links li.link a i {
  margin-right: 12px;
}
@media only screen and (min-width: 360px) {
  .block-widget-links ul.links li.link a i {
    margin-right: calc(12px + 4 * (100vw - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1920px) {
  .block-widget-links ul.links li.link a i {
    margin-right: 16px;
  }
}
.block-widget-links ul.links li.link a span {
  margin-bottom: -2px;
}

.block-widget-text {
  line-height: 1.5;
}
.block-widget-text .text p:first-child {
  margin-top: 0;
}
.block-widget-text .text p:last-child {
  margin-bottom: 0;
}

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