@charset "utf-8";
/* Sizes */
/* Colors */
/* roboto-300 - latin */
@import '../external/material-symbols-rounded.css';
@import '../external/flatpickr.css';
@import '../external/mhLightbox.css';
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(''), url('/fonts/roboto/roboto-v30-latin-300.woff2') format('woff2'), url('/fonts/roboto/roboto-v30-latin-300.woff') format('woff');
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local(''), url('/fonts/roboto/roboto-v30-latin-300italic.woff2') format('woff2'), url('/fonts/roboto/roboto-v30-latin-300italic.woff') format('woff');
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''), url('/fonts/roboto/roboto-v30-latin-regular.woff2') format('woff2'), url('/fonts/roboto/roboto-v30-latin-regular.woff') format('woff');
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local(''), url('/fonts/roboto/roboto-v30-latin-italic.woff2') format('woff2'), url('/fonts/roboto/roboto-v30-latin-italic.woff') format('woff');
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(''), url('/fonts/roboto/roboto-v30-latin-500.woff2') format('woff2'), url('/fonts/roboto/roboto-v30-latin-500.woff') format('woff');
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local(''), url('/fonts/roboto/roboto-v30-latin-500italic.woff2') format('woff2'), url('/fonts/roboto/roboto-v30-latin-500italic.woff') format('woff');
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''), url('/fonts/roboto/roboto-v30-latin-700.woff2') format('woff2'), url('/fonts/roboto/roboto-v30-latin-700.woff') format('woff');
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local(''), url('/fonts/roboto/roboto-v30-latin-700italic.woff2') format('woff2'), url('/fonts/roboto/roboto-v30-latin-700italic.woff') format('woff');
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local(''), url('/fonts/roboto/roboto-v30-latin-900.woff2') format('woff2'), url('/fonts/roboto/roboto-v30-latin-900.woff') format('woff');
}
/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local(''), url('/fonts/roboto/roboto-v30-latin-900italic.woff2') format('woff2'), url('/fonts/roboto/roboto-v30-latin-900italic.woff') format('woff');
}
/* 
 * Classes on parent: .grid, .grid-center, .grid-padding
 * Classes on children:
 *    .col-{1-12}[-{tp,tl,d}]
 *    .row-{1-12}[-{tp,tl,d}]
 *    .start-col-{1-12}[-{tp,tl,d}]
 *    .end-col-{1-12}[-{tp,tl,d}]
 *    .start-row-{1-12}[-{tp,tl,d}]
 *    .end-row-{1-12}[-{tp,tl,d}]
 
 * all class numbers should add up to the @grid-columns number on every device-width
*/
.grid {
  display: grid;
  gap: calc(var(--font-size) * 1.2);
  grid-template-columns: repeat(12, 1fr);
  grid-auto-columns: minmax(min-content, 1fr);
  word-break: break-word;
}
.grid.grid-center > * {
  align-self: center;
}
.grid.grid-padding > * {
  padding: calc(var(--font-size) * 1.2);
}
.grid.grid-no-gap {
  gap: 0;
}
.grid:not([class*="col-"]) > *:not([class*="col-"]) {
  grid-column-start: auto;
  grid-column-end: span 12;
}
.grid.col-1 {
  grid-template-columns: repeat(1, 1fr);
}
.grid:not([class*="col-"]) > .col-1 {
  grid-column-start: auto;
  grid-column-end: span 1;
}
.grid > .row-1 {
  grid-row-start: auto;
  grid-row-end: span 1;
}
.grid > .start-col-1 {
  grid-column-start: 1 !important;
}
.grid > .end-col-1 {
  grid-column-end: 1 !important;
}
.grid > .start-row-1 {
  grid-row-start: 1 !important;
}
.grid > .end-row-1 {
  grid-row-end: 1 !important;
}
.grid.col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid:not([class*="col-"]) > .col-2 {
  grid-column-start: auto;
  grid-column-end: span 2;
}
.grid > .row-2 {
  grid-row-start: auto;
  grid-row-end: span 2;
}
.grid > .start-col-2 {
  grid-column-start: 2 !important;
}
.grid > .end-col-2 {
  grid-column-end: 2 !important;
}
.grid > .start-row-2 {
  grid-row-start: 2 !important;
}
.grid > .end-row-2 {
  grid-row-end: 2 !important;
}
.grid.col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid:not([class*="col-"]) > .col-3 {
  grid-column-start: auto;
  grid-column-end: span 3;
}
.grid > .row-3 {
  grid-row-start: auto;
  grid-row-end: span 3;
}
.grid > .start-col-3 {
  grid-column-start: 3 !important;
}
.grid > .end-col-3 {
  grid-column-end: 3 !important;
}
.grid > .start-row-3 {
  grid-row-start: 3 !important;
}
.grid > .end-row-3 {
  grid-row-end: 3 !important;
}
.grid.col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid:not([class*="col-"]) > .col-4 {
  grid-column-start: auto;
  grid-column-end: span 4;
}
.grid > .row-4 {
  grid-row-start: auto;
  grid-row-end: span 4;
}
.grid > .start-col-4 {
  grid-column-start: 4 !important;
}
.grid > .end-col-4 {
  grid-column-end: 4 !important;
}
.grid > .start-row-4 {
  grid-row-start: 4 !important;
}
.grid > .end-row-4 {
  grid-row-end: 4 !important;
}
.grid.col-5 {
  grid-template-columns: repeat(5, 1fr);
}
.grid:not([class*="col-"]) > .col-5 {
  grid-column-start: auto;
  grid-column-end: span 5;
}
.grid > .row-5 {
  grid-row-start: auto;
  grid-row-end: span 5;
}
.grid > .start-col-5 {
  grid-column-start: 5 !important;
}
.grid > .end-col-5 {
  grid-column-end: 5 !important;
}
.grid > .start-row-5 {
  grid-row-start: 5 !important;
}
.grid > .end-row-5 {
  grid-row-end: 5 !important;
}
.grid.col-6 {
  grid-template-columns: repeat(6, 1fr);
}
.grid:not([class*="col-"]) > .col-6 {
  grid-column-start: auto;
  grid-column-end: span 6;
}
.grid > .row-6 {
  grid-row-start: auto;
  grid-row-end: span 6;
}
.grid > .start-col-6 {
  grid-column-start: 6 !important;
}
.grid > .end-col-6 {
  grid-column-end: 6 !important;
}
.grid > .start-row-6 {
  grid-row-start: 6 !important;
}
.grid > .end-row-6 {
  grid-row-end: 6 !important;
}
.grid.col-7 {
  grid-template-columns: repeat(7, 1fr);
}
.grid:not([class*="col-"]) > .col-7 {
  grid-column-start: auto;
  grid-column-end: span 7;
}
.grid > .row-7 {
  grid-row-start: auto;
  grid-row-end: span 7;
}
.grid > .start-col-7 {
  grid-column-start: 7 !important;
}
.grid > .end-col-7 {
  grid-column-end: 7 !important;
}
.grid > .start-row-7 {
  grid-row-start: 7 !important;
}
.grid > .end-row-7 {
  grid-row-end: 7 !important;
}
.grid.col-8 {
  grid-template-columns: repeat(8, 1fr);
}
.grid:not([class*="col-"]) > .col-8 {
  grid-column-start: auto;
  grid-column-end: span 8;
}
.grid > .row-8 {
  grid-row-start: auto;
  grid-row-end: span 8;
}
.grid > .start-col-8 {
  grid-column-start: 8 !important;
}
.grid > .end-col-8 {
  grid-column-end: 8 !important;
}
.grid > .start-row-8 {
  grid-row-start: 8 !important;
}
.grid > .end-row-8 {
  grid-row-end: 8 !important;
}
.grid.col-9 {
  grid-template-columns: repeat(9, 1fr);
}
.grid:not([class*="col-"]) > .col-9 {
  grid-column-start: auto;
  grid-column-end: span 9;
}
.grid > .row-9 {
  grid-row-start: auto;
  grid-row-end: span 9;
}
.grid > .start-col-9 {
  grid-column-start: 9 !important;
}
.grid > .end-col-9 {
  grid-column-end: 9 !important;
}
.grid > .start-row-9 {
  grid-row-start: 9 !important;
}
.grid > .end-row-9 {
  grid-row-end: 9 !important;
}
.grid.col-10 {
  grid-template-columns: repeat(10, 1fr);
}
.grid:not([class*="col-"]) > .col-10 {
  grid-column-start: auto;
  grid-column-end: span 10;
}
.grid > .row-10 {
  grid-row-start: auto;
  grid-row-end: span 10;
}
.grid > .start-col-10 {
  grid-column-start: 10 !important;
}
.grid > .end-col-10 {
  grid-column-end: 10 !important;
}
.grid > .start-row-10 {
  grid-row-start: 10 !important;
}
.grid > .end-row-10 {
  grid-row-end: 10 !important;
}
.grid.col-11 {
  grid-template-columns: repeat(11, 1fr);
}
.grid:not([class*="col-"]) > .col-11 {
  grid-column-start: auto;
  grid-column-end: span 11;
}
.grid > .row-11 {
  grid-row-start: auto;
  grid-row-end: span 11;
}
.grid > .start-col-11 {
  grid-column-start: 11 !important;
}
.grid > .end-col-11 {
  grid-column-end: 11 !important;
}
.grid > .start-row-11 {
  grid-row-start: 11 !important;
}
.grid > .end-row-11 {
  grid-row-end: 11 !important;
}
.grid.col-12 {
  grid-template-columns: repeat(12, 1fr);
}
.grid:not([class*="col-"]) > .col-12 {
  grid-column-start: auto;
  grid-column-end: span 12;
}
.grid > .row-12 {
  grid-row-start: auto;
  grid-row-end: span 12;
}
.grid > .start-col-12 {
  grid-column-start: 12 !important;
}
.grid > .end-col-12 {
  grid-column-end: 12 !important;
}
.grid > .start-row-12 {
  grid-row-start: 12 !important;
}
.grid > .end-row-12 {
  grid-row-end: 12 !important;
}
.grid.gap-1 {
  gap: 1px;
}
.grid.gap-2 {
  gap: 2px;
}
.grid.gap-3 {
  gap: 3px;
}
.grid.gap-4 {
  gap: 4px;
}
.grid.gap-5 {
  gap: 5px;
}
.grid.gap-6 {
  gap: 6px;
}
.grid.gap-7 {
  gap: 7px;
}
.grid.gap-8 {
  gap: 8px;
}
.grid.gap-9 {
  gap: 9px;
}
.grid.gap-10 {
  gap: 10px;
}
.grid.gap-11 {
  gap: 11px;
}
.grid.gap-12 {
  gap: 12px;
}
.grid.gap-13 {
  gap: 13px;
}
.grid.gap-14 {
  gap: 14px;
}
.grid.gap-15 {
  gap: 15px;
}
.grid.gap-16 {
  gap: 16px;
}
.grid.gap-17 {
  gap: 17px;
}
.grid.gap-18 {
  gap: 18px;
}
.grid.gap-19 {
  gap: 19px;
}
.grid.gap-20 {
  gap: 20px;
}
.grid.gap-21 {
  gap: 21px;
}
.grid.gap-22 {
  gap: 22px;
}
.grid.gap-23 {
  gap: 23px;
}
.grid.gap-24 {
  gap: 24px;
}
.grid.gap-25 {
  gap: 25px;
}
.grid.gap-26 {
  gap: 26px;
}
.grid.gap-27 {
  gap: 27px;
}
.grid.gap-28 {
  gap: 28px;
}
.grid.gap-29 {
  gap: 29px;
}
.grid.gap-30 {
  gap: 30px;
}
.grid.gap-31 {
  gap: 31px;
}
.grid.gap-32 {
  gap: 32px;
}
.grid.gap-33 {
  gap: 33px;
}
.grid.gap-34 {
  gap: 34px;
}
.grid.gap-35 {
  gap: 35px;
}
.grid.gap-36 {
  gap: 36px;
}
.grid.gap-37 {
  gap: 37px;
}
.grid.gap-38 {
  gap: 38px;
}
.grid.gap-39 {
  gap: 39px;
}
.grid.gap-40 {
  gap: 40px;
}
.grid.gap-41 {
  gap: 41px;
}
.grid.gap-42 {
  gap: 42px;
}
.grid.gap-43 {
  gap: 43px;
}
.grid.gap-44 {
  gap: 44px;
}
.grid.gap-45 {
  gap: 45px;
}
.grid.gap-46 {
  gap: 46px;
}
.grid.gap-47 {
  gap: 47px;
}
.grid.gap-48 {
  gap: 48px;
}
@media (min-width: 600px) {
  .grid.col-1-tp {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid:not([class*="col-"]) > .col-1-tp {
    grid-column-start: auto;
    grid-column-end: span 1;
  }
  .grid > .row-1-tp {
    grid-row-start: auto;
    grid-row-end: span 1;
  }
  .grid > .start-col-1-tp {
    grid-column-start: 1 !important;
  }
  .grid > .end-col-1-tp {
    grid-column-end: 1 !important;
  }
  .grid > .start-row-1-tp {
    grid-row-start: 1 !important;
  }
  .grid > .end-row-1-tp {
    grid-row-end: 1 !important;
  }
  .grid.col-2-tp {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid:not([class*="col-"]) > .col-2-tp {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
  .grid > .row-2-tp {
    grid-row-start: auto;
    grid-row-end: span 2;
  }
  .grid > .start-col-2-tp {
    grid-column-start: 2 !important;
  }
  .grid > .end-col-2-tp {
    grid-column-end: 2 !important;
  }
  .grid > .start-row-2-tp {
    grid-row-start: 2 !important;
  }
  .grid > .end-row-2-tp {
    grid-row-end: 2 !important;
  }
  .grid.col-3-tp {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid:not([class*="col-"]) > .col-3-tp {
    grid-column-start: auto;
    grid-column-end: span 3;
  }
  .grid > .row-3-tp {
    grid-row-start: auto;
    grid-row-end: span 3;
  }
  .grid > .start-col-3-tp {
    grid-column-start: 3 !important;
  }
  .grid > .end-col-3-tp {
    grid-column-end: 3 !important;
  }
  .grid > .start-row-3-tp {
    grid-row-start: 3 !important;
  }
  .grid > .end-row-3-tp {
    grid-row-end: 3 !important;
  }
  .grid.col-4-tp {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid:not([class*="col-"]) > .col-4-tp {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
  .grid > .row-4-tp {
    grid-row-start: auto;
    grid-row-end: span 4;
  }
  .grid > .start-col-4-tp {
    grid-column-start: 4 !important;
  }
  .grid > .end-col-4-tp {
    grid-column-end: 4 !important;
  }
  .grid > .start-row-4-tp {
    grid-row-start: 4 !important;
  }
  .grid > .end-row-4-tp {
    grid-row-end: 4 !important;
  }
  .grid.col-5-tp {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid:not([class*="col-"]) > .col-5-tp {
    grid-column-start: auto;
    grid-column-end: span 5;
  }
  .grid > .row-5-tp {
    grid-row-start: auto;
    grid-row-end: span 5;
  }
  .grid > .start-col-5-tp {
    grid-column-start: 5 !important;
  }
  .grid > .end-col-5-tp {
    grid-column-end: 5 !important;
  }
  .grid > .start-row-5-tp {
    grid-row-start: 5 !important;
  }
  .grid > .end-row-5-tp {
    grid-row-end: 5 !important;
  }
  .grid.col-6-tp {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid:not([class*="col-"]) > .col-6-tp {
    grid-column-start: auto;
    grid-column-end: span 6;
  }
  .grid > .row-6-tp {
    grid-row-start: auto;
    grid-row-end: span 6;
  }
  .grid > .start-col-6-tp {
    grid-column-start: 6 !important;
  }
  .grid > .end-col-6-tp {
    grid-column-end: 6 !important;
  }
  .grid > .start-row-6-tp {
    grid-row-start: 6 !important;
  }
  .grid > .end-row-6-tp {
    grid-row-end: 6 !important;
  }
  .grid.col-7-tp {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid:not([class*="col-"]) > .col-7-tp {
    grid-column-start: auto;
    grid-column-end: span 7;
  }
  .grid > .row-7-tp {
    grid-row-start: auto;
    grid-row-end: span 7;
  }
  .grid > .start-col-7-tp {
    grid-column-start: 7 !important;
  }
  .grid > .end-col-7-tp {
    grid-column-end: 7 !important;
  }
  .grid > .start-row-7-tp {
    grid-row-start: 7 !important;
  }
  .grid > .end-row-7-tp {
    grid-row-end: 7 !important;
  }
  .grid.col-8-tp {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid:not([class*="col-"]) > .col-8-tp {
    grid-column-start: auto;
    grid-column-end: span 8;
  }
  .grid > .row-8-tp {
    grid-row-start: auto;
    grid-row-end: span 8;
  }
  .grid > .start-col-8-tp {
    grid-column-start: 8 !important;
  }
  .grid > .end-col-8-tp {
    grid-column-end: 8 !important;
  }
  .grid > .start-row-8-tp {
    grid-row-start: 8 !important;
  }
  .grid > .end-row-8-tp {
    grid-row-end: 8 !important;
  }
  .grid.col-9-tp {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid:not([class*="col-"]) > .col-9-tp {
    grid-column-start: auto;
    grid-column-end: span 9;
  }
  .grid > .row-9-tp {
    grid-row-start: auto;
    grid-row-end: span 9;
  }
  .grid > .start-col-9-tp {
    grid-column-start: 9 !important;
  }
  .grid > .end-col-9-tp {
    grid-column-end: 9 !important;
  }
  .grid > .start-row-9-tp {
    grid-row-start: 9 !important;
  }
  .grid > .end-row-9-tp {
    grid-row-end: 9 !important;
  }
  .grid.col-10-tp {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid:not([class*="col-"]) > .col-10-tp {
    grid-column-start: auto;
    grid-column-end: span 10;
  }
  .grid > .row-10-tp {
    grid-row-start: auto;
    grid-row-end: span 10;
  }
  .grid > .start-col-10-tp {
    grid-column-start: 10 !important;
  }
  .grid > .end-col-10-tp {
    grid-column-end: 10 !important;
  }
  .grid > .start-row-10-tp {
    grid-row-start: 10 !important;
  }
  .grid > .end-row-10-tp {
    grid-row-end: 10 !important;
  }
  .grid.col-11-tp {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid:not([class*="col-"]) > .col-11-tp {
    grid-column-start: auto;
    grid-column-end: span 11;
  }
  .grid > .row-11-tp {
    grid-row-start: auto;
    grid-row-end: span 11;
  }
  .grid > .start-col-11-tp {
    grid-column-start: 11 !important;
  }
  .grid > .end-col-11-tp {
    grid-column-end: 11 !important;
  }
  .grid > .start-row-11-tp {
    grid-row-start: 11 !important;
  }
  .grid > .end-row-11-tp {
    grid-row-end: 11 !important;
  }
  .grid.col-12-tp {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid:not([class*="col-"]) > .col-12-tp {
    grid-column-start: auto;
    grid-column-end: span 12;
  }
  .grid > .row-12-tp {
    grid-row-start: auto;
    grid-row-end: span 12;
  }
  .grid > .start-col-12-tp {
    grid-column-start: 12 !important;
  }
  .grid > .end-col-12-tp {
    grid-column-end: 12 !important;
  }
  .grid > .start-row-12-tp {
    grid-row-start: 12 !important;
  }
  .grid > .end-row-12-tp {
    grid-row-end: 12 !important;
  }
}
@media (min-width: 900px) {
  .grid.col-1-tl {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid:not([class*="col-"]) > .col-1-tl {
    grid-column-start: auto;
    grid-column-end: span 1;
  }
  .grid > .row-1-tl {
    grid-row-start: auto;
    grid-row-end: span 1;
  }
  .grid > .start-col-1-tl {
    grid-column-start: 1 !important;
  }
  .grid > .end-col-1-tl {
    grid-column-end: 1 !important;
  }
  .grid > .start-row-1-tl {
    grid-row-start: 1 !important;
  }
  .grid > .end-row-1-tl {
    grid-row-end: 1 !important;
  }
  .grid.col-2-tl {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid:not([class*="col-"]) > .col-2-tl {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
  .grid > .row-2-tl {
    grid-row-start: auto;
    grid-row-end: span 2;
  }
  .grid > .start-col-2-tl {
    grid-column-start: 2 !important;
  }
  .grid > .end-col-2-tl {
    grid-column-end: 2 !important;
  }
  .grid > .start-row-2-tl {
    grid-row-start: 2 !important;
  }
  .grid > .end-row-2-tl {
    grid-row-end: 2 !important;
  }
  .grid.col-3-tl {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid:not([class*="col-"]) > .col-3-tl {
    grid-column-start: auto;
    grid-column-end: span 3;
  }
  .grid > .row-3-tl {
    grid-row-start: auto;
    grid-row-end: span 3;
  }
  .grid > .start-col-3-tl {
    grid-column-start: 3 !important;
  }
  .grid > .end-col-3-tl {
    grid-column-end: 3 !important;
  }
  .grid > .start-row-3-tl {
    grid-row-start: 3 !important;
  }
  .grid > .end-row-3-tl {
    grid-row-end: 3 !important;
  }
  .grid.col-4-tl {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid:not([class*="col-"]) > .col-4-tl {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
  .grid > .row-4-tl {
    grid-row-start: auto;
    grid-row-end: span 4;
  }
  .grid > .start-col-4-tl {
    grid-column-start: 4 !important;
  }
  .grid > .end-col-4-tl {
    grid-column-end: 4 !important;
  }
  .grid > .start-row-4-tl {
    grid-row-start: 4 !important;
  }
  .grid > .end-row-4-tl {
    grid-row-end: 4 !important;
  }
  .grid.col-5-tl {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid:not([class*="col-"]) > .col-5-tl {
    grid-column-start: auto;
    grid-column-end: span 5;
  }
  .grid > .row-5-tl {
    grid-row-start: auto;
    grid-row-end: span 5;
  }
  .grid > .start-col-5-tl {
    grid-column-start: 5 !important;
  }
  .grid > .end-col-5-tl {
    grid-column-end: 5 !important;
  }
  .grid > .start-row-5-tl {
    grid-row-start: 5 !important;
  }
  .grid > .end-row-5-tl {
    grid-row-end: 5 !important;
  }
  .grid.col-6-tl {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid:not([class*="col-"]) > .col-6-tl {
    grid-column-start: auto;
    grid-column-end: span 6;
  }
  .grid > .row-6-tl {
    grid-row-start: auto;
    grid-row-end: span 6;
  }
  .grid > .start-col-6-tl {
    grid-column-start: 6 !important;
  }
  .grid > .end-col-6-tl {
    grid-column-end: 6 !important;
  }
  .grid > .start-row-6-tl {
    grid-row-start: 6 !important;
  }
  .grid > .end-row-6-tl {
    grid-row-end: 6 !important;
  }
  .grid.col-7-tl {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid:not([class*="col-"]) > .col-7-tl {
    grid-column-start: auto;
    grid-column-end: span 7;
  }
  .grid > .row-7-tl {
    grid-row-start: auto;
    grid-row-end: span 7;
  }
  .grid > .start-col-7-tl {
    grid-column-start: 7 !important;
  }
  .grid > .end-col-7-tl {
    grid-column-end: 7 !important;
  }
  .grid > .start-row-7-tl {
    grid-row-start: 7 !important;
  }
  .grid > .end-row-7-tl {
    grid-row-end: 7 !important;
  }
  .grid.col-8-tl {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid:not([class*="col-"]) > .col-8-tl {
    grid-column-start: auto;
    grid-column-end: span 8;
  }
  .grid > .row-8-tl {
    grid-row-start: auto;
    grid-row-end: span 8;
  }
  .grid > .start-col-8-tl {
    grid-column-start: 8 !important;
  }
  .grid > .end-col-8-tl {
    grid-column-end: 8 !important;
  }
  .grid > .start-row-8-tl {
    grid-row-start: 8 !important;
  }
  .grid > .end-row-8-tl {
    grid-row-end: 8 !important;
  }
  .grid.col-9-tl {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid:not([class*="col-"]) > .col-9-tl {
    grid-column-start: auto;
    grid-column-end: span 9;
  }
  .grid > .row-9-tl {
    grid-row-start: auto;
    grid-row-end: span 9;
  }
  .grid > .start-col-9-tl {
    grid-column-start: 9 !important;
  }
  .grid > .end-col-9-tl {
    grid-column-end: 9 !important;
  }
  .grid > .start-row-9-tl {
    grid-row-start: 9 !important;
  }
  .grid > .end-row-9-tl {
    grid-row-end: 9 !important;
  }
  .grid.col-10-tl {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid:not([class*="col-"]) > .col-10-tl {
    grid-column-start: auto;
    grid-column-end: span 10;
  }
  .grid > .row-10-tl {
    grid-row-start: auto;
    grid-row-end: span 10;
  }
  .grid > .start-col-10-tl {
    grid-column-start: 10 !important;
  }
  .grid > .end-col-10-tl {
    grid-column-end: 10 !important;
  }
  .grid > .start-row-10-tl {
    grid-row-start: 10 !important;
  }
  .grid > .end-row-10-tl {
    grid-row-end: 10 !important;
  }
  .grid.col-11-tl {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid:not([class*="col-"]) > .col-11-tl {
    grid-column-start: auto;
    grid-column-end: span 11;
  }
  .grid > .row-11-tl {
    grid-row-start: auto;
    grid-row-end: span 11;
  }
  .grid > .start-col-11-tl {
    grid-column-start: 11 !important;
  }
  .grid > .end-col-11-tl {
    grid-column-end: 11 !important;
  }
  .grid > .start-row-11-tl {
    grid-row-start: 11 !important;
  }
  .grid > .end-row-11-tl {
    grid-row-end: 11 !important;
  }
  .grid.col-12-tl {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid:not([class*="col-"]) > .col-12-tl {
    grid-column-start: auto;
    grid-column-end: span 12;
  }
  .grid > .row-12-tl {
    grid-row-start: auto;
    grid-row-end: span 12;
  }
  .grid > .start-col-12-tl {
    grid-column-start: 12 !important;
  }
  .grid > .end-col-12-tl {
    grid-column-end: 12 !important;
  }
  .grid > .start-row-12-tl {
    grid-row-start: 12 !important;
  }
  .grid > .end-row-12-tl {
    grid-row-end: 12 !important;
  }
}
@media (min-width: 1200px) {
  .grid.col-1-d {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid:not([class*="col-"]) > .col-1-d {
    grid-column-start: auto;
    grid-column-end: span 1;
  }
  .grid > .row-1-d {
    grid-row-start: auto;
    grid-row-end: span 1;
  }
  .grid > .start-col-1-d {
    grid-column-start: 1 !important;
  }
  .grid > .end-col-1-d {
    grid-column-end: 1 !important;
  }
  .grid > .start-row-1-d {
    grid-row-start: 1 !important;
  }
  .grid > .end-row-1-d {
    grid-row-end: 1 !important;
  }
  .grid.col-2-d {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid:not([class*="col-"]) > .col-2-d {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
  .grid > .row-2-d {
    grid-row-start: auto;
    grid-row-end: span 2;
  }
  .grid > .start-col-2-d {
    grid-column-start: 2 !important;
  }
  .grid > .end-col-2-d {
    grid-column-end: 2 !important;
  }
  .grid > .start-row-2-d {
    grid-row-start: 2 !important;
  }
  .grid > .end-row-2-d {
    grid-row-end: 2 !important;
  }
  .grid.col-3-d {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid:not([class*="col-"]) > .col-3-d {
    grid-column-start: auto;
    grid-column-end: span 3;
  }
  .grid > .row-3-d {
    grid-row-start: auto;
    grid-row-end: span 3;
  }
  .grid > .start-col-3-d {
    grid-column-start: 3 !important;
  }
  .grid > .end-col-3-d {
    grid-column-end: 3 !important;
  }
  .grid > .start-row-3-d {
    grid-row-start: 3 !important;
  }
  .grid > .end-row-3-d {
    grid-row-end: 3 !important;
  }
  .grid.col-4-d {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid:not([class*="col-"]) > .col-4-d {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
  .grid > .row-4-d {
    grid-row-start: auto;
    grid-row-end: span 4;
  }
  .grid > .start-col-4-d {
    grid-column-start: 4 !important;
  }
  .grid > .end-col-4-d {
    grid-column-end: 4 !important;
  }
  .grid > .start-row-4-d {
    grid-row-start: 4 !important;
  }
  .grid > .end-row-4-d {
    grid-row-end: 4 !important;
  }
  .grid.col-5-d {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid:not([class*="col-"]) > .col-5-d {
    grid-column-start: auto;
    grid-column-end: span 5;
  }
  .grid > .row-5-d {
    grid-row-start: auto;
    grid-row-end: span 5;
  }
  .grid > .start-col-5-d {
    grid-column-start: 5 !important;
  }
  .grid > .end-col-5-d {
    grid-column-end: 5 !important;
  }
  .grid > .start-row-5-d {
    grid-row-start: 5 !important;
  }
  .grid > .end-row-5-d {
    grid-row-end: 5 !important;
  }
  .grid.col-6-d {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid:not([class*="col-"]) > .col-6-d {
    grid-column-start: auto;
    grid-column-end: span 6;
  }
  .grid > .row-6-d {
    grid-row-start: auto;
    grid-row-end: span 6;
  }
  .grid > .start-col-6-d {
    grid-column-start: 6 !important;
  }
  .grid > .end-col-6-d {
    grid-column-end: 6 !important;
  }
  .grid > .start-row-6-d {
    grid-row-start: 6 !important;
  }
  .grid > .end-row-6-d {
    grid-row-end: 6 !important;
  }
  .grid.col-7-d {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid:not([class*="col-"]) > .col-7-d {
    grid-column-start: auto;
    grid-column-end: span 7;
  }
  .grid > .row-7-d {
    grid-row-start: auto;
    grid-row-end: span 7;
  }
  .grid > .start-col-7-d {
    grid-column-start: 7 !important;
  }
  .grid > .end-col-7-d {
    grid-column-end: 7 !important;
  }
  .grid > .start-row-7-d {
    grid-row-start: 7 !important;
  }
  .grid > .end-row-7-d {
    grid-row-end: 7 !important;
  }
  .grid.col-8-d {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid:not([class*="col-"]) > .col-8-d {
    grid-column-start: auto;
    grid-column-end: span 8;
  }
  .grid > .row-8-d {
    grid-row-start: auto;
    grid-row-end: span 8;
  }
  .grid > .start-col-8-d {
    grid-column-start: 8 !important;
  }
  .grid > .end-col-8-d {
    grid-column-end: 8 !important;
  }
  .grid > .start-row-8-d {
    grid-row-start: 8 !important;
  }
  .grid > .end-row-8-d {
    grid-row-end: 8 !important;
  }
  .grid.col-9-d {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid:not([class*="col-"]) > .col-9-d {
    grid-column-start: auto;
    grid-column-end: span 9;
  }
  .grid > .row-9-d {
    grid-row-start: auto;
    grid-row-end: span 9;
  }
  .grid > .start-col-9-d {
    grid-column-start: 9 !important;
  }
  .grid > .end-col-9-d {
    grid-column-end: 9 !important;
  }
  .grid > .start-row-9-d {
    grid-row-start: 9 !important;
  }
  .grid > .end-row-9-d {
    grid-row-end: 9 !important;
  }
  .grid.col-10-d {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid:not([class*="col-"]) > .col-10-d {
    grid-column-start: auto;
    grid-column-end: span 10;
  }
  .grid > .row-10-d {
    grid-row-start: auto;
    grid-row-end: span 10;
  }
  .grid > .start-col-10-d {
    grid-column-start: 10 !important;
  }
  .grid > .end-col-10-d {
    grid-column-end: 10 !important;
  }
  .grid > .start-row-10-d {
    grid-row-start: 10 !important;
  }
  .grid > .end-row-10-d {
    grid-row-end: 10 !important;
  }
  .grid.col-11-d {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid:not([class*="col-"]) > .col-11-d {
    grid-column-start: auto;
    grid-column-end: span 11;
  }
  .grid > .row-11-d {
    grid-row-start: auto;
    grid-row-end: span 11;
  }
  .grid > .start-col-11-d {
    grid-column-start: 11 !important;
  }
  .grid > .end-col-11-d {
    grid-column-end: 11 !important;
  }
  .grid > .start-row-11-d {
    grid-row-start: 11 !important;
  }
  .grid > .end-row-11-d {
    grid-row-end: 11 !important;
  }
  .grid.col-12-d {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid:not([class*="col-"]) > .col-12-d {
    grid-column-start: auto;
    grid-column-end: span 12;
  }
  .grid > .row-12-d {
    grid-row-start: auto;
    grid-row-end: span 12;
  }
  .grid > .start-col-12-d {
    grid-column-start: 12 !important;
  }
  .grid > .end-col-12-d {
    grid-column-end: 12 !important;
  }
  .grid > .start-row-12-d {
    grid-row-start: 12 !important;
  }
  .grid > .end-row-12-d {
    grid-row-end: 12 !important;
  }
}
:root {
  font-size: 0.625rem;
  --font-size: 1.6rem;
  --line-height: 1.5;
  --color-primary: #fafafa;
  --color-primary100: #f5f5f5;
  --color-primary200: #eeeeee;
  --color-primary300: #e0e0e0;
  --color-primary400: #bdbdbd;
  --color-primary500: #9e9e9e;
  --color-primary600: #757575;
  --color-primary700: #616161;
  --color-primary800: #424242;
  --color-primary900: #212121;
  --color-accent: #1a5ba5;
  --color-accentHover: #5685c4;
}
@media (min-width: 600px) {
  :root {
    --font-size: 1.8rem;
    --line-height: 1.55555556;
  }
}
@media (min-width: 1200px) {
  :root {
    --font-size: 2rem;
    --line-height: 1.6;
  }
}
* {
  margin: 0;
  padding: 0;
  outline: none;
  resize: none;
  box-sizing: border-box;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
::selection {
  color: #fafafa;
  background: #1a5ba5;
}
::before,
::after {
  box-sizing: border-box;
}
:focus {
  outline: 1px dashed transparent;
  outline-offset: calc(var(--font-size) * 0.6);
  box-shadow: 0 0 4px #1a5ba5;
  border-radius: 4px;
}
[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
[readonly] {
  cursor: not-allowed;
}
[required] {
  border-left: 4px solid #1a5ba5;
}
html {
  width: 100%;
  height: 100%;
}
body {
  min-height: 100%;
  font-size: var(--font-size);
  line-height: calc(var(--font-size) * var(--line-height));
  background-color: #fff;
  color: #212121;
  margin: auto;
  max-width: 2560px;
}
body.darkmode {
  background-color: #212121;
  color: #fafafa;
}
header,
nav,
main,
section,
article,
footer {
  display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
h1 {
  font-size: calc(var(--font-size) * 2);
  line-height: calc(var(--font-size) * 2.5);
  font-weight: 400;
}
h2 {
  font-size: calc(var(--font-size) * 1.5);
  line-height: calc(var(--font-size) * 2);
  font-weight: 400;
}
h3 {
  font-size: calc(var(--font-size) * 1.25);
  line-height: calc(var(--font-size) * 1.75);
  font-weight: 700;
}
h4 {
  font-size: calc(var(--font-size) * 1);
  line-height: calc(var(--font-size) * var(--line-height));
  font-weight: 700;
}
h5 {
  font-size: calc(var(--font-size) * 0.85);
  line-height: calc(var(--font-size) * (var(--line-height) * 0.85));
  font-weight: 700;
}
h6 {
  font-size: calc(var(--font-size) * 0.75);
  line-height: calc(var(--font-size) * (var(--line-height) * 0.75));
  font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: calc(var(--font-size) * 1.2) 0 calc(var(--font-size) * 0.8) 0;
  color: #212121;
}
.darkmode h1,
.darkmode h2,
.darkmode h3,
.darkmode h4,
.darkmode h5,
.darkmode h6 {
  color: #fafafa;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}
blockquote {
  margin: calc(var(--font-size) * 0.6) 0 calc(var(--font-size) * 0.8) 0;
  padding: calc(var(--font-size) * 0.4) calc(var(--font-size) * 0.8);
  border-left: 4px solid var(--color-primary400);
  color: var(--color-primary800);
  background-color: var(--color-primary200);
}
.darkmode blockquote {
  border-left-color: var(--color-primary600);
  color: var(--color-primary200);
  background-color: var(--color-primary800);
}
blockquote q {
  display: inline-block;
  line-height: calc(var(--font-size) * var(--line-height) * 0.875);
}
blockquote q::before,
blockquote q::after {
  content: "format_quote";
  display: inline-block;
  font-family: 'Material Symbols Rounded';
  font-size: calc(var(--font-size) * 1.2);
  vertical-align: middle;
}
blockquote q::before {
  transform: rotateY(180deg);
}
p,
ul {
  margin: calc(var(--font-size) * 0.6) 0 calc(var(--font-size) * 0.8) 0;
}
p:first-child,
ul:first-child {
  margin-top: 0;
}
p:last-child,
ul:last-child {
  margin-bottom: 0;
}
p {
  line-height: calc(var(--font-size) * var(--line-height) * 0.85);
}
ul {
  padding-left: calc(var(--font-size) * 1.2);
}
a {
  text-decoration: none;
  color: #1a5ba5;
}
img {
  max-width: 100%;
  height: auto;
}
hr {
  height: 1px;
  border: none;
  background-color: #212121;
}
form label {
  display: block;
  margin-bottom: var(--font-size);
}
form label:last-of-type {
  margin-bottom: 0;
}
form .grid label {
  height: 100%;
}
form .grid label span,
form .grid label input,
form .grid label textarea,
form .grid label select,
form .grid label fieldset {
  vertical-align: middle;
}
form .grid [class*="col-"]:has(> input[type="checkbox"]) {
  align-self: center;
}
input,
textarea,
select,
fieldset {
  border: 1px solid #bdbdbd;
  border-radius: 4px;
}
.darkmode input,
.darkmode textarea,
.darkmode select,
.darkmode fieldset {
  color-scheme: dark;
}
button {
  border: 1px solid #1a5ba5;
  border-radius: 4px;
}
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="file"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
  width: 100%;
  background-color: #f5f5f5;
}
.darkmode input[type="date"],
.darkmode input[type="datetime-local"],
.darkmode input[type="email"],
.darkmode input[type="file"],
.darkmode input[type="month"],
.darkmode input[type="number"],
.darkmode input[type="password"],
.darkmode input[type="range"],
.darkmode input[type="search"],
.darkmode input[type="tel"],
.darkmode input[type="text"],
.darkmode input[type="time"],
.darkmode input[type="url"],
.darkmode input[type="week"],
.darkmode textarea,
.darkmode select {
  background-color: #424242;
  color: #f5f5f5;
  border: 1px solid #616161;
}
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="file"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
  min-height: calc(var(--font-size) * 1.8);
  vertical-align: middle;
}
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select,
fieldset {
  padding: 8px 12px;
}
input[type="file"] {
  padding: 6px 12px;
  vertical-align: top;
}
input[type="checkbox"],
input[type="radio"] {
  width: 16px;
  height: 16px;
}
input[type="checkbox"],
input[type="radio"],
input[type="range"] {
  accent-color: #1a5ba5;
}
input[type="radio"] {
  position: relative;
  appearance: none;
  border-radius: 50%;
}
input[type="radio"]:checked {
  border-color: #1a5ba5;
}
input[type="radio"]::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-radius: 50%;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
}
input[type="radio"]:hover::before {
  width: 8px;
  height: 8px;
  visibility: visible;
  background-color: #bdbdbd;
}
input[type="radio"]:checked::before {
  width: 8px;
  height: 8px;
  visibility: visible;
  background-color: #1a5ba5;
}
input[type="button"],
input[type="image"],
input[type="reset"],
input[type="submit"],
button {
  display: inline-block;
  padding: 8px 12px;
  line-height: 1;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.5px;
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  background-color: #1a5ba5;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 0.2s ease-out;
  min-height: calc(var(--font-size) * 1.8);
}
input[type="button"]:hover,
input[type="image"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:hover,
input[type="button"]:focus,
input[type="image"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:focus {
  background-color: #5685c4;
}
input[type="button"] span,
input[type="image"] span,
input[type="reset"] span,
input[type="submit"] span,
button span {
  vertical-align: middle;
}
input[type="button"].small,
input[type="image"].small,
input[type="reset"].small,
input[type="submit"].small,
button.small {
  padding: 4px;
}
input[type="button"].big,
input[type="image"].big,
input[type="reset"].big,
input[type="submit"].big,
button.big {
  padding: 20px 24px;
}
input[type="button"].full-width,
input[type="image"].full-width,
input[type="reset"].full-width,
input[type="submit"].full-width,
button.full-width {
  width: 100%;
}
input[type="button"].transparent,
input[type="image"].transparent,
input[type="reset"].transparent,
input[type="submit"].transparent,
button.transparent {
  background-color: transparent;
}
input[type="button"].red,
input[type="image"].red,
input[type="reset"].red,
input[type="submit"].red,
button.red {
  background-color: #a00;
}
input[type="button"].red:hover,
input[type="image"].red:hover,
input[type="reset"].red:hover,
input[type="submit"].red:hover,
button.red:hover,
input[type="button"].red:focus,
input[type="image"].red:focus,
input[type="reset"].red:focus,
input[type="submit"].red:focus,
button.red:focus {
  background-color: #800;
}
input[type="button"].right,
input[type="image"].right,
input[type="reset"].right,
input[type="submit"].right,
button.right {
  float: right;
  margin: 0;
}
input[type="button"].positionLeft,
input[type="image"].positionLeft,
input[type="reset"].positionLeft,
input[type="submit"].positionLeft,
button.positionLeft {
  position: absolute;
  top: 4px;
  left: 4px;
  padding: 0;
}
input[type="button"].positionRight,
input[type="image"].positionRight,
input[type="reset"].positionRight,
input[type="submit"].positionRight,
button.positionRight {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 0;
}
textarea {
  min-height: 90px;
  line-height: 1.8rem;
}
fieldset legend {
  padding: 0 12px;
}
table {
  width: 100%;
}
table th,
table td {
  padding: 2px 8px;
}
table tr {
  border-bottom: 1px solid black;
}
.inner {
  margin: auto;
  padding-left: calc(var(--font-size) * 1.2);
  padding-right: calc(var(--font-size) * 1.2);
  max-width: 1200px;
}
@media screen and ((max-width: 599px)) {
  .inner {
    padding-left: calc(var(--font-size) * 0.6);
    padding-right: calc(var(--font-size) * 0.6);
  }
}
.inner.no-padding {
  padding: 0;
}
.inner-small {
  margin: auto;
  padding-left: calc(var(--font-size) * 1.2);
  padding-right: calc(var(--font-size) * 1.2);
  max-width: 900px;
}
.inner-small.no-padding {
  padding: 0;
}
@media (min-width: 1248px) {
  .inner,
  .inner-small {
    padding-left: 0;
    padding-right: 0;
  }
}
.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  padding: calc(var(--font-size) * 1.2);
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
@media (min-width: 1248px) {
  .popup {
    padding: 0;
  }
}
.popup .popupBox {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
  padding: calc(var(--font-size) * 1.2);
  max-width: 1200px;
  min-height: 60px;
  background-color: #fff;
  border-radius: 4px;
}
.darkmode .popup .popupBox {
  background-color: #212121;
}
.popup .popupBox.scroll {
  padding: 0;
}
.popup .popupBox .popupBoxClose {
  position: absolute;
  top: -16px;
  right: -16px;
  padding: 4px;
  width: 32px;
  height: 32px;
  background-color: #e0e0e0;
  border-radius: 50%;
  color: #212121;
  cursor: pointer;
  z-index: 100;
}
.darkmode .popup .popupBox .popupBoxClose {
  background-color: #616161;
  color: #fafafa;
}
.popup .popupBox .popupBoxScroll {
  padding: 1.2rem;
  max-height: calc(100vh - 64px);
  overflow: auto;
  background: linear-gradient(#fff 33%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #fff 66%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(68, 68, 68, 0.5), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(68, 68, 68, 0.5), rgba(0, 0, 0, 0)) 0 100%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-attachment: local, local, local, scroll;
  background-size: 100% 32px, 100% 32px, 100% 12px, 100% 12px;
  border-radius: 4px;
}
.darkmode .popup .popupBox .popupBoxScroll {
  background: linear-gradient(#212121 33%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #212121 66%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(68, 68, 68, 0.5), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(68, 68, 68, 0.5), rgba(0, 0, 0, 0)) 0 100%;
  background-color: #212121;
}
.theme-toggle {
  height: 24px;
  line-height: 24px;
}
.theme-toggle .theme-toggle-cbx {
  display: none;
}
.theme-toggle .theme-toggle-cbx:checked ~ .theme-toggle-switch {
  background: #bdbdbd;
}
.theme-toggle .theme-toggle-cbx:checked ~ .theme-toggle-switch::after {
  left: 20px;
  background: #fafafa;
}
.theme-toggle .theme-toggle-cbx:disabled ~ .theme-toggle-switch {
  background: #bdbdbd;
  pointer-events: none;
}
.theme-toggle .theme-toggle-cbx:disabled ~ .theme-toggle-switch::after {
  background: #fafafa;
}
.theme-toggle .theme-toggle-switch {
  position: relative;
  display: none;
  margin: 0 4px;
  height: 24px;
  width: 48px;
  background: #424242;
  border-radius: 48px;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
@media (min-width: 600px) {
  .theme-toggle .theme-toggle-switch {
    display: inline-block;
  }
}
.theme-toggle .theme-toggle-switch::after {
  content: '';
  position: absolute;
  left: 0px;
  top: -2px;
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #000;
  transition: all 0.25s ease-in-out;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.theme-toggle .theme-toggle-switch::after-hover:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  transition: box-shadow 0.25s ease-in-out;
}
.theme-toggle .theme-toggle-switch:active::after {
  transform: scale(1.15, 0.85);
}
.theme-toggle .material-symbols-rounded {
  display: none;
  cursor: pointer;
}
.theme-toggle .material-symbols-rounded.active {
  display: inline-block;
}
@media (min-width: 600px) {
  .theme-toggle .material-symbols-rounded {
    display: inline-block;
  }
}
.error,
.success,
.info {
  padding: calc(var(--font-size) * 0.6) calc(var(--font-size) * 1.2);
  width: 100%;
  font-size: 0;
  line-height: calc(var(--font-size) * var(--line-height) * 0.8);
  z-index: 1;
}
.error-bg,
.success-bg,
.info-bg {
  padding: calc(var(--font-size) * 0.6) calc(var(--font-size) * 1.2);
  color: #fafafa;
  border-radius: 4px;
  font-size: 0;
  line-height: calc(var(--font-size) * var(--line-height) * 0.8);
}
.error-bg:has(.inner:not(.no-padding)),
.success-bg:has(.inner:not(.no-padding)),
.info-bg:has(.inner:not(.no-padding)) {
  padding-inline: 0;
}
.error-bg span,
.success-bg span,
.info-bg span {
  display: inline-block;
  margin-left: 8px;
  width: calc(100% - 2.4rem - 8px);
  vertical-align: middle;
  font-size: var(--font-size);
}
.error:has(.inner:not(.no-padding)),
.success:has(.inner:not(.no-padding)),
.info:has(.inner:not(.no-padding)) {
  padding-inline: 0;
}
.error .inner,
.success .inner,
.info .inner,
.error-bg .inner,
.success-bg .inner,
.info-bg .inner {
  line-height: calc(var(--font-size) * var(--line-height) * 0.8);
}
.error span,
.success span,
.info span {
  display: inline-block;
  margin-left: 8px;
  width: calc(100% - 2.4rem - 8px);
  vertical-align: middle;
  font-size: var(--font-size);
}
.error {
  color: #a00;
}
.error-bg {
  background-color: #a00;
}
.success {
  color: #090;
}
.success-bg {
  background-color: #090;
}
.info {
  color: #1a5ba5;
}
.info-bg {
  background-color: #1a5ba5;
}
.error a,
.success a,
.info a {
  padding: 2px 4px;
  color: #212121;
  background-color: #e0e0e0;
  border-radius: 4px;
}
.darkmode .error a,
.darkmode .success a,
.darkmode .info a {
  padding: 2px 4px;
  color: #fafafa;
  background-color: #424242;
  border-radius: 4px;
}
.error-bg a,
.success-bg a,
.info-bg a {
  padding: 2px 4px;
  color: #212121;
  background-color: #fafafa;
  border-radius: 4px;
}
.darkmode .error-bg a,
.darkmode .success-bg a,
.darkmode .info-bg a {
  padding: 2px 4px;
  color: #fafafa;
  background-color: #212121;
  border-radius: 4px;
}
.fieldErrorWrapper {
  position: relative;
}
.fieldError {
  border-color: #a00;
  box-shadow: 0 0 4px #a00;
  animation: box-shadow-blink 1s infinite ease-in-out;
}
.fieldError:valid {
  box-shadow: unset;
  animation: unset;
}
.fieldError:not([minlength]):not([maxlength]):invalid:focus + .fieldErrorTooltip,
:not([type="file"]):not([type="color"]):not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="number"]):not([type="time"]):not([type="week"]):not([minlength]):not([maxlength]).fieldError:valid + .fieldErrorTooltip {
  display: none;
}
.fieldErrorTooltip {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  position: relative;
  position: absolute;
  top: 105%;
  left: 0;
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  background-color: #b32929;
  font-size: calc(var(--font-size) * 0.7);
  line-height: calc(var(--font-size) * 0.8);
  color: #fff;
  cursor: pointer;
  z-index: 1;
}
.fieldErrorTooltip-hover:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  transition: box-shadow 0.25s ease-in-out;
}
.fieldErrorTooltip::before {
  content: "";
  display: block;
  position: absolute;
  top: -8px;
  left: calc(50% - 8px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #b32929 transparent;
}
.fieldErrorTooltip.left::before {
  left: 16px;
}
.fieldErrorTooltip.right::before {
  right: 16px;
}
.hidden {
  display: none;
}
.shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.shadow-hover:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  transition: box-shadow 0.25s ease-in-out;
}
.shadow2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.shadow2-hover:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  transition: box-shadow 0.25s ease-in-out;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.align-middle {
  align-self: center;
}
.btn {
  display: inline-block;
  padding: 8px 12px;
  line-height: 1;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.5px;
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  background-color: #1a5ba5;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 0.2s ease-out;
}
.btn:hover,
.btn:focus {
  background-color: #5685c4;
}
.btn span {
  vertical-align: middle;
}
.btn.small {
  padding: 4px;
}
.btn.big {
  padding: 20px 24px;
}
.btn.full-width {
  width: 100%;
}
.btn.transparent {
  background-color: transparent;
}
.btn.red {
  background-color: #a00;
}
.btn.red:hover,
.btn.red:focus {
  background-color: #800;
}
.btn.right {
  float: right;
  margin: 0;
}
.btn.positionLeft {
  position: absolute;
  top: 4px;
  left: 4px;
  padding: 0;
}
.btn.positionRight {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 0;
}
.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp {
  margin-top: -4px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.material-symbols-outlined.inline,
.material-symbols-rounded.inline,
.material-symbols-sharp.inline {
  margin-top: 0;
}
.material-symbols-outlined.top,
.material-symbols-rounded.top,
.material-symbols-sharp.top {
  margin-top: 0;
  vertical-align: top;
}
.material-symbols-outlined.right,
.material-symbols-rounded.right,
.material-symbols-sharp.right {
  float: right;
}
.material-symbols-outlined.mr4,
.material-symbols-rounded.mr4,
.material-symbols-sharp.mr4 {
  margin-right: 4px;
}
.material-symbols-outlined.ml4,
.material-symbols-rounded.ml4,
.material-symbols-sharp.ml4 {
  margin-left: 4px;
}
.material-symbols-outlined.mt4,
.material-symbols-rounded.mt4,
.material-symbols-sharp.mt4 {
  margin-top: 4px;
}
.material-symbols-outlined.mb4,
.material-symbols-rounded.mb4,
.material-symbols-sharp.mb4 {
  margin-bottom: 4px;
}
.material-symbols-outlined.mr8,
.material-symbols-rounded.mr8,
.material-symbols-sharp.mr8 {
  margin-right: 8px;
}
.material-symbols-outlined.ml8,
.material-symbols-rounded.ml8,
.material-symbols-sharp.ml8 {
  margin-left: 8px;
}
.material-symbols-outlined.mt8,
.material-symbols-rounded.mt8,
.material-symbols-sharp.mt8 {
  margin-top: 8px;
}
.material-symbols-outlined.mb8,
.material-symbols-rounded.mb8,
.material-symbols-sharp.mb8 {
  margin-bottom: 8px;
}
.material-symbols-outlined.mr12,
.material-symbols-rounded.mr12,
.material-symbols-sharp.mr12 {
  margin-right: 12px;
}
.material-symbols-outlined.ml12,
.material-symbols-rounded.ml12,
.material-symbols-sharp.ml12 {
  margin-left: 12px;
}
.material-symbols-outlined.mt12,
.material-symbols-rounded.mt12,
.material-symbols-sharp.mt12 {
  margin-top: 12px;
}
.material-symbols-outlined.mb12,
.material-symbols-rounded.mb12,
.material-symbols-sharp.mb12 {
  margin-bottom: 12px;
}
.material-symbols-outlined.mr16,
.material-symbols-rounded.mr16,
.material-symbols-sharp.mr16 {
  margin-right: 16px;
}
.material-symbols-outlined.ml16,
.material-symbols-rounded.ml16,
.material-symbols-sharp.ml16 {
  margin-left: 16px;
}
.material-symbols-outlined.mt16,
.material-symbols-rounded.mt16,
.material-symbols-sharp.mt16 {
  margin-top: 16px;
}
.material-symbols-outlined.mb16,
.material-symbols-rounded.mb16,
.material-symbols-sharp.mb16 {
  margin-bottom: 16px;
}
.material-symbols-outlined.mr20,
.material-symbols-rounded.mr20,
.material-symbols-sharp.mr20 {
  margin-right: 20px;
}
.material-symbols-outlined.ml20,
.material-symbols-rounded.ml20,
.material-symbols-sharp.ml20 {
  margin-left: 20px;
}
.material-symbols-outlined.mt20,
.material-symbols-rounded.mt20,
.material-symbols-sharp.mt20 {
  margin-top: 20px;
}
.material-symbols-outlined.mb20,
.material-symbols-rounded.mb20,
.material-symbols-sharp.mb20 {
  margin-bottom: 20px;
}
.material-symbols-outlined.mr24,
.material-symbols-rounded.mr24,
.material-symbols-sharp.mr24 {
  margin-right: 24px;
}
.material-symbols-outlined.ml24,
.material-symbols-rounded.ml24,
.material-symbols-sharp.ml24 {
  margin-left: 24px;
}
.material-symbols-outlined.mt24,
.material-symbols-rounded.mt24,
.material-symbols-sharp.mt24 {
  margin-top: 24px;
}
.material-symbols-outlined.mb24,
.material-symbols-rounded.mb24,
.material-symbols-sharp.mb24 {
  margin-bottom: 24px;
}
.material-symbols-outlined.mr28,
.material-symbols-rounded.mr28,
.material-symbols-sharp.mr28 {
  margin-right: 28px;
}
.material-symbols-outlined.ml28,
.material-symbols-rounded.ml28,
.material-symbols-sharp.ml28 {
  margin-left: 28px;
}
.material-symbols-outlined.mt28,
.material-symbols-rounded.mt28,
.material-symbols-sharp.mt28 {
  margin-top: 28px;
}
.material-symbols-outlined.mb28,
.material-symbols-rounded.mb28,
.material-symbols-sharp.mb28 {
  margin-bottom: 28px;
}
.material-symbols-outlined.mr32,
.material-symbols-rounded.mr32,
.material-symbols-sharp.mr32 {
  margin-right: 32px;
}
.material-symbols-outlined.ml32,
.material-symbols-rounded.ml32,
.material-symbols-sharp.ml32 {
  margin-left: 32px;
}
.material-symbols-outlined.mt32,
.material-symbols-rounded.mt32,
.material-symbols-sharp.mt32 {
  margin-top: 32px;
}
.material-symbols-outlined.mb32,
.material-symbols-rounded.mb32,
.material-symbols-sharp.mb32 {
  margin-bottom: 32px;
}
.material-symbols-outlined.mr36,
.material-symbols-rounded.mr36,
.material-symbols-sharp.mr36 {
  margin-right: 36px;
}
.material-symbols-outlined.ml36,
.material-symbols-rounded.ml36,
.material-symbols-sharp.ml36 {
  margin-left: 36px;
}
.material-symbols-outlined.mt36,
.material-symbols-rounded.mt36,
.material-symbols-sharp.mt36 {
  margin-top: 36px;
}
.material-symbols-outlined.mb36,
.material-symbols-rounded.mb36,
.material-symbols-sharp.mb36 {
  margin-bottom: 36px;
}
.material-symbols-outlined.mr40,
.material-symbols-rounded.mr40,
.material-symbols-sharp.mr40 {
  margin-right: 40px;
}
.material-symbols-outlined.ml40,
.material-symbols-rounded.ml40,
.material-symbols-sharp.ml40 {
  margin-left: 40px;
}
.material-symbols-outlined.mt40,
.material-symbols-rounded.mt40,
.material-symbols-sharp.mt40 {
  margin-top: 40px;
}
.material-symbols-outlined.mb40,
.material-symbols-rounded.mb40,
.material-symbols-sharp.mb40 {
  margin-bottom: 40px;
}
.material-symbols-outlined.mr44,
.material-symbols-rounded.mr44,
.material-symbols-sharp.mr44 {
  margin-right: 44px;
}
.material-symbols-outlined.ml44,
.material-symbols-rounded.ml44,
.material-symbols-sharp.ml44 {
  margin-left: 44px;
}
.material-symbols-outlined.mt44,
.material-symbols-rounded.mt44,
.material-symbols-sharp.mt44 {
  margin-top: 44px;
}
.material-symbols-outlined.mb44,
.material-symbols-rounded.mb44,
.material-symbols-sharp.mb44 {
  margin-bottom: 44px;
}
.material-symbols-outlined.mr48,
.material-symbols-rounded.mr48,
.material-symbols-sharp.mr48 {
  margin-right: 48px;
}
.material-symbols-outlined.ml48,
.material-symbols-rounded.ml48,
.material-symbols-sharp.ml48 {
  margin-left: 48px;
}
.material-symbols-outlined.mt48,
.material-symbols-rounded.mt48,
.material-symbols-sharp.mt48 {
  margin-top: 48px;
}
.material-symbols-outlined.mb48,
.material-symbols-rounded.mb48,
.material-symbols-sharp.mb48 {
  margin-bottom: 48px;
}
.material-symbols-outlined.s16,
.material-symbols-rounded.s16,
.material-symbols-sharp.s16 {
  font-size: 16px;
  font-variation-settings: 'OPSZ' 16;
  width: 16px;
  height: 16px;
}
.material-symbols-outlined.s20,
.material-symbols-rounded.s20,
.material-symbols-sharp.s20 {
  font-size: 20px;
  font-variation-settings: 'OPSZ' 20;
  width: 20px;
  height: 20px;
}
.material-symbols-outlined.s24,
.material-symbols-rounded.s24,
.material-symbols-sharp.s24 {
  font-size: 24px;
  font-variation-settings: 'OPSZ' 24;
  width: 24px;
  height: 24px;
}
.material-symbols-outlined.s28,
.material-symbols-rounded.s28,
.material-symbols-sharp.s28 {
  font-size: 28px;
  font-variation-settings: 'OPSZ' 28;
  width: 28px;
  height: 28px;
}
.material-symbols-outlined.s32,
.material-symbols-rounded.s32,
.material-symbols-sharp.s32 {
  font-size: 32px;
  font-variation-settings: 'OPSZ' 32;
  width: 32px;
  height: 32px;
}
.material-symbols-outlined.s36,
.material-symbols-rounded.s36,
.material-symbols-sharp.s36 {
  font-size: 36px;
  font-variation-settings: 'OPSZ' 36;
  width: 36px;
  height: 36px;
}
.material-symbols-outlined.s40,
.material-symbols-rounded.s40,
.material-symbols-sharp.s40 {
  font-size: 40px;
  font-variation-settings: 'OPSZ' 40;
  width: 40px;
  height: 40px;
}
.material-symbols-outlined.s44,
.material-symbols-rounded.s44,
.material-symbols-sharp.s44 {
  font-size: 44px;
  font-variation-settings: 'OPSZ' 44;
  width: 44px;
  height: 44px;
}
.material-symbols-outlined.s48,
.material-symbols-rounded.s48,
.material-symbols-sharp.s48 {
  font-size: 48px;
  font-variation-settings: 'OPSZ' 48;
  width: 48px;
  height: 48px;
}
.material-symbols-outlined.s52,
.material-symbols-rounded.s52,
.material-symbols-sharp.s52 {
  font-size: 52px;
  font-variation-settings: 'OPSZ' 52;
  width: 52px;
  height: 52px;
}
.material-symbols-outlined.s56,
.material-symbols-rounded.s56,
.material-symbols-sharp.s56 {
  font-size: 56px;
  font-variation-settings: 'OPSZ' 56;
  width: 56px;
  height: 56px;
}
.material-symbols-outlined.s60,
.material-symbols-rounded.s60,
.material-symbols-sharp.s60 {
  font-size: 60px;
  font-variation-settings: 'OPSZ' 60;
  width: 60px;
  height: 60px;
}
.material-symbols-outlined.s64,
.material-symbols-rounded.s64,
.material-symbols-sharp.s64 {
  font-size: 64px;
  font-variation-settings: 'OPSZ' 64;
  width: 64px;
  height: 64px;
}
.material-symbols-outlined.s68,
.material-symbols-rounded.s68,
.material-symbols-sharp.s68 {
  font-size: 68px;
  font-variation-settings: 'OPSZ' 68;
  width: 68px;
  height: 68px;
}
.material-symbols-outlined.s72,
.material-symbols-rounded.s72,
.material-symbols-sharp.s72 {
  font-size: 72px;
  font-variation-settings: 'OPSZ' 72;
  width: 72px;
  height: 72px;
}
.material-symbols-outlined.s76,
.material-symbols-rounded.s76,
.material-symbols-sharp.s76 {
  font-size: 76px;
  font-variation-settings: 'OPSZ' 76;
  width: 76px;
  height: 76px;
}
.material-symbols-outlined.s80,
.material-symbols-rounded.s80,
.material-symbols-sharp.s80 {
  font-size: 80px;
  font-variation-settings: 'OPSZ' 80;
  width: 80px;
  height: 80px;
}
.material-symbols-outlined.s84,
.material-symbols-rounded.s84,
.material-symbols-sharp.s84 {
  font-size: 84px;
  font-variation-settings: 'OPSZ' 84;
  width: 84px;
  height: 84px;
}
.material-symbols-outlined.s88,
.material-symbols-rounded.s88,
.material-symbols-sharp.s88 {
  font-size: 88px;
  font-variation-settings: 'OPSZ' 88;
  width: 88px;
  height: 88px;
}
.material-symbols-outlined.s92,
.material-symbols-rounded.s92,
.material-symbols-sharp.s92 {
  font-size: 92px;
  font-variation-settings: 'OPSZ' 92;
  width: 92px;
  height: 92px;
}
.material-symbols-outlined.s96,
.material-symbols-rounded.s96,
.material-symbols-sharp.s96 {
  font-size: 96px;
  font-variation-settings: 'OPSZ' 96;
  width: 96px;
  height: 96px;
}
.material-symbols-outlined.s100,
.material-symbols-rounded.s100,
.material-symbols-sharp.s100 {
  font-size: 100px;
  font-variation-settings: 'OPSZ' 100;
  width: 100px;
  height: 100px;
}
.material-symbols-outlined.s104,
.material-symbols-rounded.s104,
.material-symbols-sharp.s104 {
  font-size: 104px;
  font-variation-settings: 'OPSZ' 104;
  width: 104px;
  height: 104px;
}
.material-symbols-outlined.s108,
.material-symbols-rounded.s108,
.material-symbols-sharp.s108 {
  font-size: 108px;
  font-variation-settings: 'OPSZ' 108;
  width: 108px;
  height: 108px;
}
.material-symbols-outlined.s112,
.material-symbols-rounded.s112,
.material-symbols-sharp.s112 {
  font-size: 112px;
  font-variation-settings: 'OPSZ' 112;
  width: 112px;
  height: 112px;
}
.material-symbols-outlined.s116,
.material-symbols-rounded.s116,
.material-symbols-sharp.s116 {
  font-size: 116px;
  font-variation-settings: 'OPSZ' 116;
  width: 116px;
  height: 116px;
}
.material-symbols-outlined.s120,
.material-symbols-rounded.s120,
.material-symbols-sharp.s120 {
  font-size: 120px;
  font-variation-settings: 'OPSZ' 120;
  width: 120px;
  height: 120px;
}
.material-symbols-outlined.s124,
.material-symbols-rounded.s124,
.material-symbols-sharp.s124 {
  font-size: 124px;
  font-variation-settings: 'OPSZ' 124;
  width: 124px;
  height: 124px;
}
.material-symbols-outlined.s128,
.material-symbols-rounded.s128,
.material-symbols-sharp.s128 {
  font-size: 128px;
  font-variation-settings: 'OPSZ' 128;
  width: 128px;
  height: 128px;
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s16-tp,
  .material-symbols-rounded.s16-tp,
  .material-symbols-sharp.s16-tp {
    font-size: 16px;
    font-variation-settings: 'OPSZ' 16;
    width: 16px;
    height: 16px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s20-tp,
  .material-symbols-rounded.s20-tp,
  .material-symbols-sharp.s20-tp {
    font-size: 20px;
    font-variation-settings: 'OPSZ' 20;
    width: 20px;
    height: 20px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s24-tp,
  .material-symbols-rounded.s24-tp,
  .material-symbols-sharp.s24-tp {
    font-size: 24px;
    font-variation-settings: 'OPSZ' 24;
    width: 24px;
    height: 24px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s28-tp,
  .material-symbols-rounded.s28-tp,
  .material-symbols-sharp.s28-tp {
    font-size: 28px;
    font-variation-settings: 'OPSZ' 28;
    width: 28px;
    height: 28px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s32-tp,
  .material-symbols-rounded.s32-tp,
  .material-symbols-sharp.s32-tp {
    font-size: 32px;
    font-variation-settings: 'OPSZ' 32;
    width: 32px;
    height: 32px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s36-tp,
  .material-symbols-rounded.s36-tp,
  .material-symbols-sharp.s36-tp {
    font-size: 36px;
    font-variation-settings: 'OPSZ' 36;
    width: 36px;
    height: 36px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s40-tp,
  .material-symbols-rounded.s40-tp,
  .material-symbols-sharp.s40-tp {
    font-size: 40px;
    font-variation-settings: 'OPSZ' 40;
    width: 40px;
    height: 40px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s44-tp,
  .material-symbols-rounded.s44-tp,
  .material-symbols-sharp.s44-tp {
    font-size: 44px;
    font-variation-settings: 'OPSZ' 44;
    width: 44px;
    height: 44px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s48-tp,
  .material-symbols-rounded.s48-tp,
  .material-symbols-sharp.s48-tp {
    font-size: 48px;
    font-variation-settings: 'OPSZ' 48;
    width: 48px;
    height: 48px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s52-tp,
  .material-symbols-rounded.s52-tp,
  .material-symbols-sharp.s52-tp {
    font-size: 52px;
    font-variation-settings: 'OPSZ' 52;
    width: 52px;
    height: 52px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s56-tp,
  .material-symbols-rounded.s56-tp,
  .material-symbols-sharp.s56-tp {
    font-size: 56px;
    font-variation-settings: 'OPSZ' 56;
    width: 56px;
    height: 56px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s60-tp,
  .material-symbols-rounded.s60-tp,
  .material-symbols-sharp.s60-tp {
    font-size: 60px;
    font-variation-settings: 'OPSZ' 60;
    width: 60px;
    height: 60px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s64-tp,
  .material-symbols-rounded.s64-tp,
  .material-symbols-sharp.s64-tp {
    font-size: 64px;
    font-variation-settings: 'OPSZ' 64;
    width: 64px;
    height: 64px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s68-tp,
  .material-symbols-rounded.s68-tp,
  .material-symbols-sharp.s68-tp {
    font-size: 68px;
    font-variation-settings: 'OPSZ' 68;
    width: 68px;
    height: 68px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s72-tp,
  .material-symbols-rounded.s72-tp,
  .material-symbols-sharp.s72-tp {
    font-size: 72px;
    font-variation-settings: 'OPSZ' 72;
    width: 72px;
    height: 72px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s76-tp,
  .material-symbols-rounded.s76-tp,
  .material-symbols-sharp.s76-tp {
    font-size: 76px;
    font-variation-settings: 'OPSZ' 76;
    width: 76px;
    height: 76px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s80-tp,
  .material-symbols-rounded.s80-tp,
  .material-symbols-sharp.s80-tp {
    font-size: 80px;
    font-variation-settings: 'OPSZ' 80;
    width: 80px;
    height: 80px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s84-tp,
  .material-symbols-rounded.s84-tp,
  .material-symbols-sharp.s84-tp {
    font-size: 84px;
    font-variation-settings: 'OPSZ' 84;
    width: 84px;
    height: 84px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s88-tp,
  .material-symbols-rounded.s88-tp,
  .material-symbols-sharp.s88-tp {
    font-size: 88px;
    font-variation-settings: 'OPSZ' 88;
    width: 88px;
    height: 88px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s92-tp,
  .material-symbols-rounded.s92-tp,
  .material-symbols-sharp.s92-tp {
    font-size: 92px;
    font-variation-settings: 'OPSZ' 92;
    width: 92px;
    height: 92px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s96-tp,
  .material-symbols-rounded.s96-tp,
  .material-symbols-sharp.s96-tp {
    font-size: 96px;
    font-variation-settings: 'OPSZ' 96;
    width: 96px;
    height: 96px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s100-tp,
  .material-symbols-rounded.s100-tp,
  .material-symbols-sharp.s100-tp {
    font-size: 100px;
    font-variation-settings: 'OPSZ' 100;
    width: 100px;
    height: 100px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s104-tp,
  .material-symbols-rounded.s104-tp,
  .material-symbols-sharp.s104-tp {
    font-size: 104px;
    font-variation-settings: 'OPSZ' 104;
    width: 104px;
    height: 104px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s108-tp,
  .material-symbols-rounded.s108-tp,
  .material-symbols-sharp.s108-tp {
    font-size: 108px;
    font-variation-settings: 'OPSZ' 108;
    width: 108px;
    height: 108px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s112-tp,
  .material-symbols-rounded.s112-tp,
  .material-symbols-sharp.s112-tp {
    font-size: 112px;
    font-variation-settings: 'OPSZ' 112;
    width: 112px;
    height: 112px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s116-tp,
  .material-symbols-rounded.s116-tp,
  .material-symbols-sharp.s116-tp {
    font-size: 116px;
    font-variation-settings: 'OPSZ' 116;
    width: 116px;
    height: 116px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s120-tp,
  .material-symbols-rounded.s120-tp,
  .material-symbols-sharp.s120-tp {
    font-size: 120px;
    font-variation-settings: 'OPSZ' 120;
    width: 120px;
    height: 120px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s124-tp,
  .material-symbols-rounded.s124-tp,
  .material-symbols-sharp.s124-tp {
    font-size: 124px;
    font-variation-settings: 'OPSZ' 124;
    width: 124px;
    height: 124px;
  }
}
@media ((min-width: 600px)) {
  .material-symbols-outlined.s128-tp,
  .material-symbols-rounded.s128-tp,
  .material-symbols-sharp.s128-tp {
    font-size: 128px;
    font-variation-settings: 'OPSZ' 128;
    width: 128px;
    height: 128px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s16-tl,
  .material-symbols-rounded.s16-tl,
  .material-symbols-sharp.s16-tl {
    font-size: 16px;
    font-variation-settings: 'OPSZ' 16;
    width: 16px;
    height: 16px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s20-tl,
  .material-symbols-rounded.s20-tl,
  .material-symbols-sharp.s20-tl {
    font-size: 20px;
    font-variation-settings: 'OPSZ' 20;
    width: 20px;
    height: 20px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s24-tl,
  .material-symbols-rounded.s24-tl,
  .material-symbols-sharp.s24-tl {
    font-size: 24px;
    font-variation-settings: 'OPSZ' 24;
    width: 24px;
    height: 24px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s28-tl,
  .material-symbols-rounded.s28-tl,
  .material-symbols-sharp.s28-tl {
    font-size: 28px;
    font-variation-settings: 'OPSZ' 28;
    width: 28px;
    height: 28px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s32-tl,
  .material-symbols-rounded.s32-tl,
  .material-symbols-sharp.s32-tl {
    font-size: 32px;
    font-variation-settings: 'OPSZ' 32;
    width: 32px;
    height: 32px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s36-tl,
  .material-symbols-rounded.s36-tl,
  .material-symbols-sharp.s36-tl {
    font-size: 36px;
    font-variation-settings: 'OPSZ' 36;
    width: 36px;
    height: 36px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s40-tl,
  .material-symbols-rounded.s40-tl,
  .material-symbols-sharp.s40-tl {
    font-size: 40px;
    font-variation-settings: 'OPSZ' 40;
    width: 40px;
    height: 40px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s44-tl,
  .material-symbols-rounded.s44-tl,
  .material-symbols-sharp.s44-tl {
    font-size: 44px;
    font-variation-settings: 'OPSZ' 44;
    width: 44px;
    height: 44px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s48-tl,
  .material-symbols-rounded.s48-tl,
  .material-symbols-sharp.s48-tl {
    font-size: 48px;
    font-variation-settings: 'OPSZ' 48;
    width: 48px;
    height: 48px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s52-tl,
  .material-symbols-rounded.s52-tl,
  .material-symbols-sharp.s52-tl {
    font-size: 52px;
    font-variation-settings: 'OPSZ' 52;
    width: 52px;
    height: 52px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s56-tl,
  .material-symbols-rounded.s56-tl,
  .material-symbols-sharp.s56-tl {
    font-size: 56px;
    font-variation-settings: 'OPSZ' 56;
    width: 56px;
    height: 56px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s60-tl,
  .material-symbols-rounded.s60-tl,
  .material-symbols-sharp.s60-tl {
    font-size: 60px;
    font-variation-settings: 'OPSZ' 60;
    width: 60px;
    height: 60px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s64-tl,
  .material-symbols-rounded.s64-tl,
  .material-symbols-sharp.s64-tl {
    font-size: 64px;
    font-variation-settings: 'OPSZ' 64;
    width: 64px;
    height: 64px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s68-tl,
  .material-symbols-rounded.s68-tl,
  .material-symbols-sharp.s68-tl {
    font-size: 68px;
    font-variation-settings: 'OPSZ' 68;
    width: 68px;
    height: 68px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s72-tl,
  .material-symbols-rounded.s72-tl,
  .material-symbols-sharp.s72-tl {
    font-size: 72px;
    font-variation-settings: 'OPSZ' 72;
    width: 72px;
    height: 72px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s76-tl,
  .material-symbols-rounded.s76-tl,
  .material-symbols-sharp.s76-tl {
    font-size: 76px;
    font-variation-settings: 'OPSZ' 76;
    width: 76px;
    height: 76px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s80-tl,
  .material-symbols-rounded.s80-tl,
  .material-symbols-sharp.s80-tl {
    font-size: 80px;
    font-variation-settings: 'OPSZ' 80;
    width: 80px;
    height: 80px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s84-tl,
  .material-symbols-rounded.s84-tl,
  .material-symbols-sharp.s84-tl {
    font-size: 84px;
    font-variation-settings: 'OPSZ' 84;
    width: 84px;
    height: 84px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s88-tl,
  .material-symbols-rounded.s88-tl,
  .material-symbols-sharp.s88-tl {
    font-size: 88px;
    font-variation-settings: 'OPSZ' 88;
    width: 88px;
    height: 88px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s92-tl,
  .material-symbols-rounded.s92-tl,
  .material-symbols-sharp.s92-tl {
    font-size: 92px;
    font-variation-settings: 'OPSZ' 92;
    width: 92px;
    height: 92px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s96-tl,
  .material-symbols-rounded.s96-tl,
  .material-symbols-sharp.s96-tl {
    font-size: 96px;
    font-variation-settings: 'OPSZ' 96;
    width: 96px;
    height: 96px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s100-tl,
  .material-symbols-rounded.s100-tl,
  .material-symbols-sharp.s100-tl {
    font-size: 100px;
    font-variation-settings: 'OPSZ' 100;
    width: 100px;
    height: 100px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s104-tl,
  .material-symbols-rounded.s104-tl,
  .material-symbols-sharp.s104-tl {
    font-size: 104px;
    font-variation-settings: 'OPSZ' 104;
    width: 104px;
    height: 104px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s108-tl,
  .material-symbols-rounded.s108-tl,
  .material-symbols-sharp.s108-tl {
    font-size: 108px;
    font-variation-settings: 'OPSZ' 108;
    width: 108px;
    height: 108px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s112-tl,
  .material-symbols-rounded.s112-tl,
  .material-symbols-sharp.s112-tl {
    font-size: 112px;
    font-variation-settings: 'OPSZ' 112;
    width: 112px;
    height: 112px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s116-tl,
  .material-symbols-rounded.s116-tl,
  .material-symbols-sharp.s116-tl {
    font-size: 116px;
    font-variation-settings: 'OPSZ' 116;
    width: 116px;
    height: 116px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s120-tl,
  .material-symbols-rounded.s120-tl,
  .material-symbols-sharp.s120-tl {
    font-size: 120px;
    font-variation-settings: 'OPSZ' 120;
    width: 120px;
    height: 120px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s124-tl,
  .material-symbols-rounded.s124-tl,
  .material-symbols-sharp.s124-tl {
    font-size: 124px;
    font-variation-settings: 'OPSZ' 124;
    width: 124px;
    height: 124px;
  }
}
@media ((min-width: 900px)) {
  .material-symbols-outlined.s128-tl,
  .material-symbols-rounded.s128-tl,
  .material-symbols-sharp.s128-tl {
    font-size: 128px;
    font-variation-settings: 'OPSZ' 128;
    width: 128px;
    height: 128px;
  }
}
.material-symbols-outlined.wght100,
.material-symbols-rounded.wght100,
.material-symbols-sharp.wght100 {
  font-weight: 100;
  font-variation-settings: 'WGHT' 100;
}
.material-symbols-outlined.wght200,
.material-symbols-rounded.wght200,
.material-symbols-sharp.wght200 {
  font-weight: 200;
  font-variation-settings: 'WGHT' 200;
}
.material-symbols-outlined.wght300,
.material-symbols-rounded.wght300,
.material-symbols-sharp.wght300 {
  font-weight: 300;
  font-variation-settings: 'WGHT' 300;
}
.material-symbols-outlined.wght400,
.material-symbols-rounded.wght400,
.material-symbols-sharp.wght400 {
  font-weight: 400;
  font-variation-settings: 'WGHT' 400;
}
.material-symbols-outlined.wght500,
.material-symbols-rounded.wght500,
.material-symbols-sharp.wght500 {
  font-weight: 500;
  font-variation-settings: 'WGHT' 500;
}
.material-symbols-outlined.wght600,
.material-symbols-rounded.wght600,
.material-symbols-sharp.wght600 {
  font-weight: 600;
  font-variation-settings: 'WGHT' 600;
}
.material-symbols-outlined.wght700,
.material-symbols-rounded.wght700,
.material-symbols-sharp.wght700 {
  font-weight: 700;
  font-variation-settings: 'WGHT' 700;
}
.material-symbols-outlined.filled,
.material-symbols-rounded.filled,
.material-symbols-sharp.filled {
  font-variation-settings: 'FILL' 1;
}
.material-symbols-outlined.light,
.material-symbols-rounded.light,
.material-symbols-sharp.light {
  color: #ffffff;
  font-variation-settings: 'GRAD' -25;
}
.material-symbols-outlined.light-inactive,
.material-symbols-rounded.light-inactive,
.material-symbols-sharp.light-inactive {
  color: rgba(255, 255, 255, 0.4);
  font-variation-settings: 'GRAD' -25;
}
.material-symbols-outlined.strong,
.material-symbols-rounded.strong,
.material-symbols-sharp.strong {
  font-variation-settings: 'GRAD' 200;
}
.material-symbols-outlined.inactive,
.material-symbols-rounded.inactive,
.material-symbols-sharp.inactive {
  color: rgba(0, 0, 0, 0.5);
}
.material-symbols-outlined.red,
.material-symbols-rounded.red,
.material-symbols-sharp.red {
  color: #a00;
}
.material-symbols-outlined.green,
.material-symbols-rounded.green,
.material-symbols-sharp.green {
  color: #080;
}
a:not(.btn) .material-symbols-outlined,
a:not(.btn) .material-symbols-rounded,
a:not(.btn) .material-symbols-sharp {
  margin-top: -2px;
}
a.btn .material-symbols-outlined,
a.btn .material-symbols-rounded,
a.btn .material-symbols-sharp {
  margin-top: 0;
}
button .material-symbols-outlined,
button .material-symbols-rounded,
button .material-symbols-sharp {
  margin-top: 0;
}
.flpckr-clear {
  cursor: pointer;
  padding: 4px 8px;
}
@keyframes box-shadow-blink {
  50% {
    box-shadow: 0 0 12px #a00;
  }
}
.card-limiter {
  margin: auto;
}
.card {
  position: relative;
  border: 1px solid #000;
  min-height: 200px;
  width: 100%;
  transition: box-shadow 0.25s ease-in;
}
.card.flex {
  position: static;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.card > a {
  padding: 24px;
  display: block;
  height: 100%;
}
.card:not(:has(a)) {
  padding: 24px;
}
.card.highlight {
  border-color: #5685c4;
}
.card:hover:has(a) {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.card:hover:has(a)-hover:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  transition: box-shadow 0.25s ease-in-out;
}
.card:hover:has(a)-hover:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  transition: box-shadow 0.25s ease-in-out;
}
.card .card-label {
  display: block;
  font-size: calc(var(--font-size) * 1.75);
  line-height: calc(var(--font-size) * 1.75);
  color: #999999;
  padding-bottom: 52px;
}
.card .card-label img {
  max-width: 70%;
  max-height: 80px;
}
.card .card-text {
  display: block;
  max-width: calc(100% - 44px);
  width: 100%;
}
.card .card-extra {
  position: absolute;
  bottom: 24px;
  left: 24px;
  width: 30%;
  display: block;
  font-size: 0;
  line-height: 0;
}
.card .card-more {
  position: absolute;
  bottom: 12px;
  right: 12px;
  display: block;
  text-align: right;
  font-size: 0;
  line-height: 0;
}
@media screen and ((min-width: 1200px)) {
  .card .card-more {
    bottom: 20px;
  }
}
.card .card-more img {
  max-height: 48px;
  max-width: 48px;
  width: 100%;
}
.card .card-date {
  color: #000000;
}
.feature .feature-title {
  display: block;
  font-size: calc(var(--font-size) * 1.75);
  line-height: calc(var(--font-size) * 1.75);
  color: #999999;
  font-weight: bold;
  margin-bottom: 8px;
}
.feature .feature-subtitle {
  display: block;
  margin-bottom: 1em;
}
.feature details:first-of-type {
  margin-top: 1em;
}
.feature details summary {
  padding: 8px 32px 8px 16px;
  background-color: #e5e5e5;
  border-radius: 4px;
  position: relative;
}
.feature details summary:hover {
  cursor: pointer;
}
.feature details summary::marker {
  content: "";
  display: none;
}
.feature details summary::after {
  content: "keyboard_arrow_left";
  font-family: 'Material Symbols Rounded';
  font-size: 32px;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  color: #1a5ba5;
}
.feature details[open] summary::after {
  content: "keyboard_arrow_down" !important;
}
.feature details:not(:last-child) {
  margin-bottom: 1rem;
}
.feature .feature-container {
  padding: 8px 16px;
}
.feature table {
  margin-top: 1rem;
}
.feature table:not(:last-child) {
  border-bottom: 2px solid #bcbcbc;
  margin-bottom: 4px;
}
.feature table th:first-child,
.feature table td:first-child {
  text-align: left;
  max-width: 50%;
  width: 100%;
  line-height: calc(var(--font-size)*1.2);
}
.feature table td {
  vertical-align: top;
}
.feature table td ul {
  list-style-type: none;
}
.product picture {
  display: block;
  line-height: 0;
  font-size: 0;
  aspect-ratio: 200 / 130;
  text-align: center;
  border: 1px solid #999999;
}
.product.small picture {
  width: 200px;
}
.product.no-border picture {
  border: unset;
}
.product.border-light picture {
  border: 1px solid #dedede;
}
.product p {
  font-size: calc(var(--font-size) * 0.85);
  line-height: calc(var(--font-size) * 0.9);
}
.product p a {
  color: #000 !important;
}
.vorstand {
  display: grid;
  gap: 8px;
  align-items: center;
  grid-template-columns: repeat(12, 1fr);
}
.vorstand .vorstand-picture {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 7;
}
.vorstand .vorstand-picture picture {
  display: block;
  line-height: 0;
  font-size: 0;
}
.vorstand .vorstand-name {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 7;
  grid-column-end: 13;
}
.vorstand .vorstand-description {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 13;
}
.vorstand .vorstand-description .label {
  display: inline-block;
  max-width: 60px;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .vorstand {
    gap: 12px;
  }
  .vorstand .vorstand-picture {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 7;
  }
  .vorstand .vorstand-name {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 7;
    grid-column-end: 13;
  }
  .vorstand .vorstand-description {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 7;
    grid-column-end: 13;
  }
}
.distribution-partner h3 {
  background-color: #e5e5e5;
  padding: 4px 8px;
}
.distribution-partner > div {
  padding-inline: 8px;
}
.distribution-partner .distribution-partner-contact-headline {
  font-size: calc(var(--font-size) * 1.5);
  color: #1a5ba5;
}
.distribution-partner .distribution-partner-contact-headline + table {
  margin-bottom: 16px;
}
.distribution-partner .distribution-partner-contact-headline + table td {
  padding: unset;
  line-height: calc(var(--font-size) * var(--line-height) * 0.85);
}
.distribution-partner .distribution-partner-contact-headline + table td:first-child {
  width: 20%;
}
.membership {
  padding: 8px 0px;
}
.membership:not(:last-child) {
  border-bottom: 2px solid #eeeeee;
}
.team {
  padding: 8px 0px;
  margin-top: calc(var(--font-size) * 1.5);
}
.team .team-image h3 {
  margin: unset;
}
.team .team-info picture {
  display: inline-block;
  line-height: 0;
  font-size: 0;
  max-width: 200px;
  border: 1px solid #dadada;
}
.team i {
  display: block;
}
@media screen and ((min-width: 900px)) {
  .team table {
    max-width: 450px;
    margin-inline: auto;
  }
}
.team table td {
  display: block;
}
.team table td:first-child {
  font-weight: bold;
}
@media screen and ((min-width: 900px)) {
  .team table td:first-child {
    text-align: left;
  }
}
@media screen and ((min-width: 600px)) {
  .team table td {
    display: table-cell;
  }
}
.team:not(:last-child) {
  border-bottom: 1px solid #999999;
}
.float .float-right {
  float: right;
}
.float .float-left {
  float: right;
}
.float::after {
  content: "";
  clear: both;
  display: table-cell;
}
.schulung {
  padding: 0px 24px;
}
.schulung .schulung-title * {
  color: #1a5ba5;
}
.schulung .schulung-content {
  margin-left: 12px;
}
.schulung .schulung-content ul li::marker {
  color: #1a5ba5;
}
.schulung:not(:last-child) {
  margin-bottom: 24px;
}
.norm {
  padding: 12px 0px;
}
@media ((min-width: 900px)) {
  .norm {
    padding: 12px 12px;
  }
}
.norm .norm-name {
  padding: 4px 8px;
  font-size: calc(var(--font-size) * 1.25);
  font-weight: bold;
  border-bottom: 1px solid #999999;
}
.norm .norm-text {
  padding: 0px 0px 0px 12px;
}
@media ((min-width: 900px)) {
  .norm .norm-text {
    padding: 0px 0px 0px 48px;
  }
}
.norm .norm-text.en {
  color: #e4003a !important;
}
.norm .norm-text.fr {
  color: #1a5ba5;
}
.norm:not(:last-child) {
  margin-bottom: 12px;
}
.normenreihe:focus {
  outline: unset;
  outline-offset: unset;
  box-shadow: unset;
  border-radius: unset;
}
.normenreihe *::selection,
.normenreihe *:focus {
  outline: unset;
  outline-offset: unset;
  box-shadow: unset;
  border-radius: unset;
}
.normenreihe:not(:last-child) {
  margin-bottom: calc(var(--font-size) * 0.5);
}
.normenreihe > summary {
  position: relative;
  background-color: #f5f5f5;
  padding: 8px 12px;
  border-top: 1px solid #b0b0b0;
  border-bottom: 1px solid #b0b0b0;
}
.normenreihe > summary::marker {
  content: "";
  display: none;
}
.normenreihe > summary::after {
  content: "keyboard_arrow_left";
  font-family: 'Material Symbols Rounded';
  font-size: 32px;
  color: var(--color-accent);
  position: absolute;
  top: 16px;
  left: calc(100% - 32px);
}
@media screen and ((min-width: 900px)) {
  .normenreihe > summary::after {
    float: right;
    position: unset;
    top: unset;
    left: unset;
  }
}
.normenreihe > summary .normenreihe-name {
  font-size: calc(var(--font-size) * 1.25);
  display: block;
}
@media screen and ((min-width: 900px)) {
  .normenreihe > summary .normenreihe-name {
    margin-right: 24px;
    display: inline;
  }
}
.normenreihe > summary .normenreihe-description {
  display: block;
}
@media screen and ((min-width: 900px)) {
  .normenreihe > summary .normenreihe-description {
    display: inline;
  }
}
.normenreihe .normenreihe-norm {
  margin: 0 0 0 24px;
  border-bottom: 1px solid #dadada;
}
.normenreihe .normenreihe-norm > summary {
  font-size: var(--font-size);
  padding: 12px 0px;
}
@media ((min-width: 600px)) {
  .normenreihe .normenreihe-norm > summary {
    padding: 12px 16px;
  }
}
.normenreihe .normenreihe-norm > summary .invalid {
  background-color: #0065b7;
  color: #fff;
  padding: 0 4px;
  margin: 0 12px;
  font-style: italic;
  font-weight: bold;
}
.normenreihe .normenreihe-norm > summary::marker {
  content: "";
  display: none;
}
.normenreihe .normenreihe-norm > summary::after {
  content: "keyboard_arrow_left";
  font-family: 'Material Symbols Rounded';
  font-size: 32px;
  float: right;
  color: var(--color-accent);
}
.normenreihe .normenreihe-norm[open] > summary::after {
  content: "keyboard_arrow_down";
}
@media screen and ((min-width: 600px)) {
  .normenreihe .normenreihe-norm .normenreihe-norm-description {
    padding: 0 0 var(--font-size) 180px;
  }
}
.normenreihe[open] > summary::after {
  content: "keyboard_arrow_down";
}
.norm-text.en {
  color: #e4003a !important;
}
.norm-text.fr {
  color: var(--color-accent);
}
.pdf-list {
  list-style-type: none;
}
.pdf-list li:not(.protokoll):not(:last-child) {
  margin-bottom: 8px;
}
.pdf-list li:not(.protokoll) a {
  padding: 8px 8px;
  background-color: #dedede;
  border-radius: 4px;
  display: block;
}
.pdf-list li.protokoll {
  border-bottom: 1px solid #dadada;
  font-size: var(--font-size);
  padding: 8px 16px;
}
.pdf-list li.protokoll:only-of-type {
  border-top: 1px solid #dadada;
}
.pdf-list li a {
  position: relative;
  padding-right: 44px;
  display: block;
}
.pdf-list li a[href$=".pdf"]::after {
  content: "picture_as_pdf";
}
.pdf-list li a[href$=".jpg"]::after,
.pdf-list li a[href$=".jpeg"]::after,
.pdf-list li a[href$=".jpe"]::after {
  content: "filter";
}
.pdf-list li a::after {
  font-family: "Material Symbols Rounded";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-size: calc(var(--font-size) * 1.25);
}
.flex {
  display: flex;
  gap: 12px;
}
.flex.between {
  justify-content: space-between;
}
.flex.around {
  justify-content: space-around;
}
.flex.center {
  align-items: center;
}
.flex > p {
  min-width: calc(100% - 150px - 24px);
}
@media screen and (max-width: 500px) {
  .flex {
    flex-wrap: wrap;
    flex-basis: 100%;
  }
  .flex .product {
    margin: auto;
  }
  .flex .text-right {
    flex-grow: 1;
    text-align: center;
  }
}
ul.no-marker {
  list-style-type: none;
  margin: unset;
}
.blue {
  color: #0065b7;
}
#progressBar {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 4px;
  background-color: #1a5ba5;
  z-index: 4;
}
#notify {
  display: none;
  position: fixed;
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
  padding: calc(var(--font-size) * 0.4) calc(var(--font-size) * 1.2);
  border-radius: 4px;
  background-color: #5685c4;
  color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  z-index: 99999;
}
#notify-hover:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  transition: box-shadow 0.25s ease-in-out;
}
#mhCookie_toggle {
  bottom: calc((var(--font-size) * 1.2) + 32px + 12px) !important;
  right: calc(var(--font-size) * 1.2) !important;
}
#scrollTop {
  display: none;
  position: fixed;
  bottom: calc(var(--font-size) * 1.2);
  right: calc(var(--font-size) * 1.2);
  padding: 8px;
  line-height: 24px;
  border-radius: 50%;
  background-color: #1a5ba5;
  color: #fafafa;
  cursor: pointer;
  z-index: 10;
}
header {
  padding: var(--font-size) 0;
  position: relative;
}
header #subtext-logo {
  color: #000000;
  font-size: var(--font-size);
  display: block;
}
header a:focus {
  background-color: transparent;
}
header #header-actions {
  padding: 0px 24px;
  display: flex;
  flex-direction: row-reverse;
  gap: 48px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #1a5ba5;
  z-index: 2;
}
header #header-actions > div {
  display: inline;
}
header #header-actions a {
  color: #212121;
}
header #header-actions #language-switch {
  display: grid;
  place-items: center;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
}
header #header-actions #language-switch .language-btn {
  display: inline-block;
  border: 1px solid black;
  vertical-align: middle;
  background-color: #fff;
}
header #header-actions #language-switch .language-btn.active {
  background-color: #9c9c9c;
}
header #header-actions #language-switch .language-btn:hover {
  cursor: pointer;
  background-color: #a0a0a0;
}
header #header-actions #language-switch .language-btn a {
  display: inline-block;
  padding: 2px 16px;
}
header #header-actions #contact .material-symbols-rounded {
  color: #f5f5f5;
}
header #nav-btn-open {
  color: #1a5ba5;
  text-align: center;
  cursor: pointer;
}
@media screen and ((max-width: 599px)) {
  header #logo picture img {
    max-width: 240px;
  }
  header #logo #subtext-logo {
    font-size: calc(var(--font-size) * 1.25);
  }
}
@media screen and ((min-width: 600px)) {
  header #logo picture img {
    max-width: 240px;
  }
  header #subtext-logo {
    font-size: calc(var(--font-size) * 1.25);
  }
}
@media screen and ((min-width: 900px)) {
  header .inner {
    position: relative;
  }
  header .inner a {
    display: inline-block;
    color: #212121;
  }
  header .inner #logo {
    display: inline-block;
    width: fit-content;
  }
  header .inner #logo #subtext-logo {
    color: #000000;
  }
  header .inner #logo a {
    display: block;
    font-size: 0;
    line-height: 0;
  }
  header .inner #logo a picture {
    display: block;
  }
  header .inner #logo a picture img {
    display: block;
    height: calc(var(--font-size) * 4);
  }
  header .inner #logo #subtext-logo {
    font-weight: normal;
    margin-top: unset;
    font-size: var(--font-size);
    line-height: calc(var(--font-size) * 1.6);
  }
  header .inner #header-actions {
    position: unset;
    background-color: unset;
    display: grid;
    text-align: right;
  }
  header .inner #header-actions #language-switch {
    display: inline;
  }
  header .inner #header-actions #contact a i {
    color: #1a5ba5;
  }
  header .inner #nav-btn-open {
    display: none;
  }
}
@media screen and ((max-width: 599px)) {
  header {
    position: relative;
  }
  header #header-actions {
    padding: 0px 24px;
    display: flex;
    flex-direction: row-reverse;
    gap: 48px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #1a5ba5;
    z-index: 2;
  }
  header #header-actions > div {
    display: inline;
  }
  header #header-actions #language-switch {
    display: grid;
    place-items: center;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
  }
  header #header-actions #language-switch .language-btn {
    background-color: #fff;
  }
  header #header-actions #language-switch .language-btn.active {
    background-color: #999999;
  }
  header #header-actions #contact .material-symbols-rounded {
    color: #fafafa;
  }
}
nav {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #1a5ba5;
  color: #fafafa;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  z-index: 98;
}
nav a {
  display: block;
  color: white;
}
nav a:focus {
  background-color: transparent !important;
}
nav a.active {
  text-decoration: underline;
}
nav .inner {
  padding-top: 24px;
  padding-bottom: 24px;
}
nav .nav-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  border-radius: 50%;
  background-color: #fff;
  color: #000;
  aspect-ratio: 1;
  cursor: pointer;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
nav .nav-btn-hover:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  transition: box-shadow 0.25s ease-in-out;
}
@media screen and ((min-width: 900px)) {
  nav .nav-btn {
    display: none;
  }
}
nav .nav-item {
  padding: 8px 24px;
}
nav .nav-item .nav-item-content {
  display: none;
  padding: 8px 0px 0px 24px;
  border-bottom: 2px solid #dddddd;
}
nav .nav-item .nav-item-content ul {
  list-style-type: none;
  border-left: 2px solid #fff;
}
nav .nav-item.active {
  border-left: 4px solid #fff;
}
nav .nav-item.expanded .nav-item-content {
  display: block;
}
nav .language-btn {
  background-color: #ffffff;
}
@media screen and ((min-width: 600px)) {
  nav {
    max-width: 400px;
    width: 100%;
  }
  nav .nav-item .nav-item-text {
    cursor: pointer;
  }
  nav .nav-item.active {
    border-left: 8px solid #5685c4;
  }
}
@media screen and ((min-width: 900px)) {
  nav {
    display: block;
    background-color: #1a5ba5;
    position: relative;
    overflow-y: visible;
    max-width: unset;
    width: 100%;
    border-bottom: unset;
  }
  nav .inner .grid {
    gap: 24px;
  }
  nav .nav-item {
    display: inline;
    text-align: center;
    padding: 4px 4px;
  }
  nav .nav-item:has(> a) {
    padding: unset;
  }
  nav .nav-item:has(> a) a {
    display: block;
    padding: 4px 4px;
  }
  nav .nav-item .nav-item-content {
    display: none;
  }
  nav .nav-item.active {
    background-color: #eeeeee;
  }
  nav .nav-item.active .nav-item-text {
    color: #1a5ba5;
  }
  nav .nav-item.expanded {
    background-color: #eeeeee;
  }
  nav .nav-item.expanded .nav-item-text {
    color: #1a5ba5;
  }
  nav .nav-item.expanded .nav-item-content {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    color: #212121;
    padding: unset;
    z-index: 2;
  }
  nav .nav-item.expanded .nav-item-content a {
    color: #000;
  }
  nav .nav-item.expanded .nav-item-content a.active {
    color: #1a5ba5;
    text-decoration: none !important;
  }
  nav .nav-item.expanded .nav-item-content .grid {
    padding: 0;
    padding: 16px 0px;
  }
  nav .nav-item.expanded .nav-item-content .grid div {
    padding: 4px 12px;
    border-right: 2px solid #999999;
    text-align: right;
  }
  nav .nav-item.expanded .nav-item-content ul {
    list-style-type: none;
    border-left: unset;
  }
  nav .nav-item.expanded .nav-item-content ul li {
    text-align: right;
  }
  nav .nav-item.active {
    border-left: unset;
  }
  nav .nav-item:hover {
    background-color: #eeeeee;
  }
  nav .nav-item:hover .nav-item-text {
    color: #1a5ba5;
  }
  nav .nav-item:hover .nav-item-content {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    color: #212121;
    padding: unset;
    z-index: 2;
  }
  nav .nav-item:hover .nav-item-content a {
    color: #000;
  }
  nav .nav-item:hover .nav-item-content a.active {
    color: #1a5ba5;
    text-decoration: none !important;
  }
  nav .nav-item:hover .nav-item-content .grid {
    padding: 0;
    padding: 16px 0px;
  }
  nav .nav-item:hover .nav-item-content .grid div {
    padding: 4px 12px;
    border-right: 2px solid #999999;
    text-align: right;
  }
  nav .nav-item:hover .nav-item-content ul {
    list-style-type: none;
    border-left: unset;
  }
  nav .nav-item:hover .nav-item-content ul li {
    text-align: right;
  }
}
#hero-frontpage {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: fit-content;
  padding: calc(var(--font-size) * 2.5) 0 calc(var(--font-size) * 3) 0;
  background-image: url("/img/content/header/header.jpg");
}
#hero-frontpage.ev {
  background-image: url("/img/content/header/header-ev.jpg");
}
#hero-frontpage.gmbh {
  background-image: url("/img/content/header/header-gmbh.jpg");
}
#hero-frontpage #hero-frontpage-text h1 {
  font-size: calc(var(--font-size) * 2.5);
}
#hero-frontpage #hero-frontpage-text p,
#hero-frontpage #hero-frontpage-text h1,
#hero-frontpage #hero-frontpage-text h3 {
  color: #fafafa;
}
#hero-frontpage #hero-frontpage-farbbalken {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  background-color: #1a5ba5;
}
#hero-frontpage #hero-frontpage-farbbalken picture {
  display: block;
  line-height: 0;
  font-size: 0;
}
#hero-frontpage:not(:has(#hero-frontpage-text #hero-frontpage-description)) #hero-frontpage-text {
  margin-top: 48px;
}
#hero-frontpage:not(:has(#hero-frontpage-text #hero-frontpage-description)) #hero-frontpage-text h1 {
  margin: unset;
}
#hero-frontpage #hero-frontpage-description {
  width: 100%;
}
@media screen and ((min-width: 900px)) {
  #hero-frontpage #hero-frontpage-text {
    margin-left: 140px;
  }
}
@media screen and ((min-width: 900px)) {
  #hero-frontpage #hero-frontpage-description {
    max-width: 60%;
  }
}
article aside {
  padding: calc(var(--font-size) * 2) 0;
  height: min-content;
  max-height: 100vh;
}
article aside:not(.sub-navi-mitglieder) {
  display: none;
}
article aside:not(.sub-navi-mitglieder) ul {
  padding: unset;
}
article aside:not(.sub-navi-mitglieder) a:focus {
  background-color: transparent;
  color: #000000;
}
article aside:not(.sub-navi-mitglieder) > strong > a {
  color: #000000;
}
article aside.sub-navi-mitglieder {
  grid-column: span 12;
  max-height: unset;
  padding-bottom: unset;
}
article aside.sub-navi-mitglieder #sub-navi-mitglieder-entries {
  display: none;
}
article aside.sub-navi-mitglieder > ul {
  list-style-type: none;
}
article aside.sub-navi-mitglieder > ul > li {
  border-top: 1px solid #5685c4;
}
article aside.sub-navi-mitglieder > ul > li > ul {
  display: none;
  margin: unset;
  padding: unset;
  padding-left: 48px;
  list-style-type: none;
  padding-bottom: 4px;
}
article aside.sub-navi-mitglieder > ul > li > ul li a {
  color: black;
}
article aside.sub-navi-mitglieder > ul > li > a {
  display: block;
  padding: 4px 24px;
  color: #000000;
}
article aside.sub-navi-mitglieder > ul > li:last-child {
  border-bottom: 1px solid #5685c4;
}
article aside.sub-navi-mitglieder > ul > li.active > a {
  color: #1a5ba5;
}
article aside.sub-navi-mitglieder > ul > li.active > ul {
  display: block;
}
@media screen and ((min-width: 900px)) {
  article {
    position: relative;
  }
  article > .grid {
    gap: 36px;
  }
  article aside {
    position: sticky;
    top: 0px;
  }
  article aside:not(.sub-navi-mitglieder) {
    display: block;
  }
  article aside.sub-navi-mitglieder #sub-navi-mitglieder-toggle i {
    display: none;
  }
  article aside.sub-navi-mitglieder #sub-navi-mitglieder-entries {
    display: block;
  }
  article aside > ul {
    list-style-type: none;
  }
  article aside > ul > li {
    border-top: 1px solid #5685c4;
  }
  article aside > ul > li > ul {
    display: none;
    margin: unset;
    padding: unset;
    padding-left: 48px;
    list-style-type: none;
    padding-bottom: 4px;
  }
  article aside > ul > li > ul li a {
    color: black;
  }
  article aside > ul > li > a {
    display: block;
    padding: 4px 24px;
    color: #000000;
  }
  article aside > ul > li:last-child {
    border-bottom: 1px solid #5685c4;
  }
  article aside > ul > li.active > a {
    color: #1a5ba5;
  }
  article aside > ul > li.active > ul {
    display: block;
  }
}
section {
  padding: calc(var(--font-size) * 2) 0;
}
footer {
  margin-top: var(--font-size);
  background-color: #1a5ba5;
  color: #fafafa;
  padding: 40px 0px 0px 0px;
}
footer #mobile-divider {
  background-color: #fff;
}
@media ((min-width: 900px)) {
  footer #mobile-divider {
    display: none;
  }
}
footer ul {
  list-style-type: none;
  margin: unset;
  padding: unset;
}
footer a {
  color: #fafafa;
}
footer a:focus {
  background-color: transparent;
}
footer #impressum-datenschutz {
  position: relative;
  margin-top: calc(var(--font-size) * 1.25);
}
footer #impressum-datenschutz #impressum-datenschutz-text {
  position: inherit;
  padding: calc(var(--font-size) * 0.25) 0px;
  z-index: 2;
}
footer #impressum-datenschutz #impressum-datenschutz-text #link-impressum {
  padding-right: 12px;
}
footer #impressum-datenschutz #impressum-datenschutz-text #link-datenschutz {
  padding-left: 12px;
}
footer #impressum-datenschutz #impressum-datenschutz-bg {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  line-height: 0;
  font-size: 0;
  text-align: right;
  z-index: 1;
}
footer #impressum-datenschutz #impressum-datenschutz-bg picture {
  width: 100%;
  height: calc(var(--font-size) * 2);
}
footer #impressum-datenschutz #impressum-datenschutz-bg picture img {
  display: inline-block;
  height: calc(var(--font-size) * 2) !important;
}