@charset "UTF-8";
body {
  padding: 0;
  margin: 0;
  font-family: Aeonik, sans-serif;
  background-color: #faf5f0;
  background-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body .logo.white {
    display: none; }
  body.white-nav header {
    background-color: #0a0a0a; }
    body.white-nav header .logo.black {
      display: none; }
    body.white-nav header .logo.white {
      display: block; }
    body.white-nav header .main-nav ul li a {
      color: #fff; }
    body.white-nav header.head {
      background-color: #0a0a0a; }
      body.white-nav header.head .logo.black {
        display: none; }
      body.white-nav header.head .logo.white {
        display: block; }
      body.white-nav header.head .main-nav ul li a {
        color: #fff; }
    body.white-nav header .header_current_page {
      color: #fff; }
      body.white-nav header .header_current_page a {
        color: #fff; }
    body.white-nav header .main-nav ul li a:before, body.white-nav header .main-nav ul li a:hover:before {
      background-color: white; }
  body.shoppinglist header .header_current_page {
    color: #0a0a0a; }
  body.shoppinglist header .logo.white {
    display: none; }
  body.shoppinglist header .logo.black {
    display: block; }
  body.shoppinglist header.head .header_current_page {
    color: white; }
  body.shoppinglist header.head .logo.black {
    display: none; }
  body.shoppinglist header.head .logo.white {
    display: block; }
  body.shoppinglist header.head .main-nav ul li a {
    color: #fff; }
  body.shoppinglist header .main-nav ul li a {
    color: #0a0a0a; }

p, ul, ol, input, textarea, label {
  font-size: clamp(16px, 1.27vw, 20px);
  letter-spacing: -.03em;
  line-height: 1.7vw; }

a {
  color: #dcff00;
  text-decoration: none;
  font-size: 1.27vw;
  letter-spacing: -.03em;
  line-height: 1.7vw; }

textarea {
  line-height: initial; }

h1, h2, h3, h4, h5 {
  color: #dcff00;
  font-family: Coanda; }

h1 {
  font-size: 3.83vw;
  line-height: 4.33vw;
  font-weight: black;
  margin: 10px 0; }

h2 {
  font-size: 2.333vw;
  line-height: 2.333vw; }

h3 {
  font-size: 2vw;
  line-height: 2vw; }

h4 {
  font-size: 1.8vw;
  line-height: 1.8vw; }

h5 {
  font-size: 1.6vw;
  line-height: 1.6vw; }

.btn, input[type="submit"] {
  font-family: "Space mono";
  border: 0;
  background: #0a0a0a;
  color: white;
  font-size: clamp(16px, 1.25vw, 20px);
  letter-spacing: -.03em;
  padding: 12px 34px;
  transition: all .2s;
  width: 200px; }
  .btn:hover, input[type="submit"]:hover {
    cursor: pointer; }
  .btn.black, input[type="submit"].black {
    background: #000;
    color: #fff; }
  .btn:hover, input[type="submit"]:hover {
    color: #dcff00; }

form {
  font-family: "Space mono";
  text-align: left; }
  form input, form textarea {
    font-size: clamp(16px, 1.27vw, 20px); }
  form label {
    font-size: 0.8vw; }
  form p {
    margin-bottom: 10px; }
    form p label {
      font-size: 1vw; }
  form input[type="text"], form input[type="email"], form textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 6px 12px;
    border: 0px;
    font-family: "Space mono";
    background-color: #fdfbf4; }
    form input[type="text"]:focus, form input[type="email"]:focus, form textarea:focus {
      background-color: white;
      outline: 0px; }
  form input[type="checkbox"] {
    appearance: none;
    background-color: white;
    width: 1.2em;
    height: 1.2em;
    transform: translateY(0.4em); }
    form input[type="checkbox"]::before {
      content: "x";
      color: white;
      display: block;
      position: absolute;
      left: 0.3em;
      top: -0.3em; }
    form input[type="checkbox"]:checked::before {
      color: black; }
  form input::placeholder, form textarea::placeholder {
    color: black;
    opacity: 1; }

.hero {
  width: 100%;
  min-height: 50vh;
  display: flex;
  overflow: hidden;
  position: relative;
  margin-top: 100px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background-color: #faf5f0;
  background-image: url("/static/img/aeterna_grid_pixel.svg?4266516cdc74");
  background-repeat: repeat;
  background-size: 12px;
  position: relative; }
  .hero .grid {
    align-items: center; }
  .hero.white-txt {
    color: #fff; }
    .hero.white-txt h1, .hero.white-txt h2, .hero.white-txt h3, .hero.white-txt h4, .hero.white-txt h5, .hero.white-txt .rich-text {
      color: #fff; }
  .hero .hero-content {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 1; }
    .hero .hero-content .hero-text p {
      font-size: 30px; }
  .hero.fullheight {
    min-height: calc(100vh - 60px); }
  .hero.small {
    min-height: 30vh; }
  .hero.large {
    min-height: 85vh; }

.container {
  display: block;
  width: 100%;
  /* max-width: 1440px; */
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
  .container.narrow {
    max-width: 900px; }
  .container.thin {
    max-width: 600px; }

.textcenter {
  text-align: center; }

.block-wrap {
  padding: 60px 10px;
  box-sizing: border-box;
  position: relative; }
  .block-wrap .dots-bg {
    background-image: url("/static/img/aeterna_grid_pixel_info.svg?4266516cdc74");
    background-repeat: repeat;
    background-size: 12px;
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%; }
    .block-wrap .dots-bg.white {
      background-image: url(/static/img/aeterna_grid_pixel.svg?4266516cdc74); }
    .block-wrap .dots-bg.para {
      top: 20%;
      height: 150%; }
  .block-wrap .col-grid {
    position: relative; }
  .block-wrap.grey {
    background-color: #b4aaaa;
    color: #fff; }
  .block-wrap.card .container {
    margin-top: -100px;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 20px;
    padding: 80px;
    box-sizing: border-box;
    box-shadow: 0 5px 20px 5px rgba(28, 90, 125, 0.25); }
  .block-wrap.dark {
    background-color: #0a0a0a;
    color: #fff; }
    .block-wrap.dark p, .block-wrap.dark ul, .block-wrap.dark ol {
      color: #a7a9ac; }
    .block-wrap.dark .cards .item {
      background-color: #242a33;
      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.75); }

.grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  box-sizing: border-box; }
  .grid .item {
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    margin: 10px; }
    .grid .item img {
      max-width: 100%;
      height: auto;
      display: inline-block; }
    .grid .item .item-big-img {
      display: block;
      position: relative;
      margin-left: -20px;
      margin-right: -20px;
      margin-top: -20px;
      margin-bottom: 20px;
      padding: 20px;
      height: 0;
      width: 100%;
      padding-bottom: 70%; }
      .grid .item .item-big-img img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .grid .item.item-odd {
      width: 50%;
      float: left; }
    .grid .item.item-even {
      width: 50%;
      float: right; }
  .grid.right {
    justify-content: right; }
  .grid.centeritems {
    align-items: center; }
  .grid.cards .item {
    background-color: #fff;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); }
  .grid.two {
    flex: 1 0 50%; }
    .grid.two .item {
      width: calc(50% - 20px); }
  .grid.three {
    flex: 1 0 33.33%; }
    .grid.three .item {
      width: calc(33.33% - 20px); }
      .grid.three .item.double {
        flex-grow: 1;
        width: calc(66.66% - 20px); }
  .grid.four {
    flex: 1 0 25%; }
    .grid.four .item {
      width: calc(25% - 20px); }
      .grid.four .item.double {
        flex-grow: 1;
        width: calc(50% - 20px); }

.mobile-menu-toggle {
  display: none;
  position: relative;
  height: 40px;
  width: 40px;
  margin: 10px; }
  .mobile-menu-toggle .ham {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 2px;
    transform: translate(-50%, -50%);
    background: #fff;
    transition: all .2s; }
    .mobile-menu-toggle .ham:after, .mobile-menu-toggle .ham:before {
      content: "";
      position: absolute;
      background: #fff;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      transform: translate(-50%, -50%);
      transition: all .2s; }
    .mobile-menu-toggle .ham:before {
      margin-top: -8px; }
    .mobile-menu-toggle .ham:after {
      margin-top: 8px; }
  .mobile-menu-toggle.active {
    cursor: pointer; }
    .mobile-menu-toggle.active .ham {
      transform: translate(-50%, -50%) rotate(45deg); }
      .mobile-menu-toggle.active .ham:after, .mobile-menu-toggle.active .ham:before {
        transform: translate(-50%, -50%) rotate(90deg);
        margin-top: 0; }

header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  background-color: none;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  z-index: 5;
  transition: all .2s;
  padding: 0;
  font-size: 18px;
  line-height: 2rem;
  color: #fff; }
  header .logo.white {
    display: block; }
  header .logo.black {
    display: none; }
  header .header_current_page {
    padding: 14px;
    padding-left: 0; }
    header .header_current_page p {
      margin: 0; }
    header .header_current_page a {
      color: #0a0a0a; }

header.head {
  background: none;
  color: #0a0a0a; }
  header.head .logo.white {
    display: none; }
  header.head .logo.black {
    display: block; }
  header.head .main-nav ul li a {
    color: #0a0a0a; }
    header.head .main-nav ul li a:before {
      background-color: #0a0a0a; }
  header.head .main-nav .header_current_page {
    color: #fff; }
    header.head .main-nav .header_current_page a {
      color: #fff; }

.header_current_page {
  padding-top: 14px; }

.main-nav ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  .main-nav ul li {
    display: inline-block;
    padding: 14px 1.4vw;
    position: relative; }
    .main-nav ul li a {
      display: block;
      text-decoration: none;
      color: #fff;
      font-weight: normal; }
      .main-nav ul li a:before {
        content: "";
        position: absolute;
        left: 1.4vw;
        bottom: 12px;
        width: 0%;
        height: 0.1vw;
        background-color: #fff;
        transition: all .2s ease-in-out; }
      .main-nav ul li a:hover:before {
        width: calc(100% - 2.6vw); }
    .main-nav ul li:hover > a {
      opacity: 1; }
      .main-nav ul li:hover > a:after {
        content: "";
        width: 8px;
        height: 8px;
        bottom: 2px; }
    .main-nav ul li:hover .submenu-content {
      display: block; }
    .main-nav ul li.active > a {
      color: #fff; }
      .main-nav ul li.active > a:after {
        content: "";
        width: 60%; }

.main-nav .submenu-content {
  display: none;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 100%; }
  .main-nav .submenu-content a {
    white-space: nowrap;
    display: block;
    padding: 14px;
    background: #000; }
    .main-nav .submenu-content a:hover {
      color: #fff; }

.main-nav .has-submenu:hover .submenu-content {
  display: block; }

.brand {
  display: inline-block;
  padding: 14px 0; }
  .brand .logo {
    height: 25px;
    display: block;
    transition: all .2s;
    min-width: 160px; }

.rich-text {
  overflow: auto;
  color: #555; }
  .rich-text p:last-child a {
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14.802" height="12" viewBox="0 0 14.802 12"><polygon points="8.802 0 8.01 0.793 8.009 0.792 12.656 5.44 0 5.44 0 6.56 12.656 6.56 8.009 11.207 8.802 12 14.802 6 8.802 0" fill="black"/></svg>');
    background-repeat: no-repeat;
    background-position: right 3px center;
    background-size: auto 60%;
    padding-right: 40px;
    opacity: 0.8;
    transition: all .2s; }
    .rich-text p:last-child a:hover {
      opacity: 1;
      background-position: right 0 center; }
  .rich-text .richtext-image.right {
    float: right;
    margin: 20px; }
  .rich-text .richtext-image.left {
    float: left;
    margin: 20px; }
  .rich-text .richtext-image.full-width {
    max-width: 100%; }

iframe {
  width: 100%;
  height: 100%;
  min-height: 400px; }

.ae-links.black a {
  color: #0a0a0a; }
  .ae-links.black a:before {
    background-color: #0a0a0a; }

.ae-links a {
  position: relative; }
  .ae-links a.info {
    color: #dcff00; }
    .ae-links a.info:before {
      background-color: #dcff00; }
  .ae-links a.black {
    color: #0a0a0a; }
    .ae-links a.black:before {
      background-color: #0a0a0a; }
  .ae-links a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0%;
    height: 0.15vw;
    background-color: #dcff00;
    transition: all .2s ease-in-out; }
  .ae-links a:after {
    content: "→";
    font-family: Aeonik, sans-serif;
    position: relative; }
  .ae-links a:hover:before {
    width: 100%; }

.ae-link {
  position: relative; }
  .ae-link.info {
    color: #dcff00; }
    .ae-link.info:before {
      background-color: #dcff00; }
  .ae-link.black {
    color: #0a0a0a; }
    .ae-link.black:before {
      background-color: #0a0a0a; }
  .ae-link:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0%;
    height: 0.1vw;
    background-color: #fff;
    transition: all .2s ease-in-out; }
  .ae-link:after {
    content: "→";
    font-family: Aeonik, sans-serif;
    position: relative;
    transition: all .2s ease-in-out; }
  .ae-link:hover:before {
    width: 100%; }

a:has(.cta) {
  display: inline-block;
  background-color: black;
  color: #dcff00 !important;
  padding: 8px 30px 10px 30px;
  margin: 20px 10px 40px 0px; }
  a:has(.cta):after {
    content: ""; }
  a:has(.cta):before {
    height: 0; }
  a:has(.cta):hover {
    color: black !important;
    background-color: #dcff00; }

.hero-text a:has(.cta) {
  font-size: clamp(12px, 1.5vw, 70px) !important; }

code {
  white-space: pre-wrap; }

footer {
  padding-top: 20px;
  padding-bottom: 40px;
  background-color: #0a0a0a;
  color: white;
  line-height: 1.2; }
  footer .footer-greeting {
    color: #dcff00; }
  footer p, footer a {
    margin: 0;
    padding: 0; }
  footer a {
    display: inline-block;
    position: relative;
    color: #fff; }
    footer a.inline-link {
      display: inline; }
    footer a:hover {
      color: #dcff00; }
      footer a:hover:before {
        width: 100%; }
    footer a:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: -2px;
      width: 0%;
      height: 0.1vw;
      background-color: #dcff00;
      transition: all .2s ease-in-out; }
  footer .col-grid {
    margin-bottom: 40px; }

.animate-in {
  position: relative;
  opacity: 0;
  bottom: -40px;
  transition: bottom .5s, opacity .5s; }
  .animate-in.in-view {
    opacity: 1;
    bottom: 0px; }

.col-grid {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  box-sizing: border-box;
  grid-gap: 20px; }
  .col-grid.center-align {
    align-items: center; }
  .col-grid .col {
    grid-column: span 14;
    box-sizing: border-box; }
    .col-grid .col img {
      max-width: 100%; }
    .col-grid .col.col-14 {
      grid-column: span 14; }
    .col-grid .col.col-13 {
      grid-column: span 13; }
    .col-grid .col.col-12 {
      grid-column: span 12; }
    .col-grid .col.col-11 {
      grid-column: span 11; }
    .col-grid .col.col-10 {
      grid-column: span 10; }
    .col-grid .col.col-9 {
      grid-column: span 9; }
    .col-grid .col.col-8 {
      grid-column: span 8; }
    .col-grid .col.col-7 {
      grid-column: span 7; }
    .col-grid .col.col-6 {
      grid-column: span 6; }
    .col-grid .col.col-5 {
      grid-column: span 5; }
    .col-grid .col.col-4 {
      grid-column: span 4; }
    .col-grid .col.col-3 {
      grid-column: span 3; }
    .col-grid .col.col-2 {
      grid-column: span 2; }
    .col-grid .col.col-1 {
      grid-column: span 1; }

.txt-color.seafoam {
  color: #00ffb4; }

.txt-color.aqua {
  color: #00f0f0; }

.txt-color.magenta {
  color: #fa0a8c; }

.txt-color.cyber {
  color: #6e5ac8; }

.txt-color.info {
  color: #dcff00; }

@media (max-width: 720px) {
  .col-grid .col.spacer {
    display: none; }
  .col-grid .col.col-14, .col-grid .col.col-13, .col-grid .col.col-12, .col-grid .col.col-11, .col-grid .col.col-9 {
    grid-column: span 14; }
  .col-grid .col.col-10 {
    grid-column: span 14; }
  .col-grid .col.col-8 {
    grid-column: span 14; }
  .col-grid .col.col-7 {
    grid-column: span 14; }
  .col-grid .col.col-6 {
    grid-column: span 6; }
  .col-grid .col.col-5 {
    grid-column: span 6; }
  .col-grid .col.col-4 {
    grid-column: span 14; }
  .col-grid .col.col-3 {
    grid-column: span 7; }
  .col-grid .col.col-2 {
    grid-column: span 7; }
  .col-grid .col.col-1 {
    grid-column: span 3; } }

/* vietnamese */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  src: url("/static/fonts/Space-Mono-1.woff2?4266516cdc74") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  src: url("/static/fonts/Space-Mono-2.woff2?4266516cdc74") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  src: url("/static/fonts/Space-Mono-3.woff2?4266516cdc74") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: Coanda;
  font-weight: thin;
  src: url("/static/fonts/Coanda-Thin.otf?4266516cdc74") format("opentype"); }

@font-face {
  font-family: Coanda;
  font-weight: light;
  src: url("/static/fonts/Coanda-Light.otf?4266516cdc74") format("opentype"); }

@font-face {
  font-family: Coanda;
  font-weight: normal;
  src: url("/static/fonts/Coanda-Regular.otf?4266516cdc74") format("opentype"); }

@font-face {
  font-family: Coanda;
  font-weight: bold;
  src: url("/static/fonts/Coanda-Bold.otf?4266516cdc74") format("opentype"); }

@font-face {
  font-family: Coanda;
  font-weight: black;
  src: url("/static/fonts/Coanda-Black.otf?4266516cdc74") format("opentype"); }

@font-face {
  font-family: 'Aeonik Air';
  src: url("/static/fonts/Aeonik/Aeonik-Air.woff2") format("woff2"), url("/static/fonts/Aeonik/Aeonik-Air.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Aeonik';
  src: url("/static/fonts/Aeonik/Aeonik-Black.woff2") format("woff2"), url("/static/fonts/Aeonik/Aeonik-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Aeonik';
  src: url("/static/fonts/Aeonik/Aeonik-BoldItalic.woff2?ff3f8acdafd3") format("woff2"), url("/static/fonts/Aeonik/Aeonik-BoldItalic.woff?ff3f8acdafd3") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Aeonik Air';
  src: url("/static/fonts/Aeonik/Aeonik-AirItalic.woff2") format("woff2"), url("/static/fonts/Aeonik/Aeonik-AirItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Aeonik';
  src: url("/static/fonts/Aeonik/Aeonik-Bold.woff2?ff3f8acdafd3") format("woff2"), url("/static/fonts/Aeonik/Aeonik-Bold.woff?ff3f8acdafd3") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Aeonik';
  src: url("/static/fonts/Aeonik/Aeonik-BlackItalic.woff2") format("woff2"), url("/static/fonts/Aeonik/Aeonik-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Aeonik';
  src: url("/static/fonts/Aeonik/Aeonik-Thin.woff2") format("woff2"), url("/static/fonts/Aeonik/Aeonik-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Aeonik';
  src: url("/static/fonts/Aeonik/Aeonik-RegularItalic.woff2?ff3f8acdafd3") format("woff2"), url("/static/fonts/Aeonik/Aeonik-RegularItalic.woff?ff3f8acdafd3") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Aeonik';
  src: url("/static/fonts/Aeonik/Aeonik-LightItalic.woff2?ff3f8acdafd3") format("woff2"), url("/static/fonts/Aeonik/Aeonik-LightItalic.woff?ff3f8acdafd3") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Aeonik';
  src: url("/static/fonts/Aeonik/Aeonik-ThinItalic.woff2") format("woff2"), url("/static/fonts/Aeonik/Aeonik-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Aeonik';
  src: url("/static/fonts/Aeonik/Aeonik-Light.woff2?ff3f8acdafd3") format("woff2"), url("/static/fonts/Aeonik/Aeonik-Light.woff?ff3f8acdafd3") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Aeonik';
  src: url("/static/fonts/Aeonik/Aeonik-Regular.woff2?ff3f8acdafd3") format("woff2"), url("/static/fonts/Aeonik/Aeonik-Regular.woff?ff3f8acdafd3") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

span.spacemono {
  font-family: 'Space Mono'; }

span.coanda {
  font-family: 'Coanda'; }

span.aeonik {
  font-family: 'Aeonik'; }

.hero.landing {
  margin-top: 200px;
  min-height: 30vh; }
  .hero.landing p {
    font-size: 2.333vw;
    line-height: 3.2vw;
    font-family: "Aeonik";
    font-weight: normal;
    color: #000;
    margin-bottom: 2.8vw; }
    .hero.landing p a {
      font-size: 2.333vw;
      line-height: 2.833vw; }
  .hero.landing h1 {
    font-family: Aeonik;
    color: black;
    font-weight: normal;
    margin-top: 50px; }

@media (max-width: 720px) {
  .hero.landing {
    margin-top: 100px; }
    .hero.landing p {
      font-size: clamp(18px, 5.25vw, 28px);
      line-height: 6.5vw; }
      .hero.landing p a {
        font-size: clamp(22px, 5.25vw, 28px);
        line-height: 6.5vw; } }

.solutions {
  overflow: hidden;
  position: relative;
  color: white;
  padding-top: 24px;
  padding-bottom: 0; }
  .solutions p {
    line-height: clamp(1.4rem, 1.8vw, 2rem);
    text-shadow: 0 0 1px black; }
  .solutions .solutions-bg {
    background: url("/static/img/aeterna_solutions_bg.jpg?6175bb630dbf");
    background-size: cover;
    background-position: top center;
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 140%; }
  .solutions .col-grid {
    position: relative; }
  .solutions .aet-icon {
    padding: 20px;
    width: 80px; }
  .solutions .dots {
    margin-top: 5vh;
    height: 10vh;
    background-image: url("/static/img/aeterna_grid_pixel_info.svg?4266516cdc74");
    background-repeat: repeat;
    background-size: 12px; }
  @media (max-width: 720px) {
    .solutions h2 {
      font-size: 32px;
      margin-top: 40px; } }
.our-people {
  background: #b4aaaa;
  padding-top: 70px;
  padding-bottom: 280px;
  position: relative; }
  .our-people .container {
    position: relative; }
  .our-people .dots-bg {
    background-image: url("/static/img/aeterna_grid_pixel_info.svg?4266516cdc74");
    background-repeat: repeat;
    background-size: 12px;
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    height: 160%; }
  .our-people.container {
    position: relative;
    z-index: 100; }
  .our-people .our-people-title {
    overflow: hidden;
    margin-bottom: -18px;
    margin-left: -20px;
    width: 100%;
    position: absolute;
    z-index: 4; }
    .our-people .our-people-title h2 {
      display: inline-block;
      font-family: 'Aeonik';
      font-weight: normal;
      font-size: 5.3vw;
      white-space: nowrap;
      width: 100%;
      white-space: nowrap; }
      .our-people .our-people-title h2 .our-ppl-anim-1 {
        display: inline-block;
        z-index: 100;
        width: 100%;
        transform: translateX(100%);
        animation: first-anim 30s linear infinite; }
        @media (max-width: 720px) {
          .our-people .our-people-title h2 .our-ppl-anim-1 {
            font-size: 48px;
            transform: translateX(100%);
            animation: second-anim 15s linear infinite; }
            .our-people .our-people-title h2 .our-ppl-anim-1::before {
              content: " based on our people "; }
            .our-people .our-people-title h2 .our-ppl-anim-1::after {
              content: " Everything we do is"; } }
      .our-people .our-people-title h2 .our-ppl-anim-2 {
        display: inline-block;
        transform: translateX(100%);
        width: 100%;
        animation: second-anim 30s linear infinite;
        animation-delay: 15s;
        z-index: 101; }
        @media (max-width: 720px) {
          .our-people .our-people-title h2 .our-ppl-anim-2 {
            display: none; } }
@keyframes first-anim {
  from {
    transform: translateX(100%); }
  to {
    transform: translateX(-100%); } }

@keyframes second-anim {
  from {
    transform: translateX(0%); }
  to {
    transform: translateX(-200%); } }
  .our-people .our-people-text {
    color: white;
    font-family: "Space Mono"; }
    .our-people .our-people-text p, .our-people .our-people-text a {
      font-size: clamp(16px, 1.1vw, 28px);
      hyphens: auto; }
  .our-people .our-people-image {
    min-width: 350px; }

#scroll-container {
  border: 3px solid black;
  border-radius: 5px;
  overflow: hidden; }

.our-products {
  background-image: url("/static/img/frontpage-products.jpg?4266516cdc74");
  background-size: cover;
  background-position: center;
  height: 900px;
  padding-top: 150px;
  padding-bottom: 50px; }
  .our-products h2 {
    font-family: Aeonik, sans-serif;
    color: #0a0a0a;
    font-weight: normal; }
  .our-products p {
    font-family: "Space Mono";
    font-size: clamp(16px, 1.1vw, 28px);
    hyphens: auto; }

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

.news-overview {
  background: #0a0a0a; }
  .news-overview h1 {
    font-family: Aeonik;
    color: white;
    font-weight: normal;
    margin: calc(60px + 2vh) auto; }
  .news-overview h2 {
    font-family: Aeonik;
    color: white;
    margin-top: 6px;
    font-weight: normal;
    position: relative;
    z-index: 2; }
  .news-overview a {
    color: white;
    position: relative;
    display: block;
    margin: 40px 0; }
  .news-overview a:hover h2 {
    color: #dcff00; }
    .news-overview a:hover h2 span {
      background-color: black;
      padding: 0 10px 0 0; }
  .news-overview a:hover .post-thumb {
    opacity: 1;
    left: 95%; }

.post-thumb {
  opacity: 0;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding-bottom: 40%;
  width: 60%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: all .4s ease-in-out; }

.news-single {
  min-height: 30vh;
  padding-bottom: 100px; }
  .news-single h1 {
    font-family: Aeonik;
    color: #0a0a0a;
    font-weight: normal; }
  .news-single .date p {
    padding: 2px 5px 2px 5px;
    display: inline;
    background-color: #dcff00;
    font-family: "Space Mono";
    margin-bottom: 40px;
    display: inline-block; }
  .news-single p, .news-single h2, .news-single h3, .news-single h4, .news-single h5 {
    font-family: "Space Mono";
    color: #0a0a0a; }

.news-single-content a {
  color: #0a0a0a;
  text-decoration: underline;
  width: calc(100%);
  background-image: linear-gradient(transparent calc(100% - 2px), black 10px);
  background-repeat: no-repeat;
  background-size: 0% 95%;
  transition: background-size 0s; }
  .news-single-content a:hover {
    text-decoration: none;
    background-size: 100% 95%;
    transition: background-size .5s; }

.news-dots {
  margin-top: 140px;
  padding-bottom: 100px;
  background-image: url("/static/img/aeterna_grid_pixel_info.svg?4266516cdc74");
  background-repeat: repeat;
  background-size: 12px; }

.step-links {
  color: #dcff00;
  font-size: 1.27vw; }
  .step-links a {
    color: #dcff00;
    display: inline; }

.readmore {
  margin-top: 40px;
  background-image: url("/static/img/aeterna_grid_pixel.svg?4266516cdc74");
  background-repeat: repeat;
  background-size: 12px;
  padding-top: 30px;
  padding-bottom: 80px; }
  .readmore h4 {
    background: #dcff00;
    color: #0a0a0a;
    display: inline-block;
    font-family: Aeonik, sans-serif;
    font-weight: 300; }
  .readmore .news-overview {
    overflow: hidden; }
    .readmore .news-overview a {
      color: #0a0a0a; }
      .readmore .news-overview a .post-date {
        display: block; }
      .readmore .news-overview a h2 {
        color: #0a0a0a;
        display: inline;
        width: calc(100%);
        background-image: linear-gradient(#dcff00 calc(100% - 100%), #dcff00 10px);
        background-repeat: no-repeat;
        background-size: 0% 95%;
        transition: background-size 0s; }
      .readmore .news-overview a:hover h2 {
        background-size: 100% 95%;
        transition: background-size .5s;
        color: #dcff00; }

.post-image {
  margin-top: -50px;
  position: relative; }

.news-cat {
  padding: 3px 6px;
  border-radius: 5px;
  color: #fff; }

.ingress .rich-text p, .ingress ul, .ingress ol, .ingress a {
  font-size: 22px; }

.first-page-feed {
  position: relative;
  overflow: hidden;
  background: #0a0a0a;
  padding-top: 50px;
  padding-bottom: 50px; }
  .first-page-feed h2 {
    color: white;
    font-family: Aeonik;
    font-weight: normal; }

@media (max-width: 720px) {
  .ingress .rich-text p, ul, ol, a {
    font-size: 16px; } }

.shoppinglist .hero {
  background-color: #0a0a0a;
  color: #fff;
  padding-top: 200px;
  margin-top: 0; }
  .shoppinglist .hero h1 {
    font-family: Aeonik, sans-serif;
    font-weight: 500;
    font-size: 2.333vw;
    line-height: 3vw;
    color: #fff; }
    .shoppinglist .hero h1 span {
      color: #dcff00; }
  .shoppinglist .hero .sl-desc {
    margin-top: 60px;
    margin-bottom: 30px;
    font-family: 'Space Mono',sans-serif; }
    .shoppinglist .hero .sl-desc p {
      font-size: 15px; }
      .shoppinglist .hero .sl-desc p a {
        font-size: 15px; }
    .shoppinglist .hero .sl-desc span {
      display: block; }
  .shoppinglist .hero .sl-info {
    color: #dcff00; }
  .shoppinglist .hero .sl-pink {
    color: #f60890; }
  .shoppinglist .hero .sl-green {
    color: #00ffb4; }

.shoppinglist .dots {
  padding-top: clamp(80px, 5vh, 200px);
  padding-bottom: clamp(80px, 5vh, 200px);
  background-image: url("/static/img/aeterna_grid_pixel.svg?4266516cdc74");
  background-repeat: repeat;
  background-size: 12px; }

.shoppinglist .cms-bottom {
  margin-left: 15px;
  margin-right: 15px; }

@media (max-width: 1080px) {
  .shoppinglist .hero h1 {
    font-size: clamp(22px, 5.25vw, 28px);
    line-height: 1.2em; }
  .shoppinglist #segmentTable p, .shoppinglist #segmentTable ul, .shoppinglist #segmentTable ol, .shoppinglist #segmentTable a, .shoppinglist #segmentTable input, .shoppinglist #segmentTable textarea, .shoppinglist #segmentTable label, .shoppinglist #segmentTable h4, .shoppinglist #segmentTable td, .shoppinglist #segmentTable th {
    font-size: 10px !important;
    line-height: 1.4em !important; } }

#segmentTable {
  border-collapse: collapse;
  margin: 60px 0;
  font-family: "Space Mono", sans-serif;
  font-size: 0.75rem;
  width: 100%;
  text-align: left; }
  #segmentTable thead th {
    font-weight: bold;
    padding: 3px 6px; }
  #segmentTable > tbody > tr:nth-child(2n+3) {
    border-top: 1px solid rgba(0, 0, 0, 0.025); }
  #segmentTable td {
    padding: 3px 6px; }
  #segmentTable ul {
    list-style-type: "→ ";
    margin: 0;
    padding: 0; }
    #segmentTable ul li {
      color: #777; }
  #segmentTable a {
    color: #777;
    font-size: inherit; }
    #segmentTable a:hover {
      text-decoration: underline; }
  #segmentTable .segment-name {
    white-space: nowrap;
    cursor: pointer; }
    #segmentTable .segment-name .arrow {
      width: 18px;
      height: 18px;
      display: inline-block;
      background-color: #dcff00;
      vertical-align: middle;
      text-align: center; }
      #segmentTable .segment-name .arrow:after {
        content: "→";
        font-family: Aeonik, sans-serif;
        vertical-align: top; }
    #segmentTable .segment-name:hover .arrow {
      cursor: pointer;
      background-color: #0a0a0a; }
      #segmentTable .segment-name:hover .arrow::after {
        color: #dcff00; }
    #segmentTable .segment-name.show .arrow:after {
      content: "↘"; }
    #segmentTable .segment-name .the-name {
      width: 100%; }
  #segmentTable .info {
    display: none;
    color: #777; }
    #segmentTable .info.show {
      display: table-row; }
    #segmentTable .info .info-content {
      margin-bottom: 12px; }
      #segmentTable .info .info-content span {
        display: block;
        margin-top: 14px; }
      #segmentTable .info .info-content > p, #segmentTable .info .info-content > ul, #segmentTable .info .info-content > ol, #segmentTable .info .info-content > a, #segmentTable .info .info-content > input, #segmentTable .info .info-content > textarea, #segmentTable .info .info-content > label, #segmentTable .info .info-content > table {
        line-height: initial !important; }
      #segmentTable .info .info-content td {
        white-space: initial; }
      #segmentTable .info .info-content h4 {
        font-weight: bold;
        font-family: inherit;
        margin-bottom: 0; }
      #segmentTable .info .info-content p, #segmentTable .info .info-content h4, #segmentTable .info .info-content ul, #segmentTable .info .info-content td {
        color: inherit;
        font-size: inherit;
        margin-top: 0; }
      #segmentTable .info .info-content .stats-container {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 14px;
        margin-top: 14px; }
        #segmentTable .info .info-content .stats-container > div {
          flex-basis: 25%; }
          #segmentTable .info .info-content .stats-container > div td {
            white-space: nowrap; }
          #segmentTable .info .info-content .stats-container > div:not(:last-child) {
            margin-bottom: 1em;
            /*margin-right: 1em;*/ }
          #segmentTable .info .info-content .stats-container > div.flex-new-row {
            flex-basis: 100%;
            margin-bottom: 0; }
        #segmentTable .info .info-content .stats-container .associated-container, #segmentTable .info .info-content .stats-container .top-domains-container {
          flex-grow: 1;
          flex-basis: 50%;
          max-width: 500px; }
        #segmentTable .info .info-content .stats-container table {
          border-collapse: collapse; }
          #segmentTable .info .info-content .stats-container table td {
            padding: 0;
            padding-right: 1em; }
          #segmentTable .info .info-content .stats-container table .right-align {
            text-align: right; }
  #segmentTable .not-matching-query {
    display: none; }

:target {
  scroll-margin-top: 65px;
  /* Height of the header */ }

.sl-controls {
  background-color: #b4aaaa;
  background-image: url("/static/img/aeterna_grid_pixel_info.svg?4266516cdc74");
  background-repeat: repeat;
  background-size: 12px;
  padding: 40px 0; }
  .sl-controls button, .sl-controls a {
    border: none;
    background: #0a0a0a;
    font-family: 'Space Mono', sans-serif;
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 6px 12px; }
    .sl-controls button:hover, .sl-controls button.selected, .sl-controls a:hover, .sl-controls a.selected {
      background-color: #dcff00;
      color: #0a0a0a;
      cursor: pointer; }
  .sl-controls a {
    margin-bottom: 5px;
    display: inline-block; }
  .sl-controls input[type="text"] {
    font-family: 'Space Mono', sans-serif;
    font-size: 16px;
    width: 100%;
    padding: 6px 12px; }

body.trends {
  background: #b4aaaa; }
  body.trends header {
    color: black;
    background: rgba(180, 170, 170, 0.8); }
    body.trends header a {
      color: black; }
  body.trends .logo.black {
    display: block; }
  body.trends .logo.white {
    display: none; }
  body.trends .main-nav ul li a:before, body.trends .main-nav ul li a:hover:before {
    background-color: black; }
  body.trends .mobile-menu-toggle .ham {
    background: black; }
    body.trends .mobile-menu-toggle .ham:after, body.trends .mobile-menu-toggle .ham:before {
      background: black; }

.trending-topics {
  margin: 200px 0 150px 0; }
  .trending-topics h1 {
    font-family: "Aeonik",  sans-serif;
    color: #000;
    margin-bottom: 50px;
    font-weight: 500;
    font-size: clamp(28px, 2.333vw, 48px);
    line-height: clamp(1.2em, 2.5vw, 2em); }
    .trending-topics h1 span {
      color: #dcff00; }
  .trending-topics #control-panel {
    margin-bottom: 50px; }
  .trending-topics .sl-controls {
    background: none; }
  .trending-topics .dots {
    background-color: #b4aaaa;
    background-image: url("/static/img/aeterna_grid_pixel_info.svg?4266516cdc74");
    background-repeat: repeat;
    background-size: 12px;
    padding-top: 50px; }
  .trending-topics h2 {
    font-family: "Aeonik", sans-serif;
    font-weight: 400; }
  .trending-topics h3 {
    font-weight: 400;
    padding: 3px 6px;
    font-family: "Space Mono", sans-serif;
    font-size: clamp(16px, 1.27vw, 20px);
    margin: 30px 0 0 0;
    color: #000; }
    @media (max-width: 720px) {
      .trending-topics h3 {
        font-size: clamp(16px, 1.25vw, 20px); } }
  .trending-topics #top-ten-written {
    margin-bottom: 40px; }
  .trending-topics ul {
    list-style-type: none;
    margin: 20px 0 0 50px;
    padding: 0;
    font-family: "Space Mono", sans-serif;
    width: 100%;
    text-align: left; }
    .trending-topics ul a {
      font-size: inherit;
      color: inherit; }
    @media (max-width: 720px) {
      .trending-topics ul {
        margin-left: 0; } }
  .trending-topics li {
    padding: 3px 6px; }
  .trending-topics .date {
    font-family: "Space Mono", monospace; }
  .trending-topics .tick {
    font-family: "Space Mono", monospace; }
  .trending-topics #trendingTopicsWritten li:nth-of-type(3n+1) a, .trending-topics #trendingTopicsWritten li:nth-of-type(3n+1), .trending-topics #trendingTopicsRead li:nth-of-type(3n+1) a, .trending-topics #trendingTopicsRead li:nth-of-type(3n+1) {
    cursor: url("/static/img/icons/yellow-circle.svg?6175bb630dbf") 12 12, auto; }
  .trending-topics #trendingTopicsWritten li:nth-of-type(3n+2) a, .trending-topics #trendingTopicsWritten li:nth-of-type(3n+2), .trending-topics #trendingTopicsRead li:nth-of-type(3n+2) a, .trending-topics #trendingTopicsRead li:nth-of-type(3n+2) {
    cursor: url("/static/img/icons/black-circle.svg?6175bb630dbf") 12 12, auto; }
  .trending-topics #trendingTopicsWritten li:nth-of-type(3n+3) a, .trending-topics #trendingTopicsWritten li:nth-of-type(3n+3), .trending-topics #trendingTopicsRead li:nth-of-type(3n+3) a, .trending-topics #trendingTopicsRead li:nth-of-type(3n+3) {
    cursor: url("/static/img/icons/white-circle.svg?6175bb630dbf") 12 12, auto; }
  .trending-topics #readTopicsGraph svg, .trending-topics #writtenTopicsGraph svg {
    width: 100%;
    height: auto;
    max-width: 900px; }

.readmore .news-overview {
  background: transparent; }

.singlepage h1 {
  font-family: "Aeonik";
  font-weight: normal;
  color: black; }

.hero {
  margin-top: 200px; }

#contact h2 {
  color: black;
  font-weight: normal; }

@media (min-width: 1200px) {
  .grid.three .item {
    margin: 40px;
    width: calc(33.33% - 80px); }
  .grid.four .item {
    margin: 40px;
    width: calc(25% - 80px); } }

@media (max-width: 920px) {
  .grid.four {
    flex: 1 0 50%; }
    .grid.four .item {
      width: calc(50% - 20px); } }

@media (max-width: 1080px) {
  p, ul, ol, a, input, textarea, label, table {
    font-size: clamp(16px, 1.25vw, 20px);
    line-height: 1.4rem; }
  h1 {
    font-size: clamp(38px, 5.25vw, 48px);
    line-height: 1.2em; }
  h2 {
    font-size: clamp(26px, 5.25vw, 34px);
    line-height: 1.1em; }
  h3 {
    font-size: clamp(22px, 5.25vw, 28px);
    line-height: 1.1em; }
  h4 {
    font-size: clamp(18px, 5.25vw, 24px);
    line-height: 1.1em; }
  h5 {
    font-size: clamp(16px, 5.25vw, 22px);
    line-height: 1.1em; } }

@media (max-width: 720px) {
  .hero {
    min-height: 50vh; }
    .hero .item:nth-child(2), .hero video {
      display: none; }
    .hero.intro .hero-content {
      text-align: left; }
    .hero.small {
      min-height: 30vh; }
    .hero.large {
      min-height: 65vh; }
    .hero .hero-content {
      padding: 0; }
  .grid.two, .grid.three, .grid.four {
    flex: 1 0 100%; }
    .grid.two .item, .grid.three .item, .grid.four .item {
      width: 100%;
      margin: 0; }
  .block-wrap {
    padding: 20px 10px; }
    .block-wrap.card .container {
      margin-top: -40px;
      padding: 15px; }
  .container {
    padding: 0 10px; }
  .our-people {
    padding-bottom: 100px; }
    .our-people .our-people-title {
      position: relative;
      margin-bottom: 0;
      margin-left: -10px;
      width: 100vw;
      padding-top: 0; }
  .our-products {
    background: url("/static/img/frontpage-products.jpg?4266516cdc74") rgba(255, 255, 255, 0.7);
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    min-height: 500px;
    padding-top: 80px;
    padding-bottom: 0; } }

@media (max-width: 830px) {
  header.head .logo.white {
    display: none; }
  header.head .logo.black {
    display: block; }
  header.head .main-nav ul li a {
    color: #dcff00; }
  header.head .mobile-menu-toggle .ham {
    background: #0a0a0a; }
    header.head .mobile-menu-toggle .ham:after, header.head .mobile-menu-toggle .ham:before {
      background: #0a0a0a; }
  header .col-grid {
    display: flex;
    justify-content: space-between; }
  header .logo.white {
    display: block; }
  header .logo.black {
    display: none; }
  .mobile-menu-toggle {
    display: block; }
  .col-2.spacer {
    display: none; }
  .main-nav {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    height: calc(100vh - 60px);
    background: #0a0a0a;
    display: flex;
    transition: opacity .2s ease-in-out; }
    .main-nav ul {
      margin-top: auto;
      margin-bottom: auto; }
    .main-nav ul li {
      width: 100%;
      box-sizing: border-box;
      padding: 0; }
      .main-nav ul li > a {
        padding: 24px 20vw;
        font-family: "Aeonik";
        width: 100%;
        box-sizing: border-box;
        color: #dcff00;
        font-size: clamp(32px, 5.25vw, 48px); }
        .main-nav ul li > a:after {
          display: none; }
        .main-nav ul li > a:before {
          display: none; }
      .main-nav ul li.active {
        background: #1c5a7d;
        color: #fff; }
    .main-nav .submenu-content {
      position: relative;
      width: 100%;
      display: block; }
      .main-nav .submenu-content a {
        padding: 14px;
        padding-left: 32px;
        position: relative; }
        .main-nav .submenu-content a:before {
          content: "";
          top: 0;
          left: 15px;
          height: 100%;
          position: absolute;
          width: 1px;
          background: #333; }
        .main-nav .submenu-content a:last-child:before {
          height: 50%; }
        .main-nav .submenu-content a:after {
          content: "";
          top: 50%;
          left: 20px;
          height: 1px;
          position: absolute;
          width: 10px;
          background: #333; }
    .main-nav.active {
      opacity: 1;
      pointer-events: initial; }
  body.shoppinglist header.head {
    background-color: #0a0a0a;
    color: white; }
    body.shoppinglist header.head .logo.white {
      display: block; }
    body.shoppinglist header.head .logo.black {
      display: none; }
    body.shoppinglist header.head .mobile-menu-toggle .ham {
      background: white; }
      body.shoppinglist header.head .mobile-menu-toggle .ham:after, body.shoppinglist header.head .mobile-menu-toggle .ham:before {
        background: white; }
  body.shoppinglist header {
    color: #0a0a0a; }
    body.shoppinglist header .logo.white {
      display: none; }
    body.shoppinglist header .logo.black {
      display: block; }
    body.shoppinglist header .mobile-menu-toggle .ham {
      background: #0a0a0a; }
      body.shoppinglist header .mobile-menu-toggle .ham:after, body.shoppinglist header .mobile-menu-toggle .ham:before {
        background: #0a0a0a; }
  .sitemap {
    text-align: center; }
    .sitemap img {
      display: block;
      margin: auto; }
    .sitemap .footer-desc {
      flex-flow: column; }
    .sitemap ul {
      width: 100%; }
      .sitemap ul li {
        display: block; } }

.select2-container--default .select2-selection--multiple {
  font-size: 0.8rem;
  line-height: 1.2;
  padding: 4px; }

.select2-container--default .select2-search--inline .select2-search__field {
  font-size: 0.8rem;
  line-height: 1.2;
  padding: 0px; }

.select2-results__option {
  font-size: 0.8rem;
  padding: 6px 12px; }

#selectedSegments {
  margin-top: 20px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap; }

.selected-segment {
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 10px);
  padding: 5px;
  margin: 5px;
  background-color: #f1f1f1;
  border-radius: 4px;
  box-sizing: border-box; }

.remove-segment {
  cursor: pointer;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 2px solid #f00;
  border-radius: 22px;
  position: relative; }
  .remove-segment::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    background: #f00;
    border-radius: 5px;
    top: 10px;
    left: 5px; }

.language-button {
  background-color: #000;
  color: #fff;
  margin-right: 10px;
  padding: 5px 10px;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  margin-bottom: 10px; }
  .language-button:hover, .language-button.selected {
    background-color: #dcff00;
    color: #000; }

#languageButtons {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  margin-top: 20px; }

#stafflist {
  padding-top: clamp(20px, 10vh, 80px);
  background: #0a0a0a; }
  #stafflist .persons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: 2vw; }
  #stafflist .person {
    grid-column: span 4;
    max-width: 30%;
    min-width: 230px; }
    #stafflist .person h2, #stafflist .person h3 {
      font-family: "Aeonik";
      font-weight: 400; }
    #stafflist .person h2 {
      color: white;
      font-size: clamp(16px, 1.5vw, 32px);
      margin-bottom: clamp(3px, 1vw, 10px); }
    #stafflist .person h3 {
      font-size: clamp(12px, 1.2vw, 24px);
      margin-top: 0;
      padding-bottom: clamp(25px, 2vw, 45px);
      font-family: "Space Mono"; }