/**
                                                                                    88
                                        ,d                      ,d                  88
                                        88                      88                  88
8b,dPPYba,   ,adPPYba,    ,adPPYba,   MM88MMM      ,adPPYba,  MM88MMM  8b       d8  88   ,adPPYba,  ,adPPYba,
88P'   "Y8  a8"     "8a  a8"     "8a    88         I8[    ""    88     `8b     d8'  88  a8P_____88  I8[    ""
88          8b       d8  8b       d8    88          `"Y8ba,     88      `8b   d8'   88  8PP"""""""   `"Y8ba,
88          "8a,   ,a8"  "8a,   ,a8"    88,        aa    ]8I    88,      `8b,d8'    88  "8b,   ,aa  aa    ]8I
88           `"YbbdP"'    `"YbbdP"'     "Y888      `"YbbdP"'    "Y888      Y88'     88   `"Ybbd8"'  `"YbbdP"'
                                                                           d8'
                                                                          d8'
*/


@font-face {
  font-family: "Circular";
  src: url("fonts/CircularXXWeb-Book.woff2") format("woff2");
}

@font-face {
  font-family: "Circular";
  src: url("fonts/CircularXXWeb-Book.woff") format("woff");
}

/*@font-face {
  font-family: "Circular";
	font-weight: bold;
  src: url("fonts/CircularXXWeb-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Circular";
	font-weight: bold;
  src: url("fonts/CircularXXWeb-Bold.woff") format("woff");
}
*/

@font-face {
  font-family: "Circular";
  font-weight: bold;
  src: url("fonts/CircularStd-Medium.ttf") format("truetype");
}

:root {

  --logo-width: 126px;
  --mobile-logo-width: 90px;
  --header-height: 65px;

  /*	--step--2: clamp(0.69rem, calc(0.68rem + 0.09vw), 0.77rem);
    --step--1: clamp(0.83rem, calc(0.79rem + 0.23vw), 1.03rem);
    --step-0: clamp(1.00rem, calc(0.91rem + 0.44vw), 1.38rem);
    --step-1: clamp(1.20rem, calc(1.05rem + 0.74vw), 1.83rem);
    --step-2: clamp(1.44rem, calc(1.20rem + 1.18vw), 2.44rem);
    --step-3: clamp(1.73rem, calc(1.37rem + 1.80vw), 3.26rem);
    --step-4: clamp(2.07rem, calc(1.54rem + 2.67vw), 4.34rem);
    --step-5: clamp(2.49rem, calc(1.71rem + 3.88vw), 5.79rem);
    --step-6: clamp(2.99rem, calc(1.71rem + 6.88vw), 9.79rem);*/

  /* https://utopia.fyi/type/calculator/?c=320,18,1.2,1920,30,1.2,10,3,1720&s=0.75%7C0.5%7C0.25,1.5%7C2%7C3%7C4%7C6,s-l&g=3xs,m,xl,12 */

  /*  typescale */
  --step--4: clamp(0.95rem, calc(0.46rem + 0.33vw), 0.95rem);
  --step--3: clamp(1rem, calc(0.56rem + 0.43vw), 1.09rem);
  --step--2: clamp(1rem, calc(0.68rem + 0.52vw), 1.30rem);
  --step--1: clamp(1rem, calc(0.81rem + 0.63vw), 1.56rem);
  --step-0: clamp(1.13rem, calc(0.98rem + 0.75vw), 1.88rem);
  --step-1: clamp(1.35rem, calc(1.17rem + 0.90vw), 2.25rem);
  --step-2: clamp(1.62rem, calc(1.40rem + 1.08vw), 2.70rem);
  --step-3: clamp(1.94rem, calc(1.68rem + 1.30vw), 3.24rem);
  --step-4: clamp(2.33rem, calc(2.02rem + 1.56vw), 3.89rem);
  --step-5: clamp(2.80rem, calc(2.43rem + 1.87vw), 4.67rem);
  --step-6: clamp(3.36rem, calc(2.91rem + 2.24vw), 5.60rem);
  --step-7: clamp(4.03rem, calc(3.49rem + 2.69vw), 6.72rem);
  --step-8: clamp(4.84rem, calc(4.19rem + 3.22vw), 8.06rem);
  /*--step-9: clamp(4.81rem, calc(3.03rem + 3.87vw), 9.67rem);*/
  /*
  --step-10: clamp(3.7rem, calc(2.7rem + 4.64vw), 11.61rem);
  */
  --step-10: clamp(3.7rem, calc(2rem + 7vw), 11.61rem);

  /* sizing */

  --space-3xs: clamp(0.31rem, calc(0.28rem + 0.19vw), 0.50rem);
  --space-2xs: clamp(0.56rem, calc(0.49rem + 0.38vw), 0.94rem);
  --space-xs: clamp(0.88rem, calc(0.76rem + 0.56vw), 1.44rem);
  --space-s: clamp(1.13rem, calc(0.98rem + 0.75vw), 1.88rem);
  --space-m: clamp(1.69rem, calc(1.46rem + 1.13vw), 2.81rem);
  --space-l: clamp(2.25rem, calc(1.95rem + 1.50vw), 3.75rem);
  --space-xl: clamp(3.38rem, calc(2.93rem + 2.25vw), 5.63rem);
  --space-2xl: clamp(4.50rem, calc(3.90rem + 3.00vw), 7.50rem);
  --space-3xl: clamp(6.75rem, calc(5.85rem + 4.50vw), 11.25rem);

  /* One-up pairs */
  --space-3xs-2xs: clamp(0.31rem, calc(0.19rem + 0.63vw), 0.94rem);
  --space-2xs-xs: clamp(0.56rem, calc(0.39rem + 0.88vw), 1.44rem);
  --space-xs-s: clamp(0.88rem, calc(0.68rem + 1.00vw), 1.88rem);
  --space-s-m: clamp(1.13rem, calc(0.79rem + 1.69vw), 2.81rem);
  --space-m-l: clamp(1.69rem, calc(1.28rem + 2.06vw), 3.75rem);
  --space-l-xl: clamp(2.25rem, calc(1.58rem + 3.38vw), 5.63rem);
  --space-xl-2xl: clamp(3.38rem, calc(2.55rem + 4.13vw), 7.50rem);
  --space-2xl-3xl: clamp(4.50rem, calc(3.15rem + 6.75vw), 11.25rem);

  /* Custom pairs */
  --space-s-l: clamp(1.13rem, calc(0.60rem + 2.63vw), 3.75rem);

  /* colors */
  --dust-storm: #ddc3bb;
  --olive-green: #b6b29b;
  --marina-blue: #092eef;
  --pitch-black: #000000;
  --snow-white: #ffffff;
  --cararra-grey: #EBE9E6;
  --confetti-yellow: #DBEC62;

  /* logo marquee */
  --size: clamp(4rem, 1rem + 40vmin, 20rem);
  --gap: calc(var(--size) / 14);
  --duration: 60s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));


  --section-spacing: min(15vw, 6rem);
  --block-spacing: var(--step--1);

  --cc-font-family: "Circular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --cc-font-size: 1rem;
  --cc-bg: #DBEC62;
  --cc-z-index: 2147483647;
  --cc-text: #000000;
  --cc-border-radius: .45rem;
  --cc-btn-primary-bg: #000000;
  --cc-btn-primary-text: var(--cc-bg);
  --cc-btn-primary-hover-bg: #000000;
  --cc-btn-primary-hover-text: var(--cc-btn-primary-text);
  --cc-btn-secondary-bg: #DBEC62;
  --cc-btn-secondary-text: var(--cc-text);
  --cc-btn-secondary-hover-bg: #DBEC62;
  --cc-btn-secondary-hover-text: var(--cc-btn-secondary-text);
  --cc-btn-border-radius: 0.375rem;
  --cc-toggle-bg-off: #919ea6;
  --cc-toggle-bg-on: var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: #d5dee2;
  --cc-toggle-knob-bg: #fff;
  --cc-toggle-knob-icon-color: #ecf2fa;
  --cc-block-text: var(--cc-text);
  --cc-cookie-category-block-bg: #FFFFFF;
  --cc-cookie-category-block-bg-hover: #e9eff4;
  --cc-section-border: #DBEC62;
  --cc-cookie-table-border: #e9edf2;
  --cc-overlay-bg: rgb(4, 6, 8);
  --cc-overlay-opacity: .85;
  --cc-consent-modal-box-shadow: 0 0.625rem 1.875rem rgba(2, 2, 3, 0.28);
  --cc-webkit-scrollbar-bg: #cfd5db;
  --cc-webkit-scrollbar-bg-hover: #9199a0;
}

* {
  box-sizing: border-box;
}

main section:first-child:after {
  height: calc(var(--header-height) * 2);
  top: 0px;
  position: absolute;
  width: 100%;
  content: "";
}

/* section background-colors */

.background-dust-storm {
  background-color: var(--dust-storm);
}

.background-olive-green {
  background-color: var(--olive-green);
}

.background-marina-blue {
  background-color: var(--marina-blue);
}

.background-marina-blue * {
  color: white;
}

.background-pitch-black {
  background-color: var(--pitch-black);
}

.background-snow-white {
  background-color: var(--snow-white);
}

.background-cararra-grey {
  background-color: var(--cararra-grey);
}

.background-confetti-yellow {
  background-color: var(--confetti-yellow);
}

main section.background-dust-storm:first-child:after {
  background: var(--dust-storm);
  background: linear-gradient(180deg, var(--dust-storm) 00%, rgba(255, 255, 255, 0) 100%);
}

main section.background-olive-green:first-child:after {
  background: var(--olive-green);
  background: linear-gradient(180deg, var(--olive-green) 00%, rgba(255, 255, 255, 0) 100%);
}

main section.background-marina-blue:first-child:after {
  background: var(--marina-blue);
  background: linear-gradient(180deg, var(--marina-blue) 00%, rgba(255, 255, 255, 0) 100%);
}

main section.background-pitch-black:first-child:after {
  background: var(--pitch-black);
  background: linear-gradient(180deg, var(--pitch-black) 00%, rgba(255, 255, 255, 0) 100%);
}

main section.background-snow-white:first-child:after {
  background: var(--snow-white);
  background: linear-gradient(180deg, var(--snow-white) 00%, rgba(255, 255, 255, 0) 100%);
}

main section.background-cararra-grey:first-child:after {
  background: var(--cararra-grey);
  background: linear-gradient(180deg, var(--cararra-grey) 00%, rgba(255, 255, 255, 0) 100%);
}

main section.background-confetti-yellow:first-child:after {
  background: var(--confetti-yellow);
  background: linear-gradient(180deg, var(--confetti-yellow) 00%, rgba(255, 255, 255, 0) 100%);
}

html {
  font-size: 16px;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: "Circular";
  font-size: var(--step-0);
}

body.menu-open {
  overflow: hidden;
}

/***
                                                                                                  88
  ,d                                                                                              88
  88                                                                                              88
MM88MMM  8b       d8  8b,dPPYba,    ,adPPYba,    ,adPPYb,d8  8b,dPPYba,  ,adPPYYba,  8b,dPPYba,   88,dPPYba,   8b       d8
  88     `8b     d8'  88P'    "8a  a8"     "8a  a8"    `Y88  88P'   "Y8  ""     `Y8  88P'    "8a  88P'    "8a  `8b     d8'
  88      `8b   d8'   88       d8  8b       d8  8b       88  88          ,adPPPPP88  88       d8  88       88   `8b   d8'
  88,      `8b,d8'    88b,   ,a8"  "8a,   ,a8"  "8a,   ,d88  88          88,    ,88  88b,   ,a8"  88       88    `8b,d8'
  "Y888      Y88'     88`YbbdP"'    `"YbbdP"'    `"YbbdP"Y8  88          `"8bbdP"Y8  88`YbbdP"'   88       88      Y88'
             d8'      88                         aa,    ,88                          88                            d8'
            d8'       88                          "Y8bbdP"                           88                           d8'
*/

p {
  margin: 0;
  padding: 0;
}

.large_text p {
  font-size: var(--step-1);
}

.super_large_text p {
  font-size: var(--step-4);
}

.small_text p {
  font-size: var(--step--1);
}

.super_small_text p {
  font-size: var(--step--2);
}


.block-text p + p {
  margin-top: 1.5rem;
}

a {
  color: var(--pitch-black);
}

a:visited {
  color: var(--pitch-black);
}

.block-image figure a {
  display: block;
  text-decoration: none;
}

.block-image figure a:hover figcaption {
  text-decoration: underline;
}

.block-image img {
  transition: 340ms transform ease-in-out;
  display: block;
}

.block-image .img-wrapper {
}

.block-image figure a:hover img {
  transform: scale(1.02);

}

.block.block-text + .block.block-heading {
  margin-top: calc(3 * var(--block-spacing));
}


a.button,
.formblock__submit input[type="submit"] {
  border: 2px solid black;
  border-radius: 100vh;
  color: black;
  text-decoration: none;
  padding: var(--step--3) var(--step--1);
  display: inline-block;
  text-align: center;
  font-size: var(--step--1);
  transition: 0.25s;
  background: transparent;
}

.button:hover,
.button:focus,
.formblock__submit input[type="submit"]:hover,
.formblock__submit input[type="submit"]:focus {
  background: black;
  color: white;
  cursor: pointer;
}

.background-marina-blue .button,
.background-marina-blue .formblock__submit input[type="submit"] {
  border-color: white;
  color: White;
}

.background-marina-blue .button:hover,
.background-marina-blue .formblock__submit input[type="submit"]:hover {
  background-color:white;
  color:var(--marina-blue);
}

a.button.-centered {
  margin: 0 auto;
}

@media (max-width: 468px) {
  .block-button {
    display: flex;
    justify-content: center;
  }
}

h1, h2, h3, h4, h5, h6,
.looks-like-h1,
.looks-like-h2,
.looks-like-h3,
.looks-like-h4,
.looks-like-h5,
.looks-like-h6 {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  line-height: 1;
  hyphens: manual;
  text-wrap: balance;
}

h1,
.looks-like-h1 {
  font-size: var(--step-5);
  line-height: 1;
}

h2,
.looks-like-h2 {
  font-size: var(--step-4);
}

h3,
.looks-like-h3 {
  font-size: var(--step-3);
}

h4,
.looks-like-h4 {
  font-size: var(--step-2);
}

h5,
.looks-like-h5 {
  font-size: var(--step-1);
}

h6,
.looks-like-h6 {
  font-size: var(--step-0);
}

.looks-like-h0 {
  font-size: var(--step-6);
}

.looks-like-h00 {
  font-size: var(--step-8);
}

.looks-like-h000 {
  font-size: var(--step-10);
}

@media (min-width: 900px) {
  .col:has(.sticky-headline) {
    position: sticky;
    top: 40vh;
    z-index: 998;
  }
}

/*** helper classes
 *
 *    88                       88
 *    88                       88
 *    88                       88
 *    88,dPPYba,    ,adPPYba,  88  8b,dPPYba,    ,adPPYba,  8b,dPPYba,  ,adPPYba,
 *    88P'    "8a  a8P_____88  88  88P'    "8a  a8P_____88  88P'   "Y8  I8[    ""
 *    88       88  8PP"""""""  88  88       d8  8PP"""""""  88           `"Y8ba,
 *    88       88  "8b,   ,aa  88  88b,   ,a8"  "8b,   ,aa  88          aa    ]8I
 *    88       88   `"Ybbd8"'  88  88`YbbdP"'    `"Ybbd8"'  88          `"YbbdP"'
 *                                 88
 *                                 88
 */

.-centered {
  text-align: center;
}

.-no-cap {
  text-transform: none;
}

@media (max-width: 900px) {
  .hide-on-mobile {
    display: none;
  }
}

.hide-on-desktop {
  display: none;
}

.col:has(> .hide-on-mobile) {
  display: none;
}

.hide-on-desktop {
  display: block;
}


/*** <header></header>
 *
 *    88                                            88
 *    88                                            88
 *    88                                            88
 *    88,dPPYba,    ,adPPYba,  ,adPPYYba,   ,adPPYb,88   ,adPPYba,  8b,dPPYba,
 *    88P'    "8a  a8P_____88  ""     `Y8  a8"    `Y88  a8P_____88  88P'   "Y8
 *    88       88  8PP"""""""  ,adPPPPP88  8b       88  8PP"""""""  88
 *    88       88  "8b,   ,aa  88,    ,88  "8a,   ,d88  "8b,   ,aa  88
 *    88       88   `"Ybbd8"'  `"8bbdP"Y8   `"8bbdP"Y8   `"Ybbd8"'  88
 *
 *
 */

header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  transition: box-shadow 140ms ease-in-out;
  height: var(--header-height);
  display: flex;
  align-items: center;
}

@media (min-width: 1025px) {
  header.scrolled {
    background-color: white;
  }

  header.scrolled,
  header.scrolled .logo {
    box-shadow: 0px 7px 9px #00000029;

  }
}

/* @media (min-width: 1025px) end */

header .logo {
  position: absolute;
  left: 50%;
  transform: translateX(calc(var(--logo-width) / -2));
  width: var(--logo-width);
  height: var(--logo-width);
  display: flex;
  align-items: center;
  background: black;
  color: white;
  border-radius: 100vh;
  justify-content: center;
}

header .logo img {
  width: var(--logo-width);
  height: var(--logo-width);
}

header .logo:hover {
  border-bottom: 0px;
  transform: translateX(calc(var(--logo-width) / -2)) scale(0.98);
}


.hamburger {
  display: none
}

@media (max-width: 900px) {
  header .logo {
    width: var(--mobile-logo-width);
    height: var(--mobile-logo-width);
    transform: translateX(calc(var(--mobile-logo-width) / -2));
  }

  header .logo:hover {
    border-bottom: 0px;
    transform: translateX(calc(var(--mobile-logo-width) / -2)) scale(0.98);
  }
}

header nav a {
  color: black;
  text-decoration: none;
  text-transform: uppercase;
  font-size: var(--step--4);
  border-bottom: 2px solid transparent;
}

header nav .language-switch.active {
    display: none;
}

header nav .language-switch {
    display: flex;
  justify-content: center;
  align-items: center;
}


header nav .language-switch a{
  /*
  color:white;
  */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.3rem 0.5rem;

}

header nav .language-switch a svg{
  height: 1.1em;
  width: 1.1em;
  margin-right: 0.4em;
}


header nav .header-menu-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}


header nav .header-menu-list li{
  display: flex;
}



header nav a.active,
header nav a:hover {
  border-bottom: 2px solid black;
}

header.marina_blue:not(.scrolled) nav a {
  color:white;
}

header.marina_blue:not(.scrolled) nav a.active,
header.marina_blue:not(.scrolled) nav li:hover a
{
  border-color: white;
}


header nav ul {
  display: flex;
    align-items: center;

  list-style: none;
  gap: 30px;
  margin: 0;
  padding: 10px 0;
}


label[for="header-menu-toggle"] {
  display: none;
}

#header-menu-toggle {
  display: none;
}

@media (max-width: 1400px) {

  header {
    background-color: transparent
  }

  header nav ul {
    gap: 0px;
    margin-bottom: 0px
  }

  header nav ul {
    flex-direction: column;
    padding: 0px;
  }

  header nav a {
    font-size: var(--step-4)
  }

  header nav a:hover {
    border-bottom-color: white;
    text-decoration: underline;
    border-bottom:0px;
  }

  header .logo {
    top: 30px;
  }

  label[for="header-menu-toggle"] {
    display: block;
    text-align: right;
    position: relative;
    z-index: 999;
    background-color: white;
    float: right;
    border-radius: 100vh;
    height: 40px;
    padding: 0 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
  }

  header nav .header-menu-list {
    display: none;
    transition: opacity 0.3s ease-in-out;

  }

  #header-menu-toggle:checked ~ .header-menu-list,
  .header-menu-list.is-open {
    display: block;
    background: blue;
    height: 100dvh;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    position: absolute;
    justify-content: flex-start;
    overflow-x: scroll;
  }

  .header-menu-list a {
    color: white;
  }

  header nav .header-menu-list a.active,
  header nav .header-menu-list a:active {
    border-color: white;
    border: 0px;
    text-decoration: underline;
  }


  header nav ul.left-menu-items {
    margin-top: 80px;
  }

  header nav ul li {
    text-align: center;
  }


  .hamburger {
    padding: 5px 5px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    border-radius: 100vh;
    background: rgba(255, 255, 255, 0.42);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    position: relative;
    float: right;
  }

  .hamburger:hover {
    opacity: 0.7;
  }

  .hamburger.is-active {
    background: rgba(255, 255, 255, 0);
  }

  .hamburger.is-active:hover {
    opacity: 0.7;
  }

  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: white;

  }

  .hamburger-box {
    width: 30px;
    height: 24px;
    display: inline-block;
    position: relative;
  }

  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
  }

  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: #000;
    border-radius: 2px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }

  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
  }

  .hamburger-inner::before {
    top: -10px;
  }

  .hamburger-inner::after {
    bottom: -10px;
  }

  /*
     * Minus
     */
  .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
    transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
  }

  .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
    opacity: 0;
    transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
  }

  .hamburger--minus.is-active .hamburger-inner::before {
    top: 0;
  }

  .hamburger--minus.is-active .hamburger-inner::after {
    bottom: 0;
  }

  /*
     * Spring
     */
  .hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s 0.13s linear;
  }

  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  .hamburger--spring.is-active .hamburger-inner {
    transition-delay: 0.22s;
    background-color: transparent !important;
  }

  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg);
  }

  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg);
  }

  /*
     * Spring Reverse
     */
  .hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  .hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
  }

  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  .hamburger--spring-r.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
  }

  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  }


}


@media (min-width: 900px) {

  header nav .header-menu-list {
    flex-direction: row;
  }


  header .logo {
    order: 1;

  }

  header nav .left-menu-items {
    order: 0;
  }

  header nav .right-menu-items {
    order: 2;
  }

}


/***
 *
 *                                         88                        88           88           88
 *                  ,d                     88                        88           88           88
 *                  88                     88                        88           88           88
 *     ,adPPYba,  MM88MMM  ,adPPYYba,      88,dPPYba,   88       88  88,dPPYba,   88,dPPYba,   88   ,adPPYba,
 *    a8"     ""    88     ""     `Y8      88P'    "8a  88       88  88P'    "8a  88P'    "8a  88  a8P_____88
 *    8b            88     ,adPPPPP88      88       d8  88       88  88       d8  88       d8  88  8PP"""""""
 *    "8a,   ,aa    88,    88,    ,88      88b,   ,a8"  "8a,   ,a88  88b,   ,a8"  88b,   ,a8"  88  "8b,   ,aa
 *     `"Ybbd8"'    "Y888  `"8bbdP"Y8      8Y"Ybbd8"'    `"YbbdP'Y8  8Y"Ybbd8"'   8Y"Ybbd8"'   88   `"Ybbd8"'
 *
 *
 */

.cta-bubble,
label[for="cta-bubble-toggle"] {
  display: none;
}

.cta-bubble-toggle {
  display: block;
  position: fixed;
  bottom: 0px;
  background: var(--pitch-black);
  z-index: 9999;
  width: 100%;
  text-align: center;
  padding: 15px 0;
  text-decoration: none;
  transition: all 240ms ease-in-out;
}

.cta-bubble-toggle:hover,
.cta-bubble-toggle:active {
  padding: 30px 0;
}

.cta-bubble-toggle span {
  color: white;
  text-decoration: none;
}

#cta-bubble-toggle {
  display: none;
}

.cta-bubble-content {
  display: none;
}

@media (min-width: 900px) {

  .cta-bubble-content {
    display: none;
    width: 80vw;
    height: 160px;
    left: -80vw;
    top: 70vh;
    bottom: 20vh;
    position: fixed;
    border-radius: 100vh;
    transition: 140ms all ease-in-out;
    z-index: 999;
    overflow-x: scroll;
  }

  #cta-bubble-toggle:checked ~ .cta-bubble-content {
    left: 0;
    top: 14vh;
    color: white;
    height: calc(86vh - 30px);
    max-width: 1600px;
    border-radius: 25px;
    padding: 25px 25px 25px 5vw;
  }

  .cta-bubble,
  label[for="cta-bubble-toggle"],
  .cta-bubble-toggle {
    background: var(--marina-blue);
    border-radius: 100vh;
    width: 160px;
    height: 160px;
    position: fixed;
    left: -60px;
    bottom: 6vh;
    text-decoration: none;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 140ms ease-in-out;
  }

  label[for="cta-bubble-toggle"] {
    display: none;
  }

  .cta-bubble:hover,
  label[for="cta-bubble-toggle"]:hover,
  .cta-bubble-toggle:hover {
    transform: scale(1.1);
    left: -55px;
  }

  .cta-bubble span,
  label[for="cta-bubble-toggle"] span,
  .cta-bubble-toggle span {
    transform: rotate(-90deg);
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: var(--step--3);
    margin-left: 45px;
    transition: all 140ms ease-in-out;
  }

  .cta-bubble:hover span,
  label[for="cta-bubble-toggle"]:hover span {
    margin-left: 40px;
  }


}

/* @media (min-width: 1024px) end*/


/***
 *
 *                                                88
 *                                         ,d     ""
 *                                         88
 *    ,adPPYba,   ,adPPYba,   ,adPPYba,  MM88MMM  88   ,adPPYba,   8b,dPPYba,
 *    I8[    ""  a8P_____88  a8"     ""    88     88  a8"     "8a  88P'   `"8a
 *     `"Y8ba,   8PP"""""""  8b            88     88  8b       d8  88       88
 *    aa    ]8I  "8b,   ,aa  "8a,   ,aa    88,    88  "8a,   ,a8"  88       88
 *    `"YbbdP"'   `"Ybbd8"'   `"Ybbd8"'    "Y888  88   `"YbbdP"'   88       88
 *
 *
 *                                            ,d                                ,d
 *                                            88                                88
 *     ,adPPYba,   ,adPPYba,   8b,dPPYba,   MM88MMM   ,adPPYba,  8b,dPPYba,   MM88MMM
 *    a8"     ""  a8"     "8a  88P'   `"8a    88     a8P_____88  88P'   `"8a    88
 *    8b          8b       d8  88       88    88     8PP"""""""  88       88    88
 *    "8a,   ,aa  "8a,   ,a8"  88       88    88,    "8b,   ,aa  88       88    88,
 *     `"Ybbd8"'   `"YbbdP"'   88       88    "Y888   `"Ybbd8"'  88       88    "Y888
 *
 *                                                                                              88
 *                                                         aa                                   88
 *                                                         88                                   88
 *    8b,dPPYba,   ,adPPYba,   8b      db      d8      aaaa88aaaa       ,adPPYba,   ,adPPYba,   88
 *    88P'   "Y8  a8"     "8a  `8b    d88b    d8'      """"88""""      a8"     ""  a8"     "8a  88
 *    88          8b       d8   `8b  d8'`8b  d8'           88          8b          8b       d8  88
 *    88          "8a,   ,a8"    `8bd8'  `8bd8'            ""          "8a,   ,aa  "8a,   ,a8"  88
 *    88           `"YbbdP"'       YP      YP                           `"Ybbd8"'   `"YbbdP"'   88
 *
 *
 */


.content-wrapper {
  z-index: 2;
}

.row {
  /*	height:100%;*/
  /*overflow-x: hidden;*/
}


@media (min-width: 900px) {
  .content-wrapper > .row.vertically-centered {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
  }
}

/* collapsible rows for mobile */
label.collapsible-row-label {
  display: none;
}

.collapsible-row-toggle {
  display: none;
}

@media (max-width: 900px) {

  .collapsible .col:first-of-type .blocks .block:first-child {
    padding-top: var(--block-spacing);
  }

  .collapsible.collapsed {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 240ms ease-in-out;
  }

  .collapsible-anchor {
    border-top: 1px solid black;
    width: 100%;
    margin-right: 1rem;
    margin-left: 1rem;
  }

  label.collapsible-row-label {
    display: block;
  }

  .collapsible-row-toggle:checked ~ .row {
    max-height: 2200px;
  }


  label.collapsible-row-label {
    text-align: right;
    border-top: 1px solid black;
    height: 60px;
    display: flex;
    justify-content: flex-end;
    line-height: 30px;
    padding-top: 10px;
  }

  label.collapsible-row-label:after {
    content: "+";
    border: 1px solid black;
    border-radius: 100vh;
    width: 30px;
    height: 30px;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    margin-left: 10px;
  }

  .collapsible-row-toggle:checked ~ label.collapsible-row-label:after {
    background: black;
    color: white;
    content: "↑";
  }

  span.close {
    display: none;
  }

  .collapsible-row-toggle:checked ~ label.collapsible-row-label span.open {
    display: none;
  }

  .collapsible-row-toggle:checked ~ label.collapsible-row-label span.close {
    display: block;
  }
}

/* @media (max-width: 1024px) */


.content-wrapper {
  max-width: max(60vw, 1500px);
  margin: 0 auto;
  padding: 0px 20px;
  width: 90vw;
}


main .content-wrapper {

}

.content-wrapper.content-full-width {
  /*max-width: 2200px;
  width: 98vw;*/
  max-width: 100%;
  width: 100%;
}

.content-wrapper .row {
}

.content-wrapper.content-max {
  max-width: 2200px;
  width: 98vw;
}

/* we dont use this anymore */
.content-wrapper.content-large {
  max-width: 1700px;
  width: 98vw;
}

.content-wrapper.content-small {
  max-width: max(50vw, 1000px)
}

@media (max-width: 900px) {
  .content-wrapper {
    width: 100% !important;
  }
}

/*.content-wrapper .block + .block {
	margin-top: var(--step-1);
}*/

.content-wrapper .block {
  margin-bottom: var(--block-spacing);
}

/* section */

section {
  /* overflow: hidden; */

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

section.has-background-image.has-background-right-half {
  grid-template-rows: 1fr 1fr;
}

section.has-background-image.has-background-full {
  grid-template-rows: var(--section-min-height);
}

@media only screen and (min-width: 64em) {
  section,
  section.has-background-image.has-background-right-half {
    min-height: var(--section-min-height);
    grid-template-rows: 1fr;
  }
}

section .content-wrapper {
  padding-top: var(--section-spacing);
  padding-bottom: calc(var(--section-spacing) - var(--block-spacing));
}

.content-wrapper {
  grid-area: 1 / 1 / 2 / 3;
}

.section-background.background-right-half {
  grid-area: 2 / 1 / 2 / 4;
}

.section-background.background-full {
  grid-area: 1 / 1 / 3 / 4;
}

@media only screen and (min-width: 64em) {
  .section-background {
    opacity: 1;
    z-index: -1;
  }

  .section-background.background-full {
    grid-area: 1 / 1 / 2 / 3;
  }

  .section-background.left-half {
    grid-area: 1 / 1 / 2 / 2;
  }

  .section-background.background-right-half {
    grid-area: 1 / 2 / 2 / 3;
  }
}


/*
	we dont use this anymore, we use section.no-top-padding manually, easier to give more power to editors

	section.background-transparent + section.background-transparent{ padding-top:0px; }
	section.background-dust-storm + section.background-dust-storm { padding-top:0px; }
	section.background-olive-green + section.background-olive-green { padding-top:0px; }
	section.background-marina-blue + section.background-marina-blue{ padding-top:0px; }
	section.background-dove-grey + section.background-dove-grey { padding-top:0px; }
	section.background-pitch-black + section.background-pitch-black { padding-top:0px; }
	section.background-snow-white + section.background-snow-white { padding-top:0px; }
	section.background-cararra-grey + section.background-cararra-grey { padding-top:0px; }
	section.background-confetti-yellow + section.background-confetti-yellow { padding-top:0px; }
*/


/* this might be controversial
.col {
	margin-bottom: var(--step-1);
}
*/

.col + .col {
  /* margin-top: var(--step-1); */
}

@media (max-width: 900px) {
  section.column-spacing-like-section .col + .col {
    margin-top: calc(var(--section-spacing) - var(--block-spacing));
  }
}


main section:first-child > .row:first-child {
  padding-top: var(--header-height)
}

main section.no-top-padding:first-child .row:first-child {
  padding-top: 0px;
}

main section:first-child .content-wrapper {
  padding-top: min(30vw, 200px);
}

main section.border-on-top .content-wrapper {
  border-top: 1px solid black;
}

main section.no-top-padding .content-wrapper {
  padding-top: 0px;
}

main section.no-top-padding:first-child .content-wrapper {
  padding-top: var(--header-height);
}

main section.no-bottom-padding .content-wrapper {
  padding-bottom: 0px;
}

.section-background img {
  object-fit: cover;
  object-position: 50% 100%;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
}

.section-background-wrapper {
  height: 100%;
  width: 100%;
}

.section-background {
  position: relative;
}

.section-background-image {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-size: cover;
  z-index: 9;
}


/*
.section-background.background-right-half { left: 50%; }
.section-background.background-right-third { left: 66%; }
*/


.content-wrapper figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}


/***
 *
 *    88           88                           88             88
 *    88           88                           88             ""
 *    88           88                           88
 *    88,dPPYba,   88   ,adPPYba,    ,adPPYba,  88   ,d8       88  88,dPYba,,adPYba,   ,adPPYYba,   ,adPPYb,d8   ,adPPYba,
 *    88P'    "8a  88  a8"     "8a  a8"     ""  88 ,a8"        88  88P'   "88"    "8a  ""     `Y8  a8"    `Y88  a8P_____88
 *    88       d8  88  8b       d8  8b          8888[          88  88      88      88  ,adPPPPP88  8b       88  8PP"""""""
 *    88b,   ,a8"  88  "8a,   ,a8"  "8a,   ,aa  88`"Yba,       88  88      88      88  88,    ,88  "8a,   ,d88  "8b,   ,aa
 *    8Y"Ybbd8"'   88   `"YbbdP"'    `"Ybbd8"'  88   `Y8a      88  88      88      88  `"8bbdP"Y8   `"YbbdP"Y8   `"Ybbd8"'
 *                                                                                                  aa,    ,88
 *                                                                                                   "Y8bbdP"
 */


.content-wrapper figure {
  margin: 0px;
  padding: 0px;
  line-height: 1;
}

.content-wrapper .block.block-image figure img {
  object-fit: cover;
  min-height: 100%;
}

figcaption {
  font-size: var(--step--1);
  margin-top: 0.3em !important;
}

.block.block-image figure {
  overflow: hidden;
}

@media (min-width: 900px) {
  .block.block-image figure {
    padding-top: var(--padding-top);
    padding-right: var(--padding-right);
    padding-bottom: var(--padding-bottom);
    padding-left: var(--padding-left);
  }
}

/* @media (min-width: 1024px) end */

.block.block-image figure img {
  aspect-ratio: var(--aspect-ratio);
}

.block.block-image figure img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  min-height: 100%;
  min-width: 100%;
}

/* TODO: switch aspect ratio on portrait */
@media (orientation: portrait) {
  .block.block-image figure .img-wrapper {
    height: var(--image-height-mobile);
  }
}

/*** .block .block-list
 *
 *    88           88                           88             88  88
 *    88           88                           88             88  ""               ,d
 *    88           88                           88             88                   88
 *    88,dPPYba,   88   ,adPPYba,    ,adPPYba,  88   ,d8       88  88  ,adPPYba,  MM88MMM
 *    88P'    "8a  88  a8"     "8a  a8"     ""  88 ,a8"        88  88  I8[    ""    88
 *    88       d8  88  8b       d8  8b          8888[          88  88   `"Y8ba,     88
 *    88b,   ,a8"  88  "8a,   ,a8"  "8a,   ,aa  88`"Yba,       88  88  aa    ]8I    88,
 *    8Y"Ybbd8"'   88   `"YbbdP"'    `"Ybbd8"'  88   `Y8a      88  88  `"YbbdP"'    "Y888
 *
 *
 */

main .content-wrapper .row .block-list {
  container-type: inline-size;
}

main .content-wrapper .row .block-list ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  font-size: var(--step--2);
}

@container (min-width: 847px) {
  main .content-wrapper .row .block-list ul {
    columns: 2;
  }

  main .content-wrapper .row .block-list ul li:first-child {
    border-top: 1px solid black;
  }
}

@container (min-width: 1200px) {
  main .content-wrapper .row .block-list ul {
    columns: 3;
  }
}

main .content-wrapper .row .block-list ul li {
  padding: var(--step--2) 0;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

main .content-wrapper .row .block-list ul li + li {
  border-top: 1px solid black;
}

main .content-wrapper .row .block-list .list-title {
  text-transform: uppercase;
}


/***
 *
 *    88           88                           88
 *    88           88                           88
 *    88           88                           88
 *    88,dPPYba,   88   ,adPPYba,    ,adPPYba,  88   ,d8
 *    88P'    "8a  88  a8"     "8a  a8"     ""  88 ,a8"
 *    88       d8  88  8b       d8  8b          8888[
 *    88b,   ,a8"  88  "8a,   ,a8"  "8a,   ,aa  88`"Yba,
 *    8Y"Ybbd8"'   88   `"YbbdP"'    `"Ybbd8"'  88   `Y8a
 *
 *
 *
 *    88  88               88         88  88
 *    88  ""               88         88  ""               ,d
 *    88                   88         88                   88
 *    88  88  8b,dPPYba,   88   ,d8   88  88  ,adPPYba,  MM88MMM
 *    88  88  88P'   `"8a  88 ,a8"    88  88  I8[    ""    88
 *    88  88  88       88  8888[      88  88   `"Y8ba,     88
 *    88  88  88       88  88`"Yba,   88  88  aa    ]8I    88,
 *    88  88  88       88  88   `Y8a  88  88  `"YbbdP"'    "Y888
 *
 *
 */

/* linklist block */
.block-linklist {
  container-type: inline-size;
}

.block-linklist {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: block;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  word-wrap: word;
  gap: 10px;
  margin-left: 63px;
}

.block-linklist a {
  /* display: flex;
  float:left; */
  margin-left: -63px;
  display: inline-flex;
  text-decoration: none;
  color: black;
  text-transform: uppercase;
  font-size: var(--step-5);
  font-weight: bold;
}

@media (max-width: 468px) {
  .block-linklist {
    margin: 0;
    overflow: hidden;
  }

  .block-linklist a {
    margin-left: 0px;
  }
}

.block-linklist a span {
  padding: 0px 20px 0 20px;
  line-height: 1;
}

.block-linklist a:hover span {
  mix-blend-mode: multiply;
  /* background-color:white;
  display:block;
  color:black; */
}

.block-linklist a:hover {
  text-decoration: underline;
}

/* main .content-wrapper .row .block-linklist a:before{
	content: "";
	width: var(--step-2);
	display:block;
	border-bottom: 7px solid black;
	margin-right: var(--step-0);
	height: calc(var(--step-4) / 2 + 5px);
} */

.block-linklist a:before,
.block-linklist a:after {
  padding: 0px 0px;
  mix-blend-mode: difference;
  content: "";
  display: block;
  height: 1px;
  width: 0px;
  margin-top: calc(var(--step-4) / 2 + 5px);
  border-color: white;
  border-style: solid;
}

.block-linklist a:before {
  border-left-width: 50px;
}

.block-linklist a:after {
  border-right-width: 50px;
}

@media (max-width: 468px) {
  .block-linklist a:before,
  .block-linklist a:after {
    border-width: 0px;
  }
}

section.background-dust-storm .block-linklist a:before,
section.background-dust-storm .block-linklist a:after {
  border-color: var(--dust-storm);
}

section.background-confetti-yellow .block-linklist a:before,
section.background-confetti-yellow .block-linklist a:after {
  border-color: var(--confetti-yellow);

}

section.background-marina-blue .block-linklist a:before,
section.background-marina-blue .block-linklist a:after {
  border-color: var(--marina-blue);
}

.block-linklist a.linklist-item img {
  opacity: 1;
  /* transition: opacity 40ms ease-in; */
  position: fixed;
  overflow: hidden;
  background: white;
  padding: 0px;
  display: inline-block;
  width: 0px;
  height: 0px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translate(0%, 0%);
  z-index: 999;
  transform: translateX(-33%);
}

.block-linklist a.linklist-item:hover img {
  opacity: 1;
  border-radius: 0px;
  width: 650px;
  height: 400px;
}

.block-linklist a.linklist-item:hover img {
  object-fit: cover;
}


@media (max-width: 468px) {
  .block-linklist a.linklist-item:hover img {
    display: none;
  }
}


/***
 *
 *    88           88                           88
 *    88           88                           88
 *    88           88                           88
 *    88,dPPYba,   88   ,adPPYba,    ,adPPYba,  88   ,d8
 *    88P'    "8a  88  a8"     "8a  a8"     ""  88 ,a8"
 *    88       d8  88  8b       d8  8b          8888[
 *    88b,   ,a8"  88  "8a,   ,a8"  "8a,   ,aa  88`"Yba,
 *    8Y"Ybbd8"'   88   `"YbbdP"'    `"Ybbd8"'  88   `Y8a
 *
 *
 *    88                                                                          88  88           88
 *    ""                                                                          88  ""           88
 *                                                                                88               88
 *    88  88,dPYba,,adPYba,   ,adPPYYba,   ,adPPYb,d8   ,adPPYba,      ,adPPYba,  88  88   ,adPPYb,88   ,adPPYba,  8b,dPPYba,
 *    88  88P'   "88"    "8a  ""     `Y8  a8"    `Y88  a8P_____88      I8[    ""  88  88  a8"    `Y88  a8P_____88  88P'   "Y8
 *    88  88      88      88  ,adPPPPP88  8b       88  8PP"""""""       `"Y8ba,   88  88  8b       88  8PP"""""""  88
 *    88  88      88      88  88,    ,88  "8a,   ,d88  "8b,   ,aa      aa    ]8I  88  88  "8a,   ,d88  "8b,   ,aa  88
 *    88  88      88      88  `"8bbdP"Y8   `"YbbdP"Y8   `"Ybbd8"'      `"YbbdP"'  88  88   `"8bbdP"Y8   `"Ybbd8"'  88
 *                                         aa,    ,88
 *                                          "Y8bbdP"
 */

@media (max-width: 768px) {
  .block.block-linkslider,
  .block.block-imageslider {
    overflow: hidden;
  }
}

.image-slider.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
  /* width: auto;
  overflow: visible; */
  min-width: auto;
  overflow: visible;
}

.image-slider .keen-slider__slide {
  height: 40vh;
  width: auto;
  width: 100%;
  min-width: 100%;
  object-fit: contain;
}

.image-slider .keen-slider__slide img {
  height: inherit;
  width: auto;
  object-fit: contain;
}

.autoplay-slider.images-contained {
  height: 100px;
}

.autoplay-slider.images-contained .keen-slider__slide {

  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border:1px solid black; */
}

.autoplay-slider.images-contained .keen-slider__slide img {
  height: auto;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.link-slider.keen-slider .keen-slider__slide {
  max-width: 80vw;
  min-width: 40vw;
  overflow: visible;
}

.link-slider .keen-slider__slide img {
  transition: transform 240ms ease-in-out;
}

.link-slider .keen-slider__slide:hover img {
  transform: scale(1.02);

}

/*
@media (min-width: 1700px) {

	.keen-slider__slide:first-child {
		margin-left: calc(50vw - 1700px/2);
	}



} */


.keen-slider {
  max-width: 1660px !important;
  overflow: visible !important;
  position: relative;
}


.link-slider figure {
  aspect-ratio: 6/7;
}


.link-slider a {
  text-decoration: none;

}

.link-slider .slide-title {
  font-size: var(--step-3);
  /* font-weight:bold; */
  color: black;
  text-transform: uppercase;
  line-height: 0.95;
  padding-top: 10px;
  display: block;
}

.navigation-wrapper {
  position: relative;
}

.controls-wrapper {
  margin-top: 2rem;

  display: flex;
  justify-content: center;
}

.dots {
  display: flex;
  padding: 6px 0;
  margin: 0 10px;
  justify-content: center;
}

.dot {
  border: none;
  width: 20px;
  height: 20px;
  background: #dedede;
  background: white;
  border: 2px solid black;
  margin: 0 5px;
  padding: 5px;
  cursor: pointer;
  border-radius: 100vh;
  transition: 140ms all ease-in-out;
  transition-delay: 45ms;
}

@media (min-width: 769px) {
  .dot:last-child {
    display: none;
  }

  .dot--active {
    width: 55px
  }

}

@media (min-width: 1281px) {
  .dot:last-child,
  .dot:nth-last-child(2) {
    display: none;
  }

  .dot--active {
    width: 75px
  }
}


.dot:focus {
  outline: none;
}

.dot--active {
  background: black;
}

.arrow {
  display: none;
  width: 30px;
  height: 30px;
  /*
    position: absolute;*/
  /* top: 0%;
  transform: translateY(-200%);
  -webkit-transform: translateY(-200%); */
  bottom: -45px;
  fill: #fff;
  cursor: pointer;
}

.arrow--left {
  left: 0px;
  fill: "#fff";
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
}

.arrow--right {
  left: auto;
  left: 40px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
}

.arrow--disabled {
  opacity: 0;
  cursor: default
}

.arrow--disabled.arrow--left {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='grey' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
}

.arrow--disabled.arrow--right {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='grey' viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
}


/***
 *
 *    88           88                           88
 *    88           88                           88
 *    88           88                           88
 *    88,dPPYba,   88   ,adPPYba,    ,adPPYba,  88   ,d8
 *    88P'    "8a  88  a8"     "8a  a8"     ""  88 ,a8"
 *    88       d8  88  8b       d8  8b          8888[
 *    88b,   ,a8"  88  "8a,   ,a8"  "8a,   ,aa  88`"Yba,
 *    8Y"Ybbd8"'   88   `"YbbdP"'    `"Ybbd8"'  88   `Y8a
 *
 *
 *
 *    88           88                           88
 *    88           88                           88                                                  ,d
 *    88           88                           88                                                  88
 *    88,dPPYba,   88   ,adPPYba,    ,adPPYba,  88   ,d8    ,adPPYb,d8  88       88   ,adPPYba,   MM88MMM   ,adPPYba,
 *    88P'    "8a  88  a8"     "8a  a8"     ""  88 ,a8"    a8"    `Y88  88       88  a8"     "8a    88     a8P_____88
 *    88       d8  88  8b       d8  8b          8888[      8b       88  88       88  8b       d8    88     8PP"""""""
 *    88b,   ,a8"  88  "8a,   ,a8"  "8a,   ,aa  88`"Yba,   "8a    ,d88  "8a,   ,a88  "8a,   ,a8"    88,    "8b,   ,aa
 *    8Y"Ybbd8"'   88   `"YbbdP"'    `"Ybbd8"'  88   `Y8a   `"YbbdP'88   `"YbbdP'Y8   `"YbbdP"'     "Y888   `"Ybbd8"'
 *                                                                  88
 *                                                                  88
 */

.block.block-quote blockquote {
  margin: 0;
  font-size: var(--step-4);
  line-height: 1.1;
}

.block.block-quote blockquote footer {
  font-size: var(--step--1);
  margin-top: 1rem;
}

.block.block-quote blockquote footer:before {
  content: "—";
}


/***
 *
 *    88           88                           88
 *    88           88                           88
 *    88           88                           88
 *    88,dPPYba,   88   ,adPPYba,    ,adPPYba,  88   ,d8
 *    88P'    "8a  88  a8"     "8a  a8"     ""  88 ,a8"
 *    88       d8  88  8b       d8  8b          8888[
 *    88b,   ,a8"  88  "8a,   ,a8"  "8a,   ,aa  88`"Yba,
 *    8Y"Ybbd8"'   88   `"YbbdP"'    `"Ybbd8"'  88   `Y8a
 *
 *
 *
 *    88                                                      88              88
 *    88                                               ,d     ""              88
 *    88                                               88                     88
 *    88   ,adPPYba,    ,adPPYb,d8   ,adPPYba,       MM88MMM  88   ,adPPYba,  88   ,d8    ,adPPYba,  8b,dPPYba,
 *    88  a8"     "8a  a8"    `Y88  a8"     "8a        88     88  a8"     ""  88 ,a8"    a8P_____88  88P'   "Y8
 *    88  8b       d8  8b       88  8b       d8        88     88  8b          8888[      8PP"""""""  88
 *    88  "8a,   ,a8"  "8a,   ,d88  "8a,   ,a8"        88,    88  "8a,   ,aa  88`"Yba,   "8b,   ,aa  88
 *    88   `"YbbdP"'    `"YbbdP"Y8   `"YbbdP"'         "Y888  88   `"Ybbd8"'  88   `Y8a   `"Ybbd8"'  88
 *                      aa,    ,88
 *                       "Y8bbdP"
 */

.block.block-logoticker {
  overflow: hidden;
}

.marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: 20px;
  margin-bottom: 20px;
  margin-left: calc(-1 * (20px + 1vw));
  margin-right: calc(-1 * (20px + 1vw));
}

.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  -webkit-animation: scroll-x var(--duration) linear infinite;

  animation: scroll-x var(--duration) linear infinite;

}

@media (prefers-reduced-motion: reduce) {
  .marquee__group {
    animation-play-state: paused;
  }
}

.marquee--reverse .marquee__group {
  -webkit-animation-direction: reverse;
  -webkit-animation-delay: -3s;

  animation-direction: reverse;
  animation-delay: -3s;
}


@-webkit-keyframes scroll-x {
  from {
    -webkit-transform: translateX(var(--scroll-start));
  }
  to {
    -webkit-transform: translateX(var(--scroll-end));
  }
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}


/* Element styles */
.marquee svg,
.marquee figure {
  display: grid;
  place-items: center;
  width: var(--size);
  fill: var(--color-text);
  aspect-ratio: 16/9;
  padding: calc(var(--size) / 10);
}

.marquee figure img {
  object-fit: contain;
}

.marquee--vertical svg {
  aspect-ratio: 1;
  width: calc(var(--size) / 1.5);
  padding: calc(var(--size) / 6);
}

/* Parent wrapper */
.wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  margin: auto;
  max-width: 100vw;
}

/***
 *
 *    88           88                           88
 *    88           88                           88
 *    88           88                           88
 *    88,dPPYba,   88   ,adPPYba,    ,adPPYba,  88   ,d8
 *    88P'    "8a  88  a8"     "8a  a8"     ""  88 ,a8"
 *    88       d8  88  8b       d8  8b          8888[
 *    88b,   ,a8"  88  "8a,   ,a8"  "8a,   ,aa  88`"Yba,
 *    8Y"Ybbd8"'   88   `"YbbdP"'    `"Ybbd8"'  88   `Y8a
 *
 *
 *
 *             88                                   88           88                           88
 *             88                ,d                 88           88                           88
 *             88                88                 88           88                           88
 *     ,adPPYb,88  ,adPPYYba,  MM88MMM  ,adPPYYba,  88,dPPYba,   88   ,adPPYba,    ,adPPYba,  88   ,d8
 *    a8"    `Y88  ""     `Y8    88     ""     `Y8  88P'    "8a  88  a8"     "8a  a8"     ""  88 ,a8"
 *    8b       88  ,adPPPPP88    88     ,adPPPPP88  88       d8  88  8b       d8  8b          8888[
 *    "8a,   ,d88  88,    ,88    88,    88,    ,88  88b,   ,a8"  88  "8a,   ,a8"  "8a,   ,aa  88`"Yba,
 *     `"8bbdP"Y8  `"8bbdP"Y8    "Y888  `"8bbdP"Y8  8Y"Ybbd8"'   88   `"YbbdP"'    `"Ybbd8"'  88   `Y8a
 *
 *
 */

main .content-wrapper .row .block-datablock {
  container-type: inline-size;
}

.datablock-wrapper {
  column-count: 2;
}

.datablock-wrapper .datablock {
  break-inside: avoid-column;
  margin-bottom: 20px;
  font-size: var(--step--2);
}

.block-datablock .datablock strong {
  text-transform: uppercase;
  font-size: var(--step--2);
}

@container (min-width: 847px) {

  .datablock-wrapper {
    column-count: 4;

  }
}

@container (min-width: 1400px) {

  .datablock-wrapper {
    column-count: 6;

  }
}


/***
 *
 *    88           88                           88
 *    88           88                           88
 *    88           88                           88
 *    88,dPPYba,   88   ,adPPYba,    ,adPPYba,  88   ,d8
 *    88P'    "8a  88  a8"     "8a  a8"     ""  88 ,a8"
 *    88       d8  88  8b       d8  8b          8888[
 *    88b,   ,a8"  88  "8a,   ,a8"  "8a,   ,aa  88`"Yba,
 *    8Y"Ybbd8"'   88   `"YbbdP"'    `"Ybbd8"'  88   `Y8a
 *
 *
 *
 *             88  88                         88
 *             88  ""                         88
 *             88                             88
 *     ,adPPYb,88  88  ,adPPYYba,  ,adPPYba,  88,dPPYba,    ,adPPYba,   8b      db      d8
 *    a8"    `Y88  88  ""     `Y8  I8[    ""  88P'    "8a  a8"     "8a  `8b    d88b    d8'
 *    8b       88  88  ,adPPPPP88   `"Y8ba,   88       88  8b       d8   `8b  d8'`8b  d8'
 *    "8a,   ,d88  88  88,    ,88  aa    ]8I  88       88  "8a,   ,a8"    `8bd8'  `8bd8'
 *     `"8bbdP"Y8  88  `"8bbdP"Y8  `"YbbdP"'  88       88   `"YbbdP"'       YP      YP
 *
 *
 */

/*
essential styles:
these make the slideshow work
*/


.block.block-diashow {
}

.block.block-diashow .fadein {
  position: relative;
  overflow: hidden;
  min-height: 30vh;
  max-width: 100%;
  aspect-ratio: var(--aspect-ratio);
  background: #000;
}


.block.block-diashow .fadein picture.slide {
  min-width: 100%;
  min-height: 100%;
  opacity: 0;
  z-index: 1;
  max-width: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  position: absolute;
  object-fit: cover;
}

.block.block-diashow.diashow-automatic .fadein picture.slide {
    -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}

.block.block-diashow .fadein picture.slide img {
  min-width: 100%;
  min-height: 100%;

  max-width: 100%;

  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  position: absolute;
  object-fit: cover;
}

.block.block-diashow .fadein picture.slide.showing {
  opacity: 1;
  z-index: 2;
}

@media (orientation: portrait) {
  .block.block-diashow .fadein {
    height: var(--image_height_mobile);
    aspect-ratio: auto;
  }

  .block.block-diashow .fadein picture.slide img {
    height: var(--image_height_mobile);
    object-fit: cover;
  }
}


/***
 *
 *       ad88
 *      d8"                                ,d
 *      88                                 88
 *    MM88MMM   ,adPPYba,    ,adPPYba,   MM88MMM   ,adPPYba,  8b,dPPYba,
 *      88     a8"     "8a  a8"     "8a    88     a8P_____88  88P'   "Y8
 *      88     8b       d8  8b       d8    88     8PP"""""""  88
 *      88     "8a,   ,a8"  "8a,   ,a8"    88,    "8b,   ,aa  88
 *      88      `"YbbdP"'    `"YbbdP"'     "Y888   `"Ybbd8"'  88
 *
 *
 */

body > footer {
  font-size: var(--step--3);
}


footer hr {
  border: 0px;
  border-top: 1px solid black;
  background: none;
  padding: 0px;
  margin: 0px;
}

footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: var(--step--3);
}

footer .content-wrapper {
  padding-top: 100px;
  padding-bottom: 100px;
}

/***
 *
 *       ad88
 *      d8"
 *      88
 *    MM88MMM   ,adPPYba,   8b,dPPYba,  88,dPYba,,adPYba,   ,adPPYba,
 *      88     a8"     "8a  88P'   "Y8  88P'   "88"    "8a  I8[    ""
 *      88     8b       d8  88          88      88      88   `"Y8ba,
 *      88     "8a,   ,a8"  88          88      88      88  aa    ]8I
 *      88      `"YbbdP"'   88          88      88      88  `"YbbdP"'
 *
 *
 */

.formblock {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}

.formfield__container {
  margin-bottom: var(--step-6);
  width: 49%;
}

.formfield__container[data-id="name"],
.formfield__container[data-id="email"],
.formblock__submit {
  width: 100%;
}

.formfield__container[data-id="name"] {
  margin-bottom: var(--step-3);
}



.formfield__container[data-id="services"],
.formfield__container[data-id="notes"],
.formblock__submit {
  width: 100%;
}

.formfield__container .formblock_field__label {
  display: block;
  font-size: var(--step--3);
  margin-bottom: 10px;
}

.formblock_field__label[for="services"] {
  margin-bottom: 30px;
}

.formfield__container .formfield__input,
.formfield__container .formfield__textarea {
  border: 0px;
  border-bottom: 1px solid currentColor;
  display: block;
  width: 100%;
  padding: 5px 0px;
  /*
  background-color: rgba(240,240,240,0.3);
  */
  background-color:transparent;
  font-family:inherit;
}
.formfield__container .formfield__textarea {
  border: 1px solid currentColor;
    padding: 5px 8px;

}

.formfield__option {
  height: 1.8rem;
}

.formfield__option__label {
  font-size: var(--step--3)!important;
}


.formblock__option__container {
  border: 0px;
  padding: 0px;
  column-count: 3;
}

[type="checkbox"] {
  position: relative;
  left: 15px;
  top: -4px;
  z-index: 0;
  -webkit-appearance: none;
}

[type="checkbox"] + label {
  position: absolute;
  text-transform: uppercase;
  font-size: var(--step--2);
}

[type="checkbox"] + label::before {
  width: 15px;
  height: 15px;
  border: 1px solid currentColor;
  background-color: transparent;
  display: block;
  content: "";
  float: left;
  margin-right: 10px;
  z-index: 5;
  position: relative;
  margin-top: 2px;
}

[type="checkbox"]:checked + label::before {
  box-shadow: inset 0px 0px 0px 1px #FFF;
  background-color: currentColor;
}

.background-marina-blue [type="checkbox"]:checked + label::before {
  box-shadow: inset 0px 0px 0px 1px var(--marina-blue);
}

.formblock__submit {
  display: flex;
  justify-content: center;
}

.formblock__submit__bar {
  display: none;
}

/*
section {
  border-bottom: 5px dotted red;
}

.content-wrapper .row{
  background-color: rgba(255, 0, 0, 0.1);
}

.content-wrapper .col {
  border:1px solid blue;
}

.content-wrapper .block {
    margin-bottom:0px;
    border-bottom:var(--step-1) solid orange;
}
*/

/*.image_debug:after {
  display:block;

  content: "calc(50vw - 10%)";
}*/


/***
 *
 *                                          88                                    88
 *                                          ""                             ,d     ""
 *                                                                         88
 *    8b,dPPYba,   ,adPPYYba,   ,adPPYb,d8  88  8b,dPPYba,   ,adPPYYba,  MM88MMM  88   ,adPPYba,   8b,dPPYba,
 *    88P'    "8a  ""     `Y8  a8"    `Y88  88  88P'   `"8a  ""     `Y8    88     88  a8"     "8a  88P'   `"8a
 *    88       d8  ,adPPPPP88  8b       88  88  88       88  ,adPPPPP88    88     88  8b       d8  88       88
 *    88b,   ,a8"  88,    ,88  "8a,   ,d88  88  88       88  88,    ,88    88,    88  "8a,   ,a8"  88       88
 *    88`YbbdP"'   `"8bbdP"Y8   `"YbbdP"Y8  88  88       88  `"8bbdP"Y8    "Y888  88   `"YbbdP"'   88       88
 *    88                        aa,    ,88
 *    88                         "Y8bbdP"
 */


.pagination-link--container {
  display: flex;
}

.prev-link--container {
  justify-content: flex-end;
}

.pagination-link {
  align-items: center;
  display: flex;
  gap: 10px;
  padding-block: 2rem;
  text-decoration: none;
}

.pagination-link:hover {

}

.pagination-link:hover .pagination--circle {
  background-color: #000000;
}

.background-marina-blue .pagination-link:hover .pagination--circle{
  background-color:white;
}

.pagination-link:hover .pagination--arrow {
  border-color: #FFFFFF;
}

.pagination .pagination--circle {
  border: 1px solid #000;
  width: 3rem;
  height: 3rem;
  border-radius: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.background-marina-blue .pagination .pagination--circle {
  border-color:#FFF;
}

.pagination--title {
  text-transform: uppercase;
  font-size: var(--step--3);
}

.pagination--arrow {
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}

.background-marina-blue .pagination--arrow  {
  border-color:#FFFFFF;
}

.background-marina-blue .pagination-link:hover .pagination--arrow {
  border-color: var(--marina-blue);
}

.prev-link--arrow {
  transform: rotate(-135deg);
  margin-right: -0.5rem;
}

.next-link--arrow {
  transform: rotate(45deg);
  margin-left: -0.5rem;
}

/***
 *
 *      ,ad8888ba,                             88         88
 *     d8"'    `"8b                            88         ""
 *    d8'                                      88
 *    88              ,adPPYba,    ,adPPYba,   88   ,d8   88   ,adPPYba,
 *    88             a8"     "8a  a8"     "8a  88 ,a8"    88  a8P_____88
 *    Y8,            8b       d8  8b       d8  8888[      88  8PP"""""""
 *    888a.    .a8P  "8a,   ,a8"  "8a,   ,a8"  88`"Yba,   88  "8b,   ,aa
 *    88`"Y8888Y"'    `"YbbdP"'    `"YbbdP"'   88   `Y8a  88   `"Ybbd8"'
 *    88
 *    88,dPPYba,   ,adPPYYba,  8b,dPPYba,   8b,dPPYba,    ,adPPYba,  8b,dPPYba,
 *    88P'    "8a  ""     `Y8  88P'   `"8a  88P'   `"8a  a8P_____88  88P'   "Y8
 *    88       d8  ,adPPPPP88  88       88  88       88  8PP"""""""  88
 *    88b,   ,a8"  88,    ,88  88       88  88       88  "8b,   ,aa  88
 *    8Y"Ybbd8"'   `"8bbdP"Y8  88       88  88       88   `"Ybbd8"'  88
 *
 *
 */

#cm {
  padding: 1.7em 2em 1.8em;
  max-width: 28.2em;
}

#c-ttl {
  text-align: center;
  font-size: 1.4rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}

#c-ttl::before {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_extend 'http://ns.adobe.com/Extensibility/1.0/'%3E%3C!ENTITY ns_ai 'http://ns.adobe.com/AdobeIllustrator/10.0/'%3E%3C!ENTITY ns_graphs 'http://ns.adobe.com/Graphs/1.0/'%3E%3C!ENTITY ns_vars 'http://ns.adobe.com/Variables/1.0/'%3E%3C!ENTITY ns_imrep 'http://ns.adobe.com/ImageReplacement/1.0/'%3E%3C!ENTITY ns_sfw 'http://ns.adobe.com/SaveForWeb/1.0/'%3E%3C!ENTITY ns_custom 'http://ns.adobe.com/GenericCustomNamespace/1.0/'%3E%3C!ENTITY ns_adobe_xpath 'http://ns.adobe.com/XPath/1.0/'%3E%0A%5D%3E%3Csvg version='1.1' id='Ebene_1' xmlns:x='&ns_extend;' xmlns:i='&ns_ai;' xmlns:graph='&ns_graphs;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 264.784 264.784' style='enable-background:new 0 0 264.784 264.784;' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='&ns_sfw;'%3E%3Cslices%3E%3C/slices%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='264.784' width='264.784' x='1036.46' y='-1059.005'%3E%3C/sliceSourceBounds%3E%3C/sfw%3E%3C/metadata%3E%3Cg%3E%3Cpath d='M132.392,12c4.806,0,9.611,0.286,14.377,0.855c-0.129,1.466-0.193,2.942-0.193,4.425c0,15.66,7.186,30.096,19.231,39.498 c-0.263,2.084-0.396,4.186-0.396,6.297c0,27.661,22.504,50.164,50.164,50.164c5.638,0,11.218-0.953,16.501-2.793 c5.832,5.019,12.733,8.625,20.168,10.543c0.359,3.797,0.54,7.609,0.54,11.402c0,32.158-12.523,62.391-35.262,85.13 c-22.739,22.739-52.972,35.262-85.13,35.262s-62.391-12.523-85.13-35.262C24.523,194.783,12,164.55,12,132.392 s12.523-62.391,35.262-85.13C70.001,24.523,100.234,12,132.392,12 M132.392,0C59.274,0,0,59.274,0,132.392 s59.274,132.392,132.392,132.392s132.392-59.274,132.392-132.392c0-7.446-0.625-14.745-1.806-21.856 c-11.422-0.534-21.527-6.084-28.168-14.503c-5.649,3.304-12.218,5.206-19.235,5.206c-21.078,0-38.164-17.087-38.164-38.164 c0-4.139,0.668-8.121,1.886-11.853c-12.303-6.335-20.722-19.151-20.722-33.942c0-4.986,0.966-9.744,2.705-14.11 C151.981,1.1,142.315,0,132.392,0L132.392,0z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M131.186,138.555c3.24,0,5.877,2.636,5.877,5.877s-2.636,5.877-5.877,5.877s-5.876-2.636-5.876-5.877 S127.946,138.555,131.186,138.555 M131.186,126.555c-9.873,0-17.876,8.004-17.876,17.877s8.004,17.877,17.876,17.877 s17.877-8.004,17.877-17.877S141.059,126.555,131.186,126.555L131.186,126.555z'/%3E%3C/g%3E%3Cg%3E%3Ccircle cx='149.063' cy='200.154' r='4.745'/%3E%3C/g%3E%3Cg%3E%3Ccircle cx='177.079' cy='116.845' r='4.745'/%3E%3C/g%3E%3Cg%3E%3Ccircle cx='51.342' cy='112.101' r='4.745'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M210.27,156.432c4.612,0,8.365,3.753,8.365,8.365c0,4.612-3.752,8.365-8.365,8.365s-8.365-3.753-8.365-8.365 C201.905,160.184,205.657,156.432,210.27,156.432 M210.27,144.432c-11.247,0-20.365,9.118-20.365,20.365 c0,11.247,9.118,20.365,20.365,20.365c11.247,0,20.365-9.118,20.365-20.365C230.635,153.549,221.517,144.432,210.27,144.432 L210.27,144.432z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M74.76,179.542c5.142,0,9.326,4.184,9.326,9.326s-4.183,9.326-9.326,9.326s-9.326-4.183-9.326-9.326 S69.617,179.542,74.76,179.542 M74.76,167.542c-11.778,0-21.326,9.548-21.326,21.326c0,11.778,9.548,21.326,21.326,21.326 c11.778,0,21.326-9.548,21.326-21.326C96.085,177.089,86.537,167.542,74.76,167.542L74.76,167.542z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M96.085,65.745c5.244,0,9.51,4.266,9.51,9.51s-4.266,9.51-9.51,9.51s-9.51-4.266-9.51-9.51S90.842,65.745,96.085,65.745 M96.085,53.745c-11.879,0-21.51,9.63-21.51,21.51s9.63,21.51,21.51,21.51c11.88,0,21.51-9.63,21.51-21.51 S107.965,53.745,96.085,53.745L96.085,53.745z'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 100px;
  height: 100px;
  width: 1.5rem;
  height: 1.4rem;
  margin-right: 0.5rem;
  display: inline-block;
}

#c-txt {
  text-align: center;
  padding-inline: 1.5rem;
  font-size: 1.2rem;
  line-height: 1.1;
  padding-bottom: 1.5rem;
}

.cc_div .c-bn {
  border-radius: 100vh;
  font-size: 1.1rem;
  border: 1px solid var(--cc-btn-primary-hover-bg);
}

#s-bns {
  height: auto;
}