html {
  scroll-padding-top: calc(7.9375rem + 1.5 * var(--block-spacing-block));
}
@media (max-width: 63.999em) {
  html {
    --max-content-width: 100%;
  }
}

.static {
  --outer-margin: var(--size-12);
  background-color: transparent;
}
@media (min-width: 64em) {
  .static {
    display: flex;
    gap: var(--spacing);
    justify-content: center;
  }
}
.static .page-title {
  margin-top: unset;
}
.static :is(h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6) {
  margin-top: 1ex;
  margin-bottom: 1ex;
  text-wrap: balance;
}
.static h4, .static .h4,
.static h5, .static .h5,
.static p > b {
  --spacer-end: var(--size-2);
}
.static p > b {
  display: block;
  margin-top: var(--size-6);
  margin-bottom: var(--spacer-end);
}
.static p[class|=ctr]::before {
  font-weight: var(--font-weight-strong);
}
.static section {
  margin-top: var(--spacing);
}
.static section:not(:last-child) {
  margin-bottom: calc(var(--spacing) * 2);
}
.static section p:last-child {
  margin-bottom: unset;
}

.content-checkbox {
  background-color: var(--surface-9);
}
.content-checkbox ul.check-list {
  list-style-type: "✓ ";
}
.content-checkbox ul.check-list > li {
  margin-bottom: var(--spacing);
}
.content-checkbox ul.check-list > li::marker {
  color: var(--accent-color);
}

.hint-wrapper {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing);
}

.info-box {
  background-color: var(--brand-accent-600);
  max-width: 50%;
  column-count: 1;
  align-self: start;
}

@media (max-width: 49.999em) {
  .hint-wrapper {
    flex-direction: column;
  }
  .info-box {
    margin-top: var(--spacing);
    max-width: unset;
  }
}
.static-content > section:not(:first-of-type) > :is(h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6) {
  text-align: left;
  column-span: all;
}
.static-content > section :is(p, li) {
  max-width: initial;
  text-align: justify;
  orphans: 2;
  widows: 2;
}
.static-content h1, .static-content .h1,
.static-content h2, .static-content .h2,
.static-content h3, .static-content .h3 {
  padding-left: 0;
}
@media (min-width: 64em) {
  .static-content > section {
    column-count: 2;
    column-gap: var(--size-5);
  }
  .static-content > section.triplet {
    column-count: 1;
    display: flex;
    flex-wrap: wrap;
  }
  .static-content > section.triplet p {
    flex-basis: calc(33.3333333333% - var(--size-5));
  }
  .static-content > section.triplet :not(p) {
    flex-basis: 100%;
  }
}
[id=static-career] .static-content > section {
  column-count: 1;
}
.static-content .content-checkbox {
  column-count: 1;
}
.static-content .short {
  column-count: 1;
  max-width: initial;
}

/* utilities.counter */
/* mixins.space */
.ctr {
  list-style: none;
}

.ctr {
  counter-set: level1 0 level2 1 level3 1;
}

@supports not (-moz-appearance: inherit) {
  .ctr {
    counter-reset: level1 0 level2 1 level3 1;
  }
}
.ctr > li,
.ctr .ctr-lv1 {
  counter-increment: level1;
  counter-reset: level2 level3;
}
.ctr > li > ol > li,
.ctr .ctr-lv2 {
  counter-increment: level2;
  counter-reset: level3;
}
.ctr > li > ol > li > ol > li,
.ctr .ctr-lv3 {
  counter-increment: level3;
}
.ctr > li::before,
.ctr .ctr-lv1::before {
  content: counter(level1) ". ";
}
.ctr > li > ol > li::before,
.ctr .ctr-lv2::before {
  content: counter(level1) "." counter(level2) " ";
}
.ctr > li > ol > li > ol > li::before,
.ctr .ctr-lv3::before {
  content: counter(level1) "." counter(level2) "." counter(level3) " ";
}
.ctr > li {
  --toc-indent: 2ch;
}
.ctr > li > ol > li {
  --toc-indent: 3ch;
}
.ctr > li > ol > li > ol > li {
  --toc-indent: 4ch;
}
.ctr li::before {
  font-variant-numeric: slashed-zero tabular-nums lining-nums;
  text-align: right;
  vertical-align: baseline;
}

@counter-style circled-alpha {
  system: fixed;
  symbols: Ⓐ Ⓑ Ⓒ Ⓓ Ⓔ Ⓕ Ⓖ Ⓗ Ⓘ Ⓙ Ⓚ Ⓛ Ⓜ Ⓝ Ⓞ Ⓟ Ⓠ Ⓡ Ⓢ Ⓣ Ⓤ Ⓥ Ⓦ Ⓧ Ⓨ Ⓩ;
  suffix: " ";
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-15.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-15.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-15.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-15.use[4]!./assets/styles/components/navigation/_menu.toc.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* components.navigation.footer */
/* mixins.color    */
/* utilities.hacks */
/* mixins.fallbacks */
/* mixins.numbers */
/* mixins.icons */
/* mixins.space */
.static .page-sidebar {
  padding-top: 0;
  padding-right: 0;
}

.page-sidebar {
  flex: 1;
  min-width: 25%;
}
.page-sidebar + article {
  flex: 3;
}

.menu-toc {
  --sticky-offset-top: calc(3.5rem + 2.5rem + 1.9375rem + var(--block-spacing-block));
  align-self: flex-start;
  top: 0;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--brand-accent-400) var(--brand-compl-600);
  max-height: 100vh;
}
@supports (max-height: 96dvh) {
  .menu-toc {
    max-height: 100vh;
  }
}
.menu-toc ol.menu {
  padding-left: 0;
  margin-right: 1em;
}
.menu-toc ol.menu > li {
  margin-bottom: var(--size-3);
}

.menu-toc li > ol{ padding-left: var(--toc-indent);}

.menu-toc li {
  list-style-type: none;
  text-indent: calc(-1 * var(--toc-indent, 2ch));
  padding-left: var(--toc-indent, 2ch);
}
.menu-toc .menu-item {
  display: inline-block;
}
.menu-toc .menu-item:before {
  vertical-align: top;
}
.menu-toc > .menu > .menu-item > ol {
  display: flex;
  flex-direction: column;
}
.menu-toc .menu-label {
  display: inline;
  vertical-align: baseline;
}
.menu-toc .current-heading {
  font-weight: var(--font-weight-extrabold);
  color: var(--menu-item-hilight-color);
}
.menu-toc .menu-link {
  display: inline;
  --menu-item-hilight-color: var(--brand-primary-400);
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-hyphens: none;
  hyphens: none;
}
.menu-toc .menu-link:hover {
  text-shadow: unset;
}
.menu-toc > ol > li > ol > li {
  margin-bottom: var(--size-1);
}

@media (max-width: 63.999em) {
  .page-sidebar {
    display: none;
    position: sticky;
    z-index: 30;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    padding: 0 !important;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
  }
  .page-sidebar .menu-toc {
    align-self: unset;
    background-color: var(--surface-8);
    padding: var(--spacing);
    max-height: 100%;
    max-width: 50ch;
  }
  .toc-open {
    position: fixed;
    bottom: var(--block-spacing-inline);
    left: var(--block-spacing-inline);
    z-index: 20;
    opacity: 0.8;
  }
  .toc-open:hover {
    opacity: 1;
  }
  .toc-open:focus ~ .page-sidebar,
  .toc-open:active ~ .page-sidebar,
  .page-sidebar:active {
    display: block;
    animation: fade-in 0.5s;
  }
}
@media (min-width: 64em) {
  .toc-open,
  button.close {
    display: none;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-15.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-15.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-15.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-15.use[4]!./assets/styles/components/_accordion.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
   * Accordion (<details>)
   */
[data-dir=rtl] details summary::after {
	float: left;
}

.accordion {
	display: block;
	margin-bottom: var(--spacing);
	border-bottom: var(--border-width) solid var(--accordion-border-color);
	padding: calc(var(--spacing) * 0.5);


}

.accordion summary {
	line-height: var(--font-lineheight-1);
	list-style-type: none;
	cursor: pointer;
}

.accordion summary::-webkit-details-marker {
	display: none;
}

.accordion summary::marker {
	display: none;
}

.accordion summary::-moz-list-bullet {
	list-style-type: none;
}

.accordion summary::after {
	display: block;
	width: 1rem;
	height: 1.2rem;
	float: right;
	transform: rotate(-90deg);
	background-image: var(--icon-chevron);
	background-position: center;
	background-size: 1rem auto;
	content: "";
}

@media (prefers-reduced-motion: no-preference) {
	.accordion summary::after {
		transition: transform var(--transition);
	}
}

.accordion summary:focus {
	outline: none;
}

.accordion summary~* {
	margin-top: calc(var(--spacing) * 0.5);
}

.accordion summary~*~* {
	margin-top: 0;
}

.accordion[open]>summary {
	margin-bottom: calc(var(--spacing) * 0.25);
}

.accordion[open]>summary::after {
	transform: rotate(0);
}

.accordion p {
	border-top: 1px dashed var(--surface-6);
  	padding-top: 1em;

}

/* Timeline */
.timeline {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  --w-timeline: 4px;
  /* WiA Timeline */
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: var(--w-timeline);
  background-color: var(--surface-8);
  left: 50%;
  margin-left: calc(var(--w-timeline) / 2);
}
.timeline .timeline-box {
  display: flex;
  margin-bottom: var(--spacing);
}
.timeline .timeline-box .timeline-content-wrapper {
  width: 50%;
}
.timeline .timeline-box .timeline-content-wrapper * {
  -webkit-hyphens: auto;
  hyphens: auto;
}
.timeline .timeline-box .timeline-content-wrapper:before {
  content: "⊙";
  font-size: var(--font-size-fluid-2);
  line-height: 0.5;
  position: absolute;
  top: 0.5em;
}
.timeline .timeline-box .timeline-content-wrapper img {
  width: 50%;
}
.timeline .timeline-box:nth-of-type(even) {
  justify-content: flex-end;
}
.timeline .timeline-box:nth-of-type(even) > .timeline-content-wrapper {
  padding-left: calc(var(--block-spacing-inline) * 1.5 + var(--w-timeline));
}
.timeline .timeline-box:nth-of-type(even) .timeline-content-wrapper:before {
  left: -0.25em;
}
.timeline .timeline-box:nth-of-type(odd) > .timeline-content-wrapper {
  padding-right: calc(var(--block-spacing-inline) * 1.5);
}
.timeline .timeline-box:nth-of-type(odd) > .timeline-content-wrapper > :is(div, p, h5) {
  max-width: unset;
  text-align: right;
}
.timeline .timeline-box:nth-of-type(odd) .timeline-content-wrapper:before {
  left: calc(100% - 0.25em);
}
.timeline .timeline-box h5 {
  margin-bottom: var(--size-2);
  margin-top: unset;
}
.timeline .timeline-box .timeline-year {
  font-size: var(--font-size-fluid-2);
}
.timeline .timeline-box:nth-of-type(3n) .timeline-content-wrapper > .timeline-year,
.timeline .timeline-box:nth-of-type(3n) .timeline-content-wrapper:before {
  color: var(--brand-secondary-400);
}
.timeline .timeline-box:nth-of-type(3n+1) .timeline-content-wrapper > .timeline-year,
.timeline .timeline-box:nth-of-type(3n+1) .timeline-content-wrapper:before {
  color: var(--brand-primary-400);
}
.timeline .timeline-box:nth-of-type(3n+2) .timeline-content-wrapper > .timeline-year,
.timeline .timeline-box:nth-of-type(3n+2) .timeline-content-wrapper:before {
  color: var(--brand-accent-400);
}