/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
 Grid settings
========================================================================== */
/* Padding between columns. Gets divided in half for the left and right. */
/* Number of columns in the grid.*/
/* Article max-width */
/* My pages right column min width */
/* ==========================================================================
 Breakpoint sizes
========================================================================== */
/* ==========================================================================
Fonts
========================================================================== */
/* ==========================================================================
Colors
========================================================================== */
/*Brand colors*/
/*Other-colors*/
/* ==========================================================================
Misc
========================================================================== */
/* ==========================================================================
Spacings
========================================================================== */
.organisationInfo, .jobDetails, .todo, .login-content, .informationBox-column, .related, .support-content, .colorBlock-column, .listBlock-column, .errorbox, .faq, .hero-content, .hero-media, .mypages-leftCol, .mypages-rightCol, .navigationLeft-list--level2, .navigationLeft-info, .navigation-list--level2, .navigation-info, .footer-content, .header-content, .flexcol--full, .demo-col-1, .demo-col-2, .demo-col-3, .demo-col-4, .demo-col-5, .demo-col-6, .demo-col-7, .demo-col-8, .demo-col-9, .demo-col-10, .demo-col-11, .demo-col-12, .demo-col-13 {
  padding-right: 16px;
  padding-left: 16px;
  flex: 0 0 100%;
  max-width: 100%;
}

@media only screen and (min-width: 1024px) {
  .demo-col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .listBlock-column:last-child, .demo-offset-1 {
    margin-left: 8.3333333333%;
  }
  .demo-col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .login-content, .demo-offset-2 {
    margin-left: 16.6666666667%;
  }
  .footer--mypages .footer-content--last, .demo-col-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .support-content, .demo-offset-3 {
    margin-left: 25%;
  }
  .navigation-list--level2, .footer--mypages .footer-content--middle, .footer-content, .demo-col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .demo-offset-4 {
    margin-left: 33.3333333333%;
  }
  .listBlock-column:first-child, .mypages-rightCol, .footer--mypages .footer-content--first, .demo-col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .demo-offset-5 {
    margin-left: 41.6666666667%;
  }
  .support-content, .listBlock-column:last-child, .hero-content, .hero-media, .demo-col-6, .demo-col-8 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .demo-offset-6 {
    margin-left: 50%;
  }
  .mypages-leftCol, .demo-col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .demo-offset-7 {
    margin-left: 58.3333333333%;
  }
  .login-content, .navigation-info {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .demo-offset-8 {
    margin-left: 66.6666666667%;
  }
  .demo-col-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .demo-offset-9 {
    margin-left: 75%;
  }
  .demo-col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .demo-offset-10 {
    margin-left: 83.3333333333%;
  }
  .demo-col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .demo-offset-11 {
    margin-left: 91.6666666667%;
  }
  .demo-col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .demo-offset-12 {
    margin-left: 100%;
  }
}
/* ==========================================================================
 Commons
 ========================================================================== */
.informationCards-list, .situationCards-list, .organisationInfo-list, .aiChat-messageLinks, .interviewQuestions-list, .jobDetails-documentsList, .employerTransitSupportSummaryList, .employerTransitSupport-sendStatusList, .digitalTools-list, .articleTeasers-list, .imageTeasers-list, .linkList-list, .searchresult, .tablist, .cv-filter, .cv-evaluationList, .cv-evaluationErrorList, .todo-list, .related-list, .steps-list, .support-resultList, .linkBlock-list, .listBlock-list, .list-list, .media-playlist > ul, .faq-list, .paging-list, .article-list, .form-errorbox ul, .form-filesList, .form-valueList, .breadcrumb-list, .navigationLeft-quickList, .navigation-quickList, .footer-list, .header-mypagesDialogList, .header-mypagesOrganisationsList, .header-quicknav, .listreset {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.rz-grid-filter-buttons .rz-button.rz-primary, .rz-grid-filter-buttons .rz-button.rz-primary.rz-shade-default, .rz-grid-filter-buttons .rz-button.rz-secondary, .rz-grid-filter-buttons .rz-button.rz-secondary.rz-shade-default, .tooltip, .aiChat-messageLinksLink, .jobDetails-showMoreButton, .employerTransitSupport-readMoreLink, .box-more, .searchresult-faqButton, .cv-filterButton, .cv-actionCellButton, .cv-actionButton, .cv-detailsButton, .cv-evaluationButton, .table-actionButton, .accordion-button, .dialogButton--close, .contact-button, .contact-close, .login-dialogButton--close, .login-boxButton, .informationBox-close, .support-link, .support-resultLink, .media-container--video, .media-playlistButton:is(button), .errorbox-button, .faq-button, .form-personRemove, .form-fileRemove, .button, .navigationLeft-toggle, .navigation-toggle, .header-mypages, .header-cancel, .header-menu {
  background: transparent;
  border: none;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.informationCard-link, .situationCard-link, .digitalTool-link, .imageTeaser-link, .todo-showMore > a, .listBlock-link, .imageText2-link, .imageText-link, .media-playlistButton:is(a), .navigationLeft-link, .navigationLeft-language, .navigationLeft-infoLink, .navigation-link, .navigation-language, .navigation-infoLink, .header-mypagesOrganisationsItem {
  text-decoration: none;
  color: inherit;
}

.organisationBox > :first-child, .aiChat-messageText > :first-child, .interviewQuestions-list > :first-child, .articleTeaser-preamble > :first-child, .box-body:has(.box-more[data-show=less]) .box-moreText > :first-child, .counter-intro > :first-child, .counter-summary > :first-child, .counter-warning > :first-child, .counter-text > :first-child, .contact-partContent > :first-child, .login-header > :first-child, .login-preamble > :first-child, .informationBox-content > :first-child, .related-list > :first-child, .related-itemText > :first-child, .steps-list > :first-child, .support-result > :first-child, .support-resultBody > :first-child, .colorBlock--blue .colorBlock-body > :first-child, .colorBlock--green .colorBlock-body > :first-child, .colorBlock--yellow .colorBlock-body > :first-child, .linkBlock > :first-child, .linkBlock-list > :first-child, .listBlock-list > :first-child, .listBlock-item > :first-child, .listBlock-itemContent > :first-child, .listBlock-itemText > :first-child, .imageText2-body > :first-child, .imageText-preamble > :first-child, .media-preamble > :first-child, .media-figcaption > :first-child, .media-playlist > :first-child, .errorbox-preamble > :first-child, .faq-preamble > :first-child, .hero-header > :first-child, .hero-preamble > :first-child, .article > :first-child, .article-preamble > :first-child, .article-body > :first-child, .form-box > :first-child, .form-text > :first-child, .mypages-fullCol--green .contentarea > :first-child, .paragraf > :first-child {
  margin-top: 0;
}
.organisationBox > :last-child, .aiChat-messageText > :last-child, .interviewQuestions-list > :last-child, .articleTeaser-preamble > :last-child, .box-body:has(.box-more[data-show=less]) .box-moreText > :last-child, .counter-intro > :last-child, .counter-summary > :last-child, .counter-warning > :last-child, .counter-text > :last-child, .contact-partContent > :last-child, .login-header > :last-child, .login-preamble > :last-child, .informationBox-content > :last-child, .related-list > :last-child, .related-itemText > :last-child, .steps-list > :last-child, .support-result > :last-child, .support-resultBody > :last-child, .colorBlock--blue .colorBlock-body > :last-child, .colorBlock--green .colorBlock-body > :last-child, .colorBlock--yellow .colorBlock-body > :last-child, .linkBlock > :last-child, .linkBlock-list > :last-child, .listBlock-list > :last-child, .listBlock-item > :last-child, .listBlock-itemContent > :last-child, .listBlock-itemText > :last-child, .imageText2-body > :last-child, .imageText-preamble > :last-child, .media-preamble > :last-child, .media-figcaption > :last-child, .media-playlist > :last-child, .errorbox-preamble > :last-child, .faq-preamble > :last-child, .hero-header > :last-child, .hero-preamble > :last-child, .article > :last-child, .article-preamble > :last-child, .article-body > :last-child, .form-box > :last-child, .form-text > :last-child, .mypages-fullCol--green .contentarea > :last-child, .paragraf > :last-child {
  margin-bottom: 0;
}

.informationCard, .situationCard, .organisationInfo, .organisationBox, .jobDetails, .digitalTool, .articleTeasers--featured .articleTeaser-image, .imageTeaser-wrapper, .box--radius, .spinner-container, .todo, .dialog, .impersonate-box, .login-dialog, .login-box, .person-image, .related-item, .colorBlock--radius, .linkBlock, .imageText-image, .errorbox, .faq, .hero-image, .hero-videoContainer, .article-image, .form-box, .form-created, .form-errorbox, .form-summaryContainer, .footer-contacts {
  border-radius: 0 24px;
}
@media only screen and (min-width: 1024px) {
  .informationCard, .situationCard, .organisationInfo, .organisationBox, .jobDetails, .digitalTool, .articleTeasers--featured .articleTeaser-image, .imageTeaser-wrapper, .box--radius, .spinner-container, .todo, .dialog, .impersonate-box, .login-dialog, .login-box, .person-image, .related-item, .colorBlock--radius, .linkBlock, .imageText-image, .errorbox, .faq, .hero-image, .hero-videoContainer, .article-image, .form-box, .form-created, .form-errorbox, .form-summaryContainer, .footer-contacts {
    border-radius: 0 48px;
  }
}

.srOnly {
  position: absolute;
  left: -99999em;
  width: 1rem;
  height: 1rem;
  padding: 0;
  margin: -1rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.support-input, .form-label--radiogroup, .form-label--checkboxgroup, .paragraf {
  font-size: 1.6rem;
  line-height: 2.3rem;
}
@media only screen and (min-width: 1024px) {
  .support-input, .form-label--radiogroup, .form-label--checkboxgroup, .paragraf {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
}

.informationCard-text, .situationCard-text, .organisationInfo-orgData, .organisationInfo-emptyList, .imageTeaser-preamble, .counter-intro, .counter-warning, .counter-text, .imageText2-body > *, .media-playlistButton, .errorbox-preamble, .mypagesStart-contactPersonData, .mypagesStart-contactPersonMeeting, .mypagesStart-contactInfo > p, .mypagesStart-studySupportBoxText, .navigation-quickLink, .header-mypages, .header-mypagesLink, .header-mypagesOrganisationsItem {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.743;
}
@media only screen and (min-width: 1024px) {
  .informationCard-text, .situationCard-text, .organisationInfo-orgData, .organisationInfo-emptyList, .imageTeaser-preamble, .counter-intro, .counter-warning, .counter-text, .imageText2-body > *, .media-playlistButton, .errorbox-preamble, .mypagesStart-contactPersonData, .mypagesStart-contactPersonMeeting, .mypagesStart-contactInfo > p, .mypagesStart-studySupportBoxText, .navigation-quickLink, .header-mypages, .header-mypagesLink, .header-mypagesOrganisationsItem {
    font-size: 1.8rem;
    line-height: 1.55;
  }
}

.interviewQuestionsForm .form-label--radio, .jobDetails-showMoreButton, .jobDetails-preamble, .jobDetails-sectionText, .validationTooltip, .articleTeaser-preamble, .contact-partContent p, .contact-partContent a, .person-email, .person-phone, .media-figcaption--small > p, .media-playlist--small > p, .form-label:not(.form-label--radio:not(.form-label--radioSmall)), .form-input, .form-textarea, .form-select, .form-errorText, .form-inputDescription, .form-errorboxLink, .validation-message, .paragraf-small {
  font-size: 1.4rem;
  line-height: 2.1rem;
}
@media only screen and (min-width: 1024px) {
  .interviewQuestionsForm .form-label--radio, .jobDetails-showMoreButton, .jobDetails-preamble, .jobDetails-sectionText, .validationTooltip, .articleTeaser-preamble, .contact-partContent p, .contact-partContent a, .person-email, .person-phone, .media-figcaption--small > p, .media-playlist--small > p, .form-label:not(.form-label--radio:not(.form-label--radioSmall)), .form-input, .form-textarea, .form-select, .form-errorText, .form-inputDescription, .form-errorboxLink, .validation-message, .paragraf-small {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

.progressbar-label, .aiChat-sectionHeading, .aiChat-messageAuthor, .status-display .status-info, .todo-subTitle, .listBlock-itemDate, .header-mypagesOrganisationsHeading, .paragraf-mini {
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.organisationInfo-listHeading, .employerTransitSupportSummaryList-itemDataHeading, .counter-summary, .media-preamble, .media-overlayText, .lead {
  font-size: 1.8rem;
  line-height: 2.3rem;
}
@media only screen and (min-width: 1024px) {
  .organisationInfo-listHeading, .employerTransitSupportSummaryList-itemDataHeading, .counter-summary, .media-preamble, .media-overlayText, .lead {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}

.articleTeaser-heading, .informationCard-link, .situationCard-link, .organisationBox-heading, .organisationBox-orgNumber, .jobDetails-footerLink, .digitalTool-link, .imageTeaser-link, .box-link, .counter-link, .todo-showMore > a, .form-label--large:not(.form-label--large--radio), h5,
.h5, .informationCard-heading, .situationCard-heading, .jobDetails-sectionHeading, .imageTeaser-heading, .box-heading, .todo-heading, .imageText2-heading, .mypagesStart-infoBoxHeading, .mypagesStart-studySupportBoxHeading, h4,
.h4, h3,
.h3, .informationCards-heading, .situationCards-heading, .jobDetails-heading, .digitalTools-heading, .articleTeasers-heading, .imageTeasers-heading, .mypagesStart-studySupportHeading, h2,
.h2, h1,
.h1 {
  font-family: "DM Serif Text", serif;
  margin: 0;
  font-weight: 400;
}

h1,
.h1 {
  font-size: 3.2rem;
  line-height: 1.125;
}
@media only screen and (min-width: 1024px) {
  h1,
  .h1 {
    font-size: 4.8rem;
    line-height: 1.167;
  }
}

.informationCards-heading, .situationCards-heading, .jobDetails-heading, .digitalTools-heading, .articleTeasers-heading, .imageTeasers-heading, .mypagesStart-studySupportHeading, h2,
.h2 {
  font-size: 2.6rem;
  line-height: 1.15;
}
@media only screen and (min-width: 1024px) {
  .informationCards-heading, .situationCards-heading, .jobDetails-heading, .digitalTools-heading, .articleTeasers-heading, .imageTeasers-heading, .mypagesStart-studySupportHeading, h2,
  .h2 {
    font-size: 4rem;
    line-height: 1.2;
  }
}

h3,
.h3 {
  font-size: 2.2rem;
  line-height: 1.27;
}
@media only screen and (min-width: 1024px) {
  h3,
  .h3 {
    font-size: 3.2rem;
    line-height: 1.13;
  }
}

.informationCard-heading, .situationCard-heading, .jobDetails-sectionHeading, .imageTeaser-heading, .box-heading, .todo-heading, .imageText2-heading, .mypagesStart-infoBoxHeading, .mypagesStart-studySupportBoxHeading, h4,
.h4 {
  font-size: 2rem;
  line-height: 1.25;
}
@media only screen and (min-width: 1024px) {
  .informationCard-heading, .situationCard-heading, .jobDetails-sectionHeading, .imageTeaser-heading, .box-heading, .todo-heading, .imageText2-heading, .mypagesStart-infoBoxHeading, .mypagesStart-studySupportBoxHeading, h4,
  .h4 {
    font-size: 2.4rem;
    line-height: 1.33;
  }
}

.informationCard-link, .situationCard-link, .organisationBox-heading, .organisationBox-orgNumber, .jobDetails-footerLink, .digitalTool-link, .imageTeaser-link, .box-link, .counter-link, .todo-showMore > a, .form-label--large:not(.form-label--large--radio), h5,
.h5 {
  font-size: 1.8rem;
  line-height: 1.28;
}
@media only screen and (min-width: 1024px) {
  .informationCard-link, .situationCard-link, .organisationBox-heading, .organisationBox-orgNumber, .jobDetails-footerLink, .digitalTool-link, .imageTeaser-link, .box-link, .counter-link, .todo-showMore > a, .form-label--large:not(.form-label--large--radio), h5,
  .h5 {
    font-size: 2rem;
    line-height: 1.4;
  }
}

.aiChat-messageLinksLink, .jobDetails-showMoreButton, .box-more, a {
  color: #000000;
}
.aiChat-messageLinksLink:hover, .jobDetails-showMoreButton:hover, .box-more:hover, a:hover {
  text-decoration: underline;
  color: #1c4206;
}

.informationCard-link, .situationCard-link, .jobDetails-footerLink, .digitalTool-link, .imageTeaser-link, .box-link, .counter-link, .todo-showMore > a, .imageText2-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.informationCard-link:before, .situationCard-link:before, .jobDetails-footerLink:before, .digitalTool-link:before, .imageTeaser-link:before, .box-link:before, .counter-link:before, .todo-showMore > a:before, .imageText2-link:before {
  content: "";
  width: 32px;
  height: 32px;
  background-color: currentColor;
  -webkit-mask-image: url("../images/pagination_next_page.svg");
          mask-image: url("../images/pagination_next_page.svg");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.informationCard-link:hover, .situationCard-link:hover, .jobDetails-footerLink:hover, .digitalTool-link:hover, .imageTeaser-link:hover, .box-link:hover, .counter-link:hover, .todo-showMore > a:hover, .imageText2-link:hover {
  text-decoration: underline;
}
.informationCard-link:hover:before, .situationCard-link:hover:before, .jobDetails-footerLink:hover:before, .digitalTool-link:hover:before, .imageTeaser-link:hover:before, .box-link:hover:before, .counter-link:hover:before, .todo-showMore > a:hover:before, .imageText2-link:hover:before {
  animation: knock-left 3000ms ease-in-out infinite;
}

/* ==========================================================================
 Grid components
 ========================================================================== */
.login-container, .informationBox-container, .support-container, .colorBlock-container, .listBlock-container, .hero-container, .mypages, .mypages-fullColContainer, .mypages-centerContent--container, .navigationLeft-wrapper, .navigation-wrapper, .footer-wrapper, .header-wrapper, .container, .container--main {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .login-container, .informationBox-container, .support-container, .colorBlock-container, .listBlock-container, .hero-container, .mypages, .mypages-fullColContainer, .mypages-centerContent--container, .navigationLeft-wrapper, .navigation-wrapper, .footer-wrapper, .header-wrapper, .container, .container--main {
    max-width: 1240px;
  }
}
@media only screen and (min-width: 1240px) {
  .login-container, .informationBox-container, .support-container, .colorBlock-container, .listBlock-container, .hero-container, .mypages, .mypages-fullColContainer, .mypages-centerContent--container, .navigationLeft-wrapper, .navigation-wrapper, .footer-wrapper, .header-wrapper, .container, .container--main {
    max-width: 1512px;
  }
}

.row, .login-wrapper, .informationBox-wrapper, .support-wrapper, .listBlock-wrapper, .hero-wrapper, .mypages-row, .navigationLeft-row, .navigation-row, .footer-inner, .header-inner, .flexrow {
  display: block;
  margin-left: -16px;
  margin-right: -16px;
}

.login-wrapper, .informationBox-wrapper, .support-wrapper, .listBlock-wrapper, .hero-wrapper, .mypages-row, .navigationLeft-row, .navigation-row, .footer-inner, .header-inner, .flexrow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/*
    Placeholders for columns are generated in _mixins.scss
    Gnerated placeholders are:
    .col-sm-{1-n}
    .col-md-{1-n}
    .col-lg-{1-n}
    where n is number of columns declared in  _variables.scss
*/
.login, .support, .colorBlock, .listBlock, .hero, .mypages-fullCol, .breakout, .fill {
  min-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* ==========================================================================
 Other
 ========================================================================== */
.jobDetails-showMoreButton:after, .todo-info:before, .contact-button:after, .form-box--info > :first-child:before, .form-box--info--full:before, .form-inputWrapper--date:after, .form-person:before {
  background: #000000;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.form--loading {
  color: transparent !important;
  position: relative;
  opacity: 0.8;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.form--loading:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 1.5em;
  height: 1.5em;
  margin: auto;
  border: 3px solid transparent;
  border-left-color: #000000;
  border-right-color: #000000;
  border-radius: 50%;
  animation: 1s loading-button linear infinite;
}

.debug * {
  background-color: rgba(255, 0, 0, 0.2);
}
.debug * * {
  background-color: rgba(0, 255, 0, 0.2);
}
.debug * * * {
  background-color: rgba(0, 0, 255, 0.2);
}
.debug * * * * {
  background-color: rgba(255, 0, 255, 0.2);
}
.debug * * * * * {
  background-color: rgba(0, 255, 255, 0.2);
}
.debug * * * * * * {
  background-color: rgba(255, 255, 0, 0.2);
}
.debug * * * * * * * {
  background-color: rgba(255, 0, 0, 0.2);
}
.debug * * * * * * * * {
  background-color: rgba(0, 255, 0, 0.2);
}
.debug * * * * * * * * * {
  background-color: rgba(0, 0, 255, 0.2);
}

.fill {
  background-color: pink;
}

@keyframes come-in {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes come-in-horizontal {
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes glide-in {
  to {
    transform: scale(100%);
  }
}
@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.15);
  }
  25% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.15);
  }
  35% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(1.1, 0.9) translateY(0);
  }
  30% {
    transform: scale(0.9, 1.1) translateY(-5px);
  }
  50% {
    transform: scale(1.05, 0.95) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(-7px);
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes knock-right {
  0%, 5%, 15%, 25%, 100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-2px);
  }
  20% {
    transform: translateX(-4px);
  }
}
@keyframes knock-up {
  0%, 5%, 15%, 25%, 100% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-2px);
  }
  20% {
    transform: translateY(-4px);
  }
}
@keyframes knock-right-slow {
  0%, 5%, 15%, 25%, 100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-1px);
  }
  20% {
    transform: translateX(-2px);
  }
}
@keyframes knock-left {
  0%, 5%, 15%, 25%, 100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(2px);
  }
  20% {
    transform: translateX(4px);
  }
}
@keyframes knock-down {
  0%, 5%, 15%, 25%, 100% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(2px);
  }
  20% {
    transform: translateY(4px);
  }
}
@keyframes rotate {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
/* ==========================================================================
 General Framework styles
 ========================================================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

*:focus {
  outline-offset: 3px !important;
}

:target {
  scroll-margin-block: 145px;
}

html,
body {
  height: 100%;
}

body {
  overflow-x: hidden;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
body.mce-content-body {
  padding: 5px !important;
}
body.open-overlay {
  overflow: hidden;
}
body.open-overlay .header {
  position: fixed;
}

iframe {
  display: block;
}

p:not([class]) {
  margin-block: 16px;
}

img {
  max-width: 100%;
  display: block;
}

.hidden {
  display: none;
}

.is-open {
  display: block;
}

.hide-mobile {
  display: none !important;
}
@media only screen and (min-width: 1024px) {
  .hide-mobile {
    display: initial !important;
  }
}

@media only screen and (min-width: 1024px) {
  .hide-desktop {
    display: none !important;
  }
}

/* ==========================================================================
 Framework components
 ========================================================================== */
.main {
  color: #000000;
  flex: 1;
  padding-bottom: 32px;
  padding-top: 64px;
}
.main > :first-child:not(.informationBox) {
  margin-top: 32px;
}
@media only screen and (min-width: 1024px) {
  .main > :first-child:not(.informationBox) {
    margin-top: 48px;
  }
  .main {
    padding-top: 135px;
    padding-bottom: 64px;
  }
}
.main--mypages {
  padding-bottom: 32px;
}
@media only screen and (max-width: 767.9px) {
  .main--mypages {
    padding-bottom: 64px;
  }
}
@media only screen and (min-width: 1024px) {
  .main--mypages {
    padding-top: 119px;
  }
}
.main--mypages p:not([class]),
.main--mypages .article-heading,
.main--mypages p.article-preamble {
  max-width: 794px;
}

.informationBox + .container--main .hero {
  margin-top: 0;
}

@media only screen and (min-width: 1024px) {
  .container--clean {
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .container--main {
    padding-inline: 64px;
  }
}

.flexrow {
  justify-content: center;
}

.overlay {
  display: none;
  background: #11243f;
  opacity: 0.65;
  position: fixed;
  inset: 0;
  z-index: 10;
  cursor: pointer;
}

.open-overlay .overlay {
  display: block;
}

[data-card] {
  cursor: pointer;
}

#epi-quickNavigator {
  display: none !important;
}
@media only screen and (min-width: 1024px) {
  #epi-quickNavigator {
    display: inline-block !important;
    top: -34px !important;
    transition: top 0.1s ease-in-out;
  }
  #epi-quickNavigator:hover {
    transition: top 0.3s ease-in-out;
    top: 0 !important;
  }
}

.text-right {
  text-align: right;
}

.text-maxHeight {
  max-height: 130px;
  overflow-x: auto;
}

.searchHits {
  margin-top: 32px;
  margin-bottom: 0px;
  font-size: 1.8rem;
  color: #69665a;
}
.searchHits-highlight {
  font-weight: bold;
}

@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/Atkinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-Regular.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/Atkinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-Italic.ttf") format("opentype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/Atkinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-ExtraLight.ttf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/Atkinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-ExtraLightItalic.ttf") format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/Atkinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-Light.ttf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/Atkinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-LightItalic.ttf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/Atkinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-Medium.ttf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/Atkinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-MediumItalic.ttf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/Atkinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-SemiBold.ttf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/Atkinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-SemiBoldItalic.ttf") format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/Atkinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-SemiBold.ttf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/Atkinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-SemiBoldItalic.ttf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/Atkinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-ExtraBold.ttf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/Atkinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-ExtraBoldItalic.ttf") format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DM Serif Text";
  src: url("../fonts/DM_Serif_Text/DMSerifText-Regular.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Serif Text";
  src: url("../fonts/DM_Serif_Text/DMSerifText-Italic.ttf") format("opentype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: "Atkinson Hyperlegible Next", sans-serif;
  color: #000000;
  font-size: 1.6rem;
  line-height: 2.3rem;
}
@media only screen and (min-width: 1024px) {
  body {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: "DM Serif Text", serif;
  margin: 0;
  font-weight: normal;
}

h1,
.h1 {
  margin-bottom: 32px;
}

.m-0 {
  margin: 0px;
}

.m-8 {
  margin: 8px;
}

.m-16 {
  margin: 16px;
}

.m-32 {
  margin: 32px;
}

.m-64 {
  margin: 64px;
}

.mt-0 {
  margin-top: 0px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-64 {
  margin-top: 64px;
}

.mr-0 {
  margin-right: 0px;
}

.mr-8 {
  margin-right: 8px;
}

.mr-16 {
  margin-right: 16px;
}

.mr-32 {
  margin-right: 32px;
}

.mr-64 {
  margin-right: 64px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-64 {
  margin-bottom: 64px;
}

.ml-0 {
  margin-left: 0px;
}

.ml-8 {
  margin-left: 8px;
}

.ml-16 {
  margin-left: 16px;
}

.ml-32 {
  margin-left: 32px;
}

.ml-64 {
  margin-left: 64px;
}

.mx-0 {
  margin-inline: 0px;
}

.mx-8 {
  margin-inline: 8px;
}

.mx-16 {
  margin-inline: 16px;
}

.mx-32 {
  margin-inline: 32px;
}

.mx-64 {
  margin-inline: 64px;
}

.my-0 {
  margin-block: 0px;
}

.my-8 {
  margin-block: 8px;
}

.my-16 {
  margin-block: 16px;
}

.my-32 {
  margin-block: 32px;
}

.my-64 {
  margin-block: 64px;
}

.p-0 {
  padding: 0px;
}

.p-8 {
  padding: 8px;
}

.p-16 {
  padding: 16px;
}

.p-32 {
  padding: 32px;
}

.p-64 {
  padding: 64px;
}

.pt-0 {
  padding-top: 0px;
}

.pt-8 {
  padding-top: 8px;
}

.pt-16 {
  padding-top: 16px;
}

.pt-32 {
  padding-top: 32px;
}

.pt-64 {
  padding-top: 64px;
}

.pr-0 {
  padding-right: 0px;
}

.pr-8 {
  padding-right: 8px;
}

.pr-16 {
  padding-right: 16px;
}

.pr-32 {
  padding-right: 32px;
}

.pr-64 {
  padding-right: 64px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pb-32 {
  padding-bottom: 32px;
}

.pb-64 {
  padding-bottom: 64px;
}

.pl-0 {
  padding-left: 0px;
}

.pl-8 {
  padding-left: 8px;
}

.pl-16 {
  padding-left: 16px;
}

.pl-32 {
  padding-left: 32px;
}

.pl-64 {
  padding-left: 64px;
}

.px-0 {
  padding-inline: 0px;
}

.px-8 {
  padding-inline: 8px;
}

.px-16 {
  padding-inline: 16px;
}

.px-32 {
  padding-inline: 32px;
}

.px-64 {
  padding-inline: 64px;
}

.py-0 {
  padding-block: 0px;
}

.py-8 {
  padding-block: 8px;
}

.py-16 {
  padding-block: 16px;
}

.py-32 {
  padding-block: 32px;
}

.py-64 {
  padding-block: 64px;
}

.m-block-block {
  margin: 32px;
}
@media only screen and (min-width: 1024px) {
  .m-block-block {
    margin: 64px;
  }
}

.m-element-element {
  margin: 16px;
}
@media only screen and (min-width: 1024px) {
  .m-element-element {
    margin: 32px;
  }
}

.mt-block-block {
  margin-top: 32px;
}
@media only screen and (min-width: 1024px) {
  .mt-block-block {
    margin-top: 64px;
  }
}

.mt-element-element {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .mt-element-element {
    margin-top: 32px;
  }
}

.mr-block-block {
  margin-right: 32px;
}
@media only screen and (min-width: 1024px) {
  .mr-block-block {
    margin-right: 64px;
  }
}

.mr-element-element {
  margin-right: 16px;
}
@media only screen and (min-width: 1024px) {
  .mr-element-element {
    margin-right: 32px;
  }
}

.mb-block-block {
  margin-bottom: 32px;
}
@media only screen and (min-width: 1024px) {
  .mb-block-block {
    margin-bottom: 64px;
  }
}

.mb-element-element {
  margin-bottom: 16px;
}
@media only screen and (min-width: 1024px) {
  .mb-element-element {
    margin-bottom: 32px;
  }
}

.ml-block-block {
  margin-left: 32px;
}
@media only screen and (min-width: 1024px) {
  .ml-block-block {
    margin-left: 64px;
  }
}

.ml-element-element {
  margin-left: 16px;
}
@media only screen and (min-width: 1024px) {
  .ml-element-element {
    margin-left: 32px;
  }
}

.mx-block-block {
  margin-inline: 32px;
}
@media only screen and (min-width: 1024px) {
  .mx-block-block {
    margin-inline: 64px;
  }
}

.mx-element-element {
  margin-inline: 16px;
}
@media only screen and (min-width: 1024px) {
  .mx-element-element {
    margin-inline: 32px;
  }
}

.my-block-block {
  margin-block: 32px;
}
@media only screen and (min-width: 1024px) {
  .my-block-block {
    margin-block: 64px;
  }
}

.my-element-element {
  margin-block: 16px;
}
@media only screen and (min-width: 1024px) {
  .my-element-element {
    margin-block: 32px;
  }
}

.p-block-block {
  padding: 32px;
}
@media only screen and (min-width: 1024px) {
  .p-block-block {
    padding: 64px;
  }
}

.p-element-element {
  padding: 16px;
}
@media only screen and (min-width: 1024px) {
  .p-element-element {
    padding: 32px;
  }
}

.pt-block-block {
  padding-top: 32px;
}
@media only screen and (min-width: 1024px) {
  .pt-block-block {
    padding-top: 64px;
  }
}

.pt-element-element {
  padding-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .pt-element-element {
    padding-top: 32px;
  }
}

.pr-block-block {
  padding-right: 32px;
}
@media only screen and (min-width: 1024px) {
  .pr-block-block {
    padding-right: 64px;
  }
}

.pr-element-element {
  padding-right: 16px;
}
@media only screen and (min-width: 1024px) {
  .pr-element-element {
    padding-right: 32px;
  }
}

.pb-block-block {
  padding-bottom: 32px;
}
@media only screen and (min-width: 1024px) {
  .pb-block-block {
    padding-bottom: 64px;
  }
}

.pb-element-element {
  padding-bottom: 16px;
}
@media only screen and (min-width: 1024px) {
  .pb-element-element {
    padding-bottom: 32px;
  }
}

.pl-block-block {
  padding-left: 32px;
}
@media only screen and (min-width: 1024px) {
  .pl-block-block {
    padding-left: 64px;
  }
}

.pl-element-element {
  padding-left: 16px;
}
@media only screen and (min-width: 1024px) {
  .pl-element-element {
    padding-left: 32px;
  }
}

.px-block-block {
  padding-inline: 32px;
}
@media only screen and (min-width: 1024px) {
  .px-block-block {
    padding-inline: 64px;
  }
}

.px-element-element {
  padding-inline: 16px;
}
@media only screen and (min-width: 1024px) {
  .px-element-element {
    padding-inline: 32px;
  }
}

.py-block-block {
  padding-block: 32px;
}
@media only screen and (min-width: 1024px) {
  .py-block-block {
    padding-block: 64px;
  }
}

.py-element-element {
  padding-block: 16px;
}
@media only screen and (min-width: 1024px) {
  .py-element-element {
    padding-block: 32px;
  }
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.block {
  margin-block: 32px;
}
@media only screen and (min-width: 1024px) {
  .block {
    margin-block: 64px;
  }
}
.block--small {
  max-width: 772px;
  margin-inline: auto;
}
@media only screen and (min-width: 1024px) {
  .block--small {
    padding-inline: 16px;
  }
}
.block--tight {
  margin-block: 16px;
}
@media only screen and (min-width: 1024px) {
  .block--tight {
    margin-block: 32px;
  }
}
.block--clean {
  margin-block: 0;
}
@media only screen and (min-width: 1024px) {
  .block--clean {
    margin-block: 0;
  }
}
.block--cleanbottom {
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .block--cleanbottom {
    margin-bottom: 0;
  }
}
.block-heading--topmargin {
  margin-top: 48px;
}
.block + .block {
  margin-top: 0;
}

.header {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  height: 64px;
  display: flex;
  align-items: flex-end;
}
@media only screen and (min-width: 1024px) {
  .header {
    min-height: 135px;
  }
}
.header--mypages {
  background-color: #ecf1ea;
}
.header--mypages .header-content {
  gap: 16px;
}
.header--mypages .header-wrapper, .header--mypages .header-inner {
  height: 100%;
}
@media only screen and (min-width: 1024px) {
  .header--mypages {
    min-height: 119px;
    padding-block: 32px 16px;
  }
  .header--mypages .header-wrapper, .header--mypages .header-inner, .header--mypages .header-content {
    height: 100%;
  }
  .header--mypages .header-wrapper {
    padding: 0 64px;
  }
  .header--mypages .header-content {
    align-items: center;
  }
  .header--mypages .header-logoLink {
    margin-top: auto;
    margin-bottom: 0;
  }
  .header--mypages .header-menu {
    text-decoration: none;
    display: flex;
    flex-direction: row;
    gap: 8px;
    top: 0px;
  }
}
@media only screen and (max-width: 1023.9px) {
  .header-menu, .header-mypages, .header-cancel {
    position: relative;
  }
  .header-menu:before, .header-mypages:before, .header-cancel:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    bottom: 1px;
    left: 0;
  }
}
.header-mypages {
  display: flex;
  align-items: center;
  text-decoration: none;
  flex-direction: row;
  gap: 5px;
  min-height: 44px;
  min-width: 16px;
}
@media only screen and (max-width: 1023.9px) {
  .header-mypages {
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 84px;
    gap: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .header-mypages:before {
    position: absolute;
    width: 0;
    height: 3px;
    background-color: #b9cab0;
    bottom: 0;
    left: 0;
  }
  .header-mypages:after {
    content: "";
    -webkit-mask-image: url("../images/icon-chevron.svg");
            mask-image: url("../images/icon-chevron.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    width: 24px;
    height: 24px;
    background-color: currentColor;
    transform: rotate(90deg);
    transition: all 200ms ease;
  }
}
@media only screen and (min-width: 1024px) {
  .header-mypages:hover:before, .header-mypages:active:before, .header-mypages[aria-expanded=true]:before {
    content: "";
    width: 100%;
    transition: width 0.2s ease;
  }
}
.header-mypages[aria-expanded=true]:after {
  transform: rotate(-90deg);
}
.header-mypagesIcon {
  width: 16px;
  height: 16px;
  margin-right: 0px;
  margin-top: 9px;
  flex-shrink: 0;
}
@media only screen and (min-width: 1024px) {
  .header-mypagesIcon {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 1023.9px) {
  .header-mypagesText {
    font-size: 1.2rem;
    line-height: 1.17;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-decoration: none;
    width: 100%;
  }
}
.header-mypagesDialog {
  all: unset;
  background: #ffffff;
  max-width: 558px;
}
.header-mypagesDialogList {
  padding: 24px;
}
@media only screen and (min-width: 768px) {
  .header-mypagesDialogList {
    padding: 32px;
  }
}
.header-mypagesDialogList li:not(:last-child) {
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .header-mypagesDialogList li:not(:last-child) {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1023.9px) {
  .header-mypagesDialog {
    position: fixed;
    right: 0;
    top: 64px;
    width: 100%;
    transition: transform 0.1s ease;
    transform: translateX(100%);
  }
  .header-mypagesDialog[open] {
    transform: translateX(0);
    transition: transform 0.3s ease;
  }
}
@media only screen and (min-width: 1024px) {
  .header-mypagesDialog {
    visibility: hidden;
    display: block;
    padding: 0;
    width: 270px;
    position: absolute;
    left: 50%;
    top: 73px;
    transform-origin: top left;
    transform: translateX(-50%);
    border: 0;
    margin: 0;
  }
  .header-mypagesDialog:before {
    content: "";
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 19px solid #ffffff;
    z-index: 10;
  }
  .header-mypagesDialog--company {
    width: 320px;
  }
  .header-mypagesDialog[open] {
    visibility: visible;
  }
}
.header-mypagesLink--logout {
  display: block;
  width: 100%;
}
.header-mypagesOrganisationsHeading {
  display: block;
  margin-bottom: 16px;
}
.header-mypagesOrganisationsList {
  display: flex;
  flex-direction: column;
}
.header-mypagesOrganisationsListItem {
  margin: 0px;
  padding: 0px;
}
.header-mypagesOrganisationsItem {
  display: block;
  padding-inline: 16px 16px;
  position: relative;
}
.header-mypagesOrganisationsItem > span {
  display: block;
  font-weight: 700;
}
.header-mypagesOrganisationsItem:not(.header-mypagesOrganisationsItem--selected) {
  cursor: pointer;
}
.header-mypagesOrganisationsItem:not(.header-mypagesOrganisationsItem--selected):hover {
  color: black;
  text-decoration: underline;
}
.header-mypagesOrganisationsItem--selected:before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 8px;
  width: 10px;
  height: 10px;
  background: #000000;
  -webkit-mask-image: url("../images/icon-checkmark.svg");
          mask-image: url("../images/icon-checkmark.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.header-logo {
  width: 104px;
  margin-bottom: -2px;
}
@media only screen and (min-width: 1024px) {
  .header-logo {
    width: 200px;
    margin-bottom: 4px;
  }
}
.header-logoLink {
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  text-decoration: none;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .header-logoLink {
    gap: 32px;
    flex: 1 0 auto;
  }
}
.header-enviroment {
  display: block;
  font-size: 1.6rem;
  line-height: 1;
}
@media only screen and (min-width: 1024px) {
  .header-enviroment {
    font-size: 4.8rem;
  }
}
.header-wrapper {
  padding-block: 8px 12px;
}
@media only screen and (min-width: 1024px) {
  .header-wrapper {
    padding: 18px 64px;
  }
}
.header-menuWrapper {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-grow: 1;
}
.header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 1024px) {
  .header-content {
    align-items: flex-end;
  }
}
.header-cancel {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  font-size: 1.2rem;
  line-height: 1.17;
  min-height: 44px;
}
@media only screen and (min-width: 1024px) {
  .header-cancel {
    flex-direction: row;
    font-family: "DM Serif Text", serif;
    margin: 0;
    font-size: 2rem;
    line-height: 2rem;
  }
}
.header-cancel:after {
  content: "";
  width: 24px;
  height: 24px;
  background-color: #000000;
  -webkit-mask-image: url("../images/icon-close.svg");
          mask-image: url("../images/icon-close.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
}
@media only screen and (min-width: 1024px) {
  .header-cancel:after {
    width: 28px;
    height: 28px;
  }
}
.header-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  font-size: 1.2rem;
  line-height: 1.17;
  min-height: 44px;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .header-menu {
    font-size: 1.8rem;
    line-height: 1.55;
  }
}
.header-menuIcon {
  width: 26px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 3px;
}
@media only screen and (max-width: 1023.9px) {
  .header-menuIcon {
    margin-top: 4px;
  }
}
.header-menuIcon span {
  background-color: #000000;
  width: 18px;
  height: 2px;
  transform-origin: 50% 50%;
  border-radius: 2px;
  display: block;
  opacity: 1;
  transition: transform 0.2s ease-in, opacity 0.2s;
}
.header-menu.open .header-menuIcon span:first-child {
  transform: translateY(5px) rotate(45deg);
}
.header-menu.open .header-menuIcon span:nth-child(2) {
  transform: translateX(20px);
  transition: transform 0.2s ease-in, opacity 0.2s;
  opacity: 0;
}
.header-menu.open .header-menuIcon span:last-child {
  transform: translateY(-5px) rotate(-45deg);
}
.header-menu:hover {
  cursor: pointer;
}
.header-menu:hover .header-menuText {
  transition: -webkit-text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
  text-decoration: underline;
}
@media only screen and (max-width: 1023.9px) {
  .header-menu {
    display: flex;
  }
}
@media only screen and (min-width: 1024px) {
  .header-menu {
    display: none;
  }
}
.header-quicknav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
}
.header-quicknavLink {
  display: block;
  padding: 5px 16px;
  border: 1px solid #000;
  position: absolute;
  left: -100rem;
  top: -100rem;
}
.header-quicknavLink:focus {
  top: 0;
  left: 0;
}

.footer {
  background-color: #ffffff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.footer--mypages {
  background-color: #ecf1ea;
  box-shadow: none;
}
.footer--mypages .footer-content--first > *:last-child {
  margin-bottom: 0px;
}
@media only screen and (max-width: 767.9px) {
  .footer--mypages .footer-content--middle:not(:has(*)) {
    display: none;
  }
}
.footer--mypages .footer-content--last {
  justify-content: flex-end;
}
@media only screen and (max-width: 767.9px) {
  .footer--mypages .footer-content--last {
    margin-top: 32px;
  }
}
.footer-wrapper {
  padding: 32px 16px 80px;
}
@media only screen and (min-width: 1024px) {
  .footer-wrapper {
    padding: 64px;
  }
}
.footer-inner {
  gap: 32px;
}
@media only screen and (min-width: 1024px) {
  .footer-inner {
    gap: 0;
  }
}
.footer-content--last {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: space-between;
}
.footer-contacts {
  background-color: #ecf1ea;
  padding: 32px;
}
.footer-contactsHeading {
  color: #1c4206;
}
.footer-listItem {
  margin-top: 8px;
}
.footer-link {
  color: #000000;
  font-size: 1.6rem;
  line-height: 2.3rem;
}
@media only screen and (min-width: 1024px) {
  .footer-link {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
}
.footer-contact {
  display: flex;
  align-items: center;
  gap: 15px;
}
.footer-contact--offset {
  margin-left: 47px;
}
.footer-icon {
  width: 32px;
  height: 32px;
}
.footer-iconContainer {
  position: relative;
}
.footer-iconContainer:after {
  content: "";
  position: absolute;
  display: block;
  width: 7px;
  height: 7px;
  background-color: #ffffff;
  border-radius: 100%;
  bottom: 0;
  right: -7px;
}
@media only screen and (min-width: 1024px) {
  .footer-text {
    max-width: 504px;
  }
}
.footer-logo {
  width: 104px;
}
@media only screen and (min-width: 1024px) {
  .footer-logo {
    width: 200px;
  }
  .footer-logoLink {
    align-self: flex-end;
  }
}

.navigation-quick {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 1024px) {
  .navigation-quick {
    flex-grow: 0;
  }
}
.navigation-quickList {
  display: flex;
  gap: 24px;
  align-items: center;
}
@media only screen and (max-width: 1023.9px) {
  .navigation-quickList {
    justify-content: flex-end;
  }
}
.navigation-quickItem {
  position: relative;
}
@media only screen and (max-width: 1239.9px) {
  .navigation-quickItem--hideSmall {
    display: none;
  }
}
.navigation-quickLink {
  min-height: 44px;
}
.navigation-quickLink:hover {
  color: currentColor;
}
.navigation-quickLink--language {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
.navigation-quickLink--language:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: #b9cab0;
  -webkit-mask-image: url("../images/icon-globe-thin.svg");
          mask-image: url("../images/icon-globe-thin.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: currentColor;
}
.navigation-search {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media only screen and (min-width: 1024px) {
  .navigation-search {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.navigation--mypages .navigation-search {
  background-color: #ecf1ea;
}
@media only screen and (max-width: 1239.9px) {
  .navigation--mypages .navigation-search {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .navigation--mypages .navigation-search .search {
    max-width: calc(100% - 32px);
    margin-inline: 16px;
  }
  .navigation--mypages .navigation-search .search-input {
    width: 600px;
  }
}
@media only screen and (min-width: 1240px) {
  .navigation--mypages .navigation-search {
    display: none;
  }
}
.navigation-search .navigation-login,
.navigation-search .navigation-mypages {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .navigation-search .navigation-login,
  .navigation-search .navigation-mypages {
    display: initial;
  }
}
@media only screen and (min-width: 1024px) {
  .navigation-search {
    position: relative;
    top: -24px;
  }
}
.header--mypages .navigation-search {
  top: 0px;
}
@media only screen and (min-width: 1024px) {
  .header--mypages .navigation-search {
    top: 0px;
  }
}
.navigation-submenu {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease;
}
.navigation-toggle.disabled {
  pointer-events: none;
}
@media only screen and (min-width: 1024px) {
  .navigation--public.open .navigation-toggle--level1.selected:before, .navigation--public.open .navigation-link--level1.selected:before {
    width: 0;
  }
  .navigation--public .navigation-submenu--level1 {
    border-bottom: 4px solid #b9cab0;
    position: relative;
  }
  .navigation--public .navigation-row {
    padding: 33px 48px 55px;
  }
  .navigation--public .navigation-toggle {
    font-size: 2rem;
    line-height: 2.8rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .navigation--public .navigation-toggle--level1 {
    position: relative;
    margin-right: 24px;
    white-space: nowrap;
  }
  .navigation--public .navigation-toggle--level1:after {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    background: #b9cab0;
    -webkit-mask-image: url("../images/icon-chevron.svg");
            mask-image: url("../images/icon-chevron.svg");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    top: 0;
    right: -32px;
    transition: transform 0.1s ease;
    transform: rotate(90deg);
  }
  .navigation--public .navigation-toggle--level1[aria-expanded=true]:after {
    content: "";
    transition: transform 0.3s ease;
    transform: rotate(-90deg);
  }
  .navigation--public .navigation-toggle:not(.navigation--public .navigation-toggle--level1) {
    width: 24px;
    height: 24px;
  }
  .navigation--public .navigation-toggle:not(.navigation--public .navigation-toggle--level1)[aria-expanded=true] span.line:last-child {
    transform: rotate(0);
  }
  .navigation--public .navigation-toggle:not(.navigation--public .navigation-toggle--level1) span.line {
    position: absolute;
    display: block;
    max-width: 16px;
    width: 100%;
    height: 3px;
    background: #000000;
    border-radius: 10px;
    transition: transform 0.2s ease;
  }
  .navigation--public .navigation-toggle:not(.navigation--public .navigation-toggle--level1) span.line:last-child {
    transform: rotate(90deg);
  }
  .navigation--public .navigation-item {
    display: flex;
    align-items: center;
  }
  .navigation--public .navigation-item.selected {
    font-weight: 600;
  }
  .navigation--public .navigation-link {
    flex: 1;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 2px !important;
  }
  .navigation--public .navigation-link--level1 {
    font-size: 2rem;
    line-height: 2.8rem;
    text-decoration: none;
    position: relative;
  }
  .navigation--public .navigation-link--level1:hover {
    text-decoration: none;
  }
  .navigation--public .navigation-toggle--level1:before,
  .navigation--public .navigation-link--level1:before {
    content: "";
    position: absolute;
    width: 0;
    height: 4px;
    background-color: #b9cab0;
    bottom: -5px;
    left: 0;
  }
  .navigation--public .navigation-toggle--level1[aria-expanded=true]:before,
  .navigation--public .navigation-link--level1[aria-expanded=true]:before {
    content: "";
    width: 100% !important;
    background-color: #b9cab0 !important;
  }
  .navigation--public .navigation-toggle--level1:hover:before,
  .navigation--public .navigation-link--level1:hover:before {
    content: "";
    width: 100%;
    transition: width 0.2s ease;
    background-color: #b9cab0 !important;
  }
  .navigation--public .navigation-toggle--level1.selected,
  .navigation--public .navigation-link--level1.selected {
    font-weight: 600;
  }
  .navigation--public .navigation-list {
    list-style-type: none;
    margin: 0;
    padding-left: 16px;
  }
  .navigation--public .navigation-list--level1 {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    height: 28px;
    overflow: visible;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1200px) {
  .navigation--public .navigation-list--level1 {
    gap: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .navigation--public .navigation-list--level1 > li > .navigation-item + .navigation-submenu {
    position: absolute;
    top: 135px;
    background: #ffffff;
    left: 0;
    right: 0;
  }
  .navigation--public .navigation-list--level1 .navigation-link {
    display: none;
  }
  .navigation--public .navigation-list--level1 .navigation-link--hasNoChilden {
    display: block;
  }
  .navigation--public .navigation-list--level2 .navigation-item + .navigation-submenu {
    position: unset;
    top: auto;
    background: transparent;
    left: auto;
    right: auto;
  }
  .navigation--public .navigation-list--level2 .navigation-link {
    display: block;
  }
  .navigation--public .navigation-list--level2 .navigation-item {
    padding: 16px 0;
    border-bottom: 1px solid #ecf1ea;
  }
  .navigation--public .navigation-list--level2 .navigation-link {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
  .navigation--public .navigation-list--level2 .navigation-link:hover {
    text-decoration: underline;
  }
  .navigation--public .navigation-list--level3 {
    background-color: #ecf1ea;
    box-shadow: 2px 0px 0px 0px #b9cab0 inset;
    padding-left: 0;
  }
  .navigation--public .navigation-list--level3 .navigation-item {
    padding: 12px 12px 16px 24px;
    border-bottom: 0;
  }
  .navigation--public .navigation-list--level3 .navigation-link {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .navigation--public .navigation-language {
    background-image: url("../images/icon-globe.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 24px;
    text-decoration: underline;
    white-space: nowrap;
  }
  .navigation--public .navigation-language:hover {
    text-decoration: underline;
  }
  .navigation--public .navigation-more {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    margin-left: 0;
    min-width: 143px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 768px) {
  .navigation--public .navigation-more {
    display: initial;
    margin-left: 0;
    min-width: initial;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 768px) {
  .navigation--public .navigation-more .navigation-login,
  .navigation--public .navigation-more .navigation-mypages {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .navigation--public .navigation-info {
    min-height: 358px;
  }
  .navigation--public .navigation-infoHeading {
    margin-top: 16px;
  }
  .navigation--public .navigation-infoIcon {
    width: 32px;
    height: 32px;
  }
  .navigation--public .navigation-infoLink {
    display: flex;
    align-items: center;
    font-family: "DM Serif Text", serif;
    font-size: 2rem;
    line-height: 2.8rem;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 2px !important;
  }
  .navigation--public .navigation-infoLink:hover {
    text-decoration: underline;
  }
}
@media only screen and (max-width: 1023.9px) {
  .navigation--public {
    visibility: hidden;
    z-index: 100;
    background: #ffffff;
    position: fixed;
    max-width: 768px;
    width: 100%;
    right: 0;
    bottom: 0;
    top: 64px;
    overflow-x: hidden;
    overflow-y: auto;
    transition: transform 0.1s ease, visibility 0s ease 0.1s;
    transform: translateX(100%);
  }
}
@media only screen and (max-width: 1023.9px) and (min-width: 1024px) {
  .navigation--public {
    top: 119px;
  }
}
@media only screen and (max-width: 1023.9px) {
  .navigation--public.open {
    visibility: visible;
    transform: translateX(0);
    transition: transform 0.3s ease;
  }
  .navigation--public .navigation-item {
    position: relative;
    border-bottom: 1px solid #f2f1ec;
    display: flex;
    align-items: center;
    text-decoration: none;
  }
  .navigation--public .navigation-item:active {
    text-decoration: none;
  }
  .navigation--public .navigation-item.selected {
    font-weight: 600;
  }
  .navigation--public .navigation-link {
    font-size: 2rem;
    line-height: 2.8rem;
    font-family: "Atkinson Hyperlegible Next", sans-serif;
    flex: 1;
    padding: 16px 18px;
  }
  .navigation--public .navigation-link:focus-visible {
    outline-offset: -1px !important;
  }
  .navigation--public .navigation-link:has(+ .navigation-toggle) {
    margin-right: 48px;
  }
  .navigation--public .navigation-link.selected {
    font-weight: 600;
  }
  .navigation--public .navigation-link:hover {
    background-color: #ecf1ea;
    color: #000000;
    text-decoration: underline;
  }
  .navigation--public .navigation-link:hover.selected {
    font-weight: 600;
  }
  .navigation--public .navigation-link:hover + .navigation-toggle {
    background-color: #ecf1ea;
  }
  .navigation--public .navigation-list {
    list-style-type: none;
    padding-inline: 0;
    min-width: 100%;
    margin-block: 0;
  }
  .navigation--public .navigation-list--level2 {
    background-color: #ecf1ea;
  }
  .navigation--public .navigation-list--level2 .navigation-item {
    border-bottom: 0;
  }
  .navigation--public .navigation-list--level2 .navigation-link {
    box-shadow: 4px 0px 0px 0px #b9cab0 inset;
    padding-left: 32px;
    font-family: "Atkinson Hyperlegible Next", sans-serif;
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
  .navigation--public .navigation-list--level3 {
    background-color: #fafbfa;
  }
  .navigation--public .navigation-list--level3 .navigation-item {
    border-bottom: 0;
  }
  .navigation--public .navigation-list--level3 .navigation-link {
    box-shadow: 4px 0px 0px 0px #b9cab0 inset;
    padding-left: 48px;
    font-family: "Atkinson Hyperlegible Next", sans-serif;
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
  .navigation--public .navigation-toggle {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    width: 48px;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .navigation--public .navigation-toggle:focus-visible {
    outline-offset: -1px !important;
  }
  .navigation--public .navigation-toggle[aria-expanded=true] span.line:last-child {
    transform: rotate(0);
  }
  .navigation--public .navigation-toggle:hover {
    background-color: #ecf1ea;
  }
  .navigation--public .navigation-toggle span.text {
    display: none;
  }
  .navigation--public .navigation-toggle span.line {
    position: absolute;
    display: block;
    max-width: 16px;
    width: 100%;
    height: 3px;
    background: #000000;
    border-radius: 10px;
    transition: transform 0.2s ease;
  }
  .navigation--public .navigation-toggle span.line:last-child {
    transform: rotate(90deg);
  }
  .navigation--public .navigation-submenu {
    max-width: none !important;
  }
  .navigation--public .navigation-info {
    display: none;
  }
  .navigation--public .navigation-more {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
  }
  .navigation--public .navigation-more:not(:has(*)) {
    display: none;
  }
}
@media only screen and (max-width: 1023.9px) and (min-width: 1240px) {
  .navigation--public .navigation-more {
    display: none;
  }
}
@media only screen and (max-width: 1023.9px) {
  .navigation--public .navigation-language {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.743;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .navigation--public .navigation-language::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    -webkit-mask-image: url("../images/icon-globe-thin.svg");
            mask-image: url("../images/icon-globe-thin.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain;
    background-color: currentColor;
  }
  .navigation--public .navigation-language:hover {
    text-decoration: underline;
  }
}
.navigation--mypages {
  visibility: hidden;
  z-index: 100;
  background: #ffffff;
  position: fixed;
  max-width: 558px;
  width: 100%;
  right: 0;
  bottom: 0;
  top: 64px;
  overflow-x: hidden;
  overflow-y: auto;
  transition: transform 0.1s ease, visibility 0s ease 0.1s;
  transform: translateX(100%);
}
@media only screen and (min-width: 1024px) {
  .navigation--mypages {
    top: 119px;
  }
}
.navigation--mypages.open {
  visibility: visible;
  transform: translateX(0);
  transition: transform 0.3s ease;
}
.navigation--mypages .navigation-item {
  position: relative;
  border-bottom: 1px solid #f2f1ec;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.navigation--mypages .navigation-item:active {
  text-decoration: none;
}
.navigation--mypages .navigation-item.selected {
  font-weight: 600;
}
.navigation--mypages .navigation-link {
  font-size: 2rem;
  line-height: 2.8rem;
  font-family: "Atkinson Hyperlegible Next", sans-serif;
  flex: 1;
  padding: 16px 18px;
}
.navigation--mypages .navigation-link:focus-visible {
  outline-offset: -1px !important;
}
.navigation--mypages .navigation-link:has(+ .navigation-toggle) {
  margin-right: 48px;
}
.navigation--mypages .navigation-link.selected {
  font-weight: 600;
}
.navigation--mypages .navigation-link:hover {
  background-color: #ecf1ea;
  color: #000000;
  text-decoration: underline;
}
.navigation--mypages .navigation-link:hover.selected {
  font-weight: 600;
}
.navigation--mypages .navigation-link:hover + .navigation-toggle {
  background-color: #ecf1ea;
}
.navigation--mypages .navigation-list {
  list-style-type: none;
  padding-inline: 0;
  min-width: 100%;
  margin-block: 0;
}
.navigation--mypages .navigation-list--level2 {
  background-color: #ecf1ea;
}
.navigation--mypages .navigation-list--level2 .navigation-item {
  border-bottom: 0;
}
.navigation--mypages .navigation-list--level2 .navigation-link {
  box-shadow: 4px 0px 0px 0px #b9cab0 inset;
  padding-left: 32px;
  font-family: "Atkinson Hyperlegible Next", sans-serif;
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.navigation--mypages .navigation-list--level3 {
  background-color: #fafbfa;
}
.navigation--mypages .navigation-list--level3 .navigation-item {
  border-bottom: 0;
}
.navigation--mypages .navigation-list--level3 .navigation-link {
  box-shadow: 4px 0px 0px 0px #b9cab0 inset;
  padding-left: 48px;
  font-family: "Atkinson Hyperlegible Next", sans-serif;
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.navigation--mypages .navigation-toggle {
  position: absolute;
  top: 0px;
  right: 0px;
  display: flex;
  width: 48px;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
.navigation--mypages .navigation-toggle:focus-visible {
  outline-offset: -1px !important;
}
.navigation--mypages .navigation-toggle[aria-expanded=true] span.line:last-child {
  transform: rotate(0);
}
.navigation--mypages .navigation-toggle:hover {
  background-color: #ecf1ea;
}
.navigation--mypages .navigation-toggle span.text {
  display: none;
}
.navigation--mypages .navigation-toggle span.line {
  position: absolute;
  display: block;
  max-width: 16px;
  width: 100%;
  height: 3px;
  background: #000000;
  border-radius: 10px;
  transition: transform 0.2s ease;
}
.navigation--mypages .navigation-toggle span.line:last-child {
  transform: rotate(90deg);
}
.navigation--mypages .navigation-submenu {
  max-width: none !important;
}
.navigation--mypages .navigation-info {
  display: none;
}
.navigation--mypages .navigation-more {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
}
.navigation--mypages .navigation-more:not(:has(*)) {
  display: none;
}
@media only screen and (min-width: 1240px) {
  .navigation--mypages .navigation-more {
    display: none;
  }
}
.navigation--mypages .navigation-language {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.743;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 4px;
}
.navigation--mypages .navigation-language::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-image: url("../images/icon-globe-thin.svg");
          mask-image: url("../images/icon-globe-thin.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: currentColor;
}
.navigation--mypages .navigation-language:hover {
  text-decoration: underline;
}

.navigationLeft-quickList {
  display: flex;
  gap: 16px;
}
.navigationLeft-quickItem {
  position: relative;
}
.navigationLeft {
  display: none;
  z-index: 100;
  background: #ffffff;
  max-width: 768px;
  top: 64px;
}
@media only screen and (min-width: 1024px) {
  .navigationLeft {
    display: block;
  }
}
.navigationLeft-item {
  border-bottom: 1px solid #f2f1ec;
  padding: 16px 0;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.navigationLeft-item:active {
  text-decoration: none;
}
.navigationLeft-item.selected {
  text-decoration: underline;
}
.navigationLeft-link {
  font-size: 2.4rem;
  line-height: 1.33;
  font-family: "DM Serif Text", serif;
  flex: 1;
}
.navigationLeft-link.selected {
  text-decoration: underline;
}
.navigationLeft-list {
  list-style-type: none;
  padding-inline: 0;
}
.navigationLeft-list--level1 {
  margin: 0;
}
.navigationLeft-list--level1 > li:first-child > .navigationLeft-item {
  padding-top: 6px;
}
.navigationLeft-list--level2 {
  background-color: #ecf1ea;
  box-shadow: 4px 0px 0px 0px #b9cab0 inset;
}
.navigationLeft-list--level2 .navigationLeft-item {
  padding: 12px 18px 16px 24px;
  border-bottom: 0;
}
.navigationLeft-list--level2 .navigationLeft-link {
  font-size: 2rem;
  line-height: 1.4;
}
.navigationLeft-list--level3 {
  background-color: #fafbfa;
  box-shadow: 4px 0px 0px 0px #b9cab0 inset;
}
.navigationLeft-list--level3 .navigationLeft-item {
  padding: 12px 18px 16px 46px;
  border-bottom: 0;
}
.navigationLeft-list--level3 .navigationLeft-link {
  font-family: "Atkinson Hyperlegible Next", sans-serif;
  font-size: 1.8rem;
  line-height: 1.55;
}
.navigationLeft-toggle {
  position: relative;
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
}
.navigationLeft-toggle[aria-expanded=true] span.line:last-child {
  transform: rotate(0);
}
.navigationLeft-toggle.disabled {
  pointer-events: none;
}
.navigationLeft-toggle span.text {
  display: none;
}
.navigationLeft-toggle span.line {
  position: absolute;
  display: block;
  max-width: 16px;
  width: 100%;
  height: 3px;
  background: #000000;
  border-radius: 10px;
  transition: transform 0.2s ease;
}
.navigationLeft-toggle span.line:last-child {
  transform: rotate(90deg);
}
.navigationLeft-submenu {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease;
  max-width: none !important;
}
.navigationLeft-info {
  display: none;
}
.navigationLeft-more {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  padding: 16px 18px;
}
.navigationLeft-language {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.button {
  position: relative;
  background-color: #1c4206;
  color: #ffffff;
  border-radius: 4px;
  padding: 6px 16px;
  min-width: 114px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.44;
  border: 2px solid #1c4206;
  transition: color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease;
}
.pageSearch .button {
  min-width: 60px;
}
.pageSearch .button--loading:after {
  content: "";
}
.pageSearch .button--loading:before {
  right: 19px;
}
@media only screen and (min-width: 1024px) {
  .pageSearch .button {
    min-width: 143px;
  }
  .pageSearch .button--loading:after {
    content: attr(data-loading-text);
  }
  .pageSearch .button--loading:before {
    right: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .button {
    min-width: 143px;
  }
}
.button:before {
  min-width: 20px;
  height: 20px;
}
.button:not(:disabled):not(.disabled):hover {
  background-color: #5a754c;
  border-color: #5a754c;
  color: #fafbfa;
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
  text-decoration: none;
}
.button:active {
  background-color: #1c4206;
  color: #fafbfa;
}
.button--inverted {
  color: #1c4206;
  background: #ffffff;
  border-color: #1c4206;
}
.button--inverted:not(:disabled):not(.disabled):hover {
  color: #1c4206;
  background-color: #b9cab0;
}
.button--inverted:active {
  color: #ffffff;
  background-color: #5a754c;
}
.button--inverted:not(.button--loading):before {
  background-color: #1c4206 !important;
}
.button--inverted:not(.button--loading):active:before {
  background-color: #ffffff !important;
}
.button--inverted.button--loading:after {
  color: #1c4206;
}
.button--inverted.button--loading:before {
  background-image: url("../images/loader-small-green.webp");
}
.button.disabled, .button:disabled {
  pointer-events: none;
  opacity: 0.8;
}
.button--loading {
  pointer-events: none;
  opacity: 0.8;
  color: transparent !important;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: none !important;
}
.button--loading:after {
  content: attr(data-loading-text);
  color: #ffffff;
  position: absolute;
  left: 16px;
}
.button--loading:before {
  content: "";
  display: inline-block;
  background-image: url("../images/loader-small-light.webp");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 16px;
}
.button--icon:not(.button--loading) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.button--icon:not(.button--loading):before {
  content: "";
  display: inline-block;
  background-color: white;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
}
.button--icon.button--loading {
  padding-left: 52px;
}
.button--upload:not(.button--loading):before {
  -webkit-mask-image: url("../images/icon-upload.svg");
          mask-image: url("../images/icon-upload.svg");
}
.button--add:not(.button--loading):before {
  -webkit-mask-image: url("../images/icon-add.svg");
          mask-image: url("../images/icon-add.svg");
}
.button--remove:not(.button--loading):before {
  -webkit-mask-image: url("../images/icon-remove.svg");
          mask-image: url("../images/icon-remove.svg");
}
.button--search:not(.button--loading):before {
  -webkit-mask-image: url("../images/icon-search.svg");
          mask-image: url("../images/icon-search.svg");
}
.button--edit:not(.button--loading):before {
  -webkit-mask-image: url("../images/icon-edit.svg");
          mask-image: url("../images/icon-edit.svg");
}
.button--ai:not(.button--loading):before {
  -webkit-mask-image: url("../images/icon-ai.svg");
          mask-image: url("../images/icon-ai.svg");
}
.button--back:not(.button--loading):before {
  -webkit-mask-image: url("../images/icon-back.svg");
          mask-image: url("../images/icon-back.svg");
}
.button--download:not(.button--loading):before {
  -webkit-mask-image: url("../images/icon-download.svg");
          mask-image: url("../images/icon-download.svg");
}
.button--connect:not(.button--loading):before {
  -webkit-mask-image: url("../images/icon-connect.svg");
          mask-image: url("../images/icon-connect.svg");
}
.button--small {
  padding: 2px 16px 3px;
  min-height: 28px;
}
.button--small.button--icon {
  max-height: 28px;
}
.button--small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.button--small.button--icon:not(.button--loading):before {
  min-width: 19px;
  height: 19px;
}
.button--small.button--icon.button--loading {
  padding-left: 52px;
}
.button--large {
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: 700;
  padding: 14px 16px 14px;
  min-height: 55px;
}
.button--large.button--icon {
  max-height: 55px;
}
.button--large:before {
  min-width: 24px;
  height: 24px;
  right: 16px !important;
}
.button--large:after {
  left: 16px !important;
}
.button--large.button--icon.button--loading {
  padding-left: 56px;
}
.button-container {
  margin-top: 16px;
}

.breadcrumb {
  margin-bottom: 16px;
  margin-inline: auto;
}
@media only screen and (min-width: 1024px) {
  .breadcrumb {
    margin-top: 6px;
  }
}
.mypages-right .breadcrumb {
  max-width: none;
}
.breadcrumb--full {
  max-width: unset;
}
.searchresult .breadcrumb {
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 1.4rem;
}
.article--medium .breadcrumb {
  margin-inline: 0;
}
.breadcrumb-list {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
}
.searchresult .breadcrumb-list {
  font-size: 1.4rem;
}
.breadcrumb-listitem {
  display: inline;
}
.breadcrumb-listitem:after {
  content: "/";
  display: inline-block;
  padding: 0 4px;
  font-weight: normal;
  line-height: 2;
  color: inherit;
}
.breadcrumb-listitem[aria-current=page] .breadcrumb-link {
  text-decoration: none;
  pointer-events: none;
}
.breadcrumb-listitem:last-child:after {
  content: "";
  display: none;
}
.breadcrumb-link {
  color: black;
  text-decoration: underline;
}

.mypages {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .mypages {
    padding-inline: 64px;
  }
}
.mypages-row {
  min-width: 100%;
}
.mypages-centerCol {
  margin-inline: auto;
  max-width: min(100%, 794px);
  width: 100%;
  /*         @include breakpoint(md-down) {
      margin-inline: -$grid-gutter * 0.5;
      padding-inline: 0;
      max-width: calc(100% + $grid-gutter);
  } */
}
@media only screen and (min-width: 1024px) {
  .mypages-centerCol-breakout {
    margin-right: max((calc(100vw - 64px * 2)) * -0.0833333333 - 64px + 587px - (calc(100vw - 64px * 2)) * 0.5833333333 + 32px * 0.5, (calc(100vw - 64px * 2)) * -0.0833333333 - 64px);
    padding-right: 32px;
  }
}
@media only screen and (max-width: 1023.9px) {
  .mypages-leftCol, .mypages-rightCol {
    width: calc(100% + 32px);
    max-width: 100vw;
  }
}
.mypages-rightContent {
  border-top: 1px solid #b4b2ab;
  margin-top: 32px;
  padding-top: 32px;
}
@media only screen and (min-width: 1024px) {
  .mypages-rightContent {
    border-top: none;
    border-left: 1px solid #b4b2ab;
    margin-top: 0;
    padding-right: 0px;
    padding-left: 48px;
    padding-block: 0;
  }
}
.mypages-fullCol--topMargin {
  margin-top: 32px;
}
@media only screen and (min-width: 768px) {
  .mypages-fullCol--topMargin {
    margin-top: 64px;
  }
}
.mypages-fullCol--green {
  background: #fafbfa;
}
.mypages-fullCol--green .mypages-fullColContainer {
  padding-block: 32px;
}
@media only screen and (min-width: 768px) {
  .mypages-fullCol--green .mypages-fullColContainer {
    padding-block: 64px;
  }
}
.mypages-fullCol--negativeBottomMargin {
  margin-bottom: -32px;
}
@media only screen and (max-width: 767.9px) {
  .mypages-fullCol--negativeBottomMargin {
    margin-bottom: -64px;
  }
}
@media only screen and (min-width: 1024px) {
  .mypages-fullColContainer {
    padding-inline: 64px;
  }
}
.mypages-centerCol .contentarea, .mypages-leftCol .contentarea, .mypages-rightCol .contentarea {
  margin-inline: 0;
  margin-top: 32px;
}
@media only screen and (min-width: 1024px) {
  .mypages-centerCol .contentarea, .mypages-leftCol .contentarea, .mypages-rightCol .contentarea {
    margin-top: 64px;
  }
}
.mypages-centerCol .contentarea > *:last-child, .mypages-leftCol .contentarea > *:last-child, .mypages-rightCol .contentarea > *:last-child {
  margin-bottom: 0px;
}
.mypages-centerCol .contentarea--startpage:first-child, .mypages-leftCol .contentarea--startpage:first-child, .mypages-rightCol .contentarea--startpage:first-child {
  margin-top: 32px;
}
@media only screen and (min-width: 1024px) {
  .mypages-centerCol .contentarea--startpage:first-child, .mypages-leftCol .contentarea--startpage:first-child, .mypages-rightCol .contentarea--startpage:first-child {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .mypages-centerCol .contentarea--startpage, .mypages-leftCol .contentarea--startpage, .mypages-rightCol .contentarea--startpage {
    margin-top: 48px;
  }
  .mypages-centerCol .contentarea--startpage > .article--loader, .mypages-leftCol .contentarea--startpage > .article--loader, .mypages-rightCol .contentarea--startpage > .article--loader {
    margin-top: 24px;
  }
}
.mypages-centerContent .article, .mypages-leftContent .article, .mypages-rightContent .article {
  padding-inline: 0 !important;
  max-width: none !important;
}
@media only screen and (min-width: 1024px) {
  .mypages-centerContent--container {
    padding-right: 0;
    padding-left: 0;
  }
}
.mypages {
  /*  &-left,
  &-right {
      & .contentarea {
          margin-inline: 0;
          margin-top: $grid-gutter;

          @include breakpoint(md) {
              margin-top: $grid-gutter * 1.5;
              > .todo {
                  margin-top: 48px;
              }
          }

          & > *:last-child {
              margin-bottom: 0px;
          }
      }        
  }    */
}

.mypagesStart-infoBox {
  padding-bottom: 48px;
  margin-bottom: 48px;
  border-bottom: 2px dashed #b9cab0;
}
.mypagesStart-infoBox:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px;
}
@media only screen and (min-width: 1024px) {
  .mypagesStart-infoBox:first-child {
    margin-top: 48px;
  }
}
.mypagesStart-infoBoxHeading {
  color: #1c4206;
  margin-block: 0 16px;
}
.mypagesStart-contactPerson {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
@media only screen and (min-width: 768px) {
  .mypagesStart-contactPerson {
    gap: 24px;
    align-items: center;
  }
}
.mypagesStart-contactPersonImage {
  border-radius: 100%;
  min-width: 64px;
  height: 64px;
}
@media only screen and (min-width: 768px) {
  .mypagesStart-contactPersonImage {
    min-width: 98px;
    height: 98px;
  }
}
.mypagesStart-contactPersonData > p {
  margin-block: 0px;
}
.mypagesStart-contactPersonMeeting {
  margin-block: 24px 0px;
}
.mypagesStart-contactInfo > p {
  margin-block: 0px;
}
.mypagesStart-contactInfoText {
  font-size: 1.6rem;
  line-height: 1.5;
}
.mypagesStart-studySupportHeading {
  margin-top: 32px;
}
@media only screen and (min-width: 768px) {
  .mypagesStart-studySupportHeading {
    margin-top: 48px;
  }
}
.mypagesStart-studySupportBox.todo {
  margin-bottom: 0;
}
.mypagesStart-studySupportBoxHeading {
  display: block;
  margin-block: 0 8px;
}
.mypagesStart-studySupportBoxText {
  margin-block: 0;
}

.form-box {
  border: 2px dashed #b4b2ab;
  padding: 32px 16px;
  margin-block: 32px;
}
@media only screen and (min-width: 1024px) {
  .form-box {
    padding: 32px;
    max-width: 503px;
  }
}
.form-box--full {
  max-width: none;
}
.form-box--userSettings {
  margin-block: 64px;
}
.form-box--info {
  background: #f6f5ea;
  border: 0;
}
.form-box--info .form-boxHeading,
.form-box--info .form-box-heading {
  color: #665a1e;
}
.form-box--info > :first-child {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.form-box--info > :first-child:before {
  content: "";
  display: block;
  min-width: 18px;
  height: 18px;
  background: black;
  -webkit-mask-image: url("../images/icon-info.svg");
          mask-image: url("../images/icon-info.svg");
  margin-top: 1px;
}
@media only screen and (min-width: 1024px) {
  .form-box--info > :first-child:before {
    min-width: 22.5px;
    height: 22.5px;
    margin-top: 2px;
  }
}
.form-box--info > :first-child.form-boxHeading:before {
  content: "";
  min-width: 22.5px;
  height: 22.5px;
}
@media only screen and (min-width: 1024px) {
  .form-box--info > :first-child.form-boxHeading:before {
    min-width: 22.5px;
    height: 22.5px;
    margin-top: 5px;
  }
}
.form-box--info--full:before {
  content: "";
  display: block;
  min-width: 22.5px;
  height: 22.5px;
  background: #000000;
  -webkit-mask-image: url("../images/icon-info.svg");
          mask-image: url("../images/icon-info.svg");
  margin-top: -1px;
}
.form-box--info h3 + p {
  margin-top: 10px;
}
.form-box--green-border {
  border: 3px solid #b9cab0;
}
.form-box--blue {
  background-color: #eceff7;
  border: 0;
}
.form-box--blue *:not(.button) {
  border-color: #c8ccd9;
}
.form-box--blue .form-box-heading,
.form-box--blue .form-boxHeading {
  color: #11243f;
}
.form-box--green {
  background-color: #ecf1ea;
  border: 0;
}
.form-box--green *:not(.button) {
  border-color: #b9cab0;
}
.form-box--green .form-box-heading,
.form-box--green .form-boxHeading {
  color: #1c4206;
}
.form-box--grey {
  background-color: #f2f1ec;
  border: 0;
}
.form-box--grey *:not(.button) {
  border-color: #d7d4cc;
}
.form-box--grey .form-box-heading,
.form-box--grey .form-boxHeading {
  color: #69665a;
}
.form-box--yellow {
  background-color: #f6f5ea;
  border: 0;
}
.form-box--yellow *:not(.button) {
  border-color: #ede6c1;
}
.form-box--yellow .form-box-heading,
.form-box--yellow .form-boxHeading {
  color: #665a1e;
}
.form-box--white {
  background-color: #ffffff;
}
.form-box--white *:not(.button) {
  border-color: #000000;
}
.form-box--white .form-box-heading,
.form-box--white .form-boxHeading {
  color: #000000;
}
.form-box--red {
  background-color: #f2ebed;
  border: 0;
}
.form-box--red *:not(.button) {
  border-color: #cab0b9;
}
.form-box--red .form-box-heading,
.form-box--red .form-boxHeading {
  color: #42061c;
}
.form-label {
  display: block;
}
.form-label + .form-input, .form-label + .form-textarea, .form-label + .form-inputWrapper, .form-label + .form-selectWrapper, .form-label + .form-radioGroup, .form-label + .form-checkboxGroup, .form-label + .form-inputGroup {
  margin-top: 2px;
}
.form-label--hasTooltip .tooltip {
  position: relative;
  top: 2px;
  margin-left: 8px;
}
.form-label--large:not(.form-label--large--radio) + .form-input,
.form-label--large:not(.form-label--large--radio) + .form-inputGroup {
  margin-top: 4px;
}
.form-label--checkbox {
  position: relative;
  padding-left: 26px;
}
.form-label--checkbox input {
  height: 0;
  position: absolute;
  left: -99999px;
  visibility: 0;
}
.form-label--checkbox:before {
  content: "";
  background-image: url(../images/icon-checkbox.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 3px;
  left: 0;
}
.form-label--checkbox:has(input:checked):before {
  background-image: url(../images/icon-checkbox-checked.svg);
}
.form-label--checkbox:has(input:focus-visible):before {
  outline: auto;
}
.form-label--radiogroup, .form-label--checkboxgroup {
  margin-bottom: 8px;
}
.paragraf + .form-label--radiogroup, .paragraf + .form-label--checkboxgroup {
  margin-bottom: 16px;
}
@media only screen and (min-width: 1024px) {
  .paragraf + .form-label--radiogroup, .paragraf + .form-label--checkboxgroup {
    margin-bottom: 32px;
  }
}
.form-label--radio {
  position: relative;
  padding-left: 26px;
}
.form-label--radio input {
  height: 0;
  position: absolute;
  left: -99999px;
  visibility: 0;
}
.form-label--radio:before {
  content: "";
  background-image: url(../images/icon-radio.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 3px;
  left: 0;
}
.form-label--radio:has(input:checked):before {
  background-image: url(../images/icon-radio-checked.svg);
}
.form-label--radio:has(input:focus-visible):before {
  outline: auto;
}
.form-label--radio:has(input:disabled) {
  opacity: 0.5;
}
.form-label--file {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.form-label--file input[type=file] {
  text-indent: -999em;
  outline: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -1000px;
  opacity: 0;
}
.form-label--file input[type=file]:focus + .form-fileAdd {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8);
}
.form-input {
  display: block;
  border: 1px solid #b4b2ab;
  border-radius: 4px;
  padding: 14px 10px;
  color: #000000;
  font-size: 1.6rem;
}
@media only screen and (min-width: 1024px) {
  .form-input {
    font-size: 1.4rem;
  }
}
.form-input[type=text], .form-input[type=number], .form-input[type=date], .form-input--full {
  width: 100%;
}
.form-input--readOnly {
  background-color: transparent;
  padding: 0px;
  border: 0px;
  box-shadow: none;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.743;
}
@media only screen and (min-width: 1024px) {
  .form-input--readOnly {
    font-size: 1.8rem;
    line-height: 1.55;
  }
}
.pageSearch .form-input {
  padding: 9px 10px;
}
@media only screen and (min-width: 1024px) {
  .pageSearch .form-input {
    padding: 14px 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .form-input {
    max-width: 503px;
  }
  .form-input--full {
    max-width: none;
  }
}
.form-input--error {
  border-color: #e20000;
}
.form-inputWrapper {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .form-inputWrapper {
    max-width: 503px;
  }
}
.form-inputWrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
}
.form-inputWrapper--percent:after {
  content: "%";
  display: block;
  width: 60px;
}
.form-inputWrapper--money:after {
  content: attr(data-description);
  display: block;
  width: 60px;
}
.form-inputWrapper--date input {
  padding: 14px 40px 14px 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
.form-inputWrapper--date input::-ms-expand {
  display: none;
}
.form-inputWrapper--date input::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
.form-inputWrapper--date:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background-color: #000000;
  -webkit-mask-image: url("../images/icon-date.svg");
          mask-image: url("../images/icon-date.svg");
  position: absolute;
  transform-origin: center center;
  right: 0;
  top: calc(50% - 12px);
  pointer-events: none;
}
.form-radioGroup {
  display: flex;
  gap: 16px;
  row-gap: 8px;
  flex-direction: column;
}
.form-radioGroup--horizontal {
  flex-direction: row;
}
@media only screen and (min-width: 1024px) {
  .form-radioGroup {
    gap: 32px;
    row-gap: 0;
  }
  .form-radioGroup:not(.form-radioGroup--horizontal) {
    row-gap: 8px;
  }
}
.form-checkboxGroup {
  display: flex;
  gap: 16px;
  flex-direction: column;
}
.form-checkboxGroup--horizontal {
  flex-direction: row;
}
.form-textarea {
  display: block;
  width: 100%;
  padding: 12px 10px;
  border-radius: 4px;
  border: 1px solid #b4b2ab;
}
@media only screen and (min-width: 1024px) {
  .form-textarea {
    max-width: 503px;
  }
}
.form-textarea--noMaxWidth {
  max-width: none;
}
@media only screen and (min-width: 1024px) {
  .form-textarea--noMaxWidth {
    max-width: none;
  }
}
.form-select {
  display: block;
  border: 1px solid #b4b2ab;
  border-radius: 4px;
  padding: 14px 40px 14px 10px;
  color: #000000;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
.form-select::-ms-expand {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .form-select {
    max-width: 503px;
  }
  .form-select--full {
    max-width: none;
  }
}
.form-selectWrapper {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .form-selectWrapper {
    max-width: 503px;
  }
  .form-selectWrapper--full {
    max-width: none;
  }
  .form-selectWrapper--full .form-select {
    max-width: none;
  }
}
.form-selectWrapper:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background-color: #000000;
  -webkit-mask-image: url("../images/icon-chevron.svg");
          mask-image: url("../images/icon-chevron.svg");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  position: absolute;
  transform: rotate(90deg);
  transform-origin: center center;
  right: 0;
  top: calc(50% - 12px);
  pointer-events: none;
}
.form-selectWrapper--wide {
  max-width: 100%;
}
@media only screen and (min-width: 1024px) {
  .form-selectWrapper--search {
    display: none;
  }
}
.form-errorText {
  margin-top: 4px;
  display: block;
  color: #e20000;
}
.form-field--checkbox .form-text {
  margin-block: 8px 0;
}
.form-field--file > :last-child {
  margin-bottom: 0;
}
.form-field--fieldset {
  padding: 0;
  border: 0;
  margin-inline: 0;
}
.form-field + .form-field {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .form-field + .form-field {
    margin-top: 32px;
  }
}
.form-part--tight .form-field + .form-field {
  margin-top: 8px;
}
@media only screen and (min-width: 1024px) {
  .form-part--tight .form-field + .form-field {
    margin-top: 16px;
  }
}
.form-text {
  margin-top: 16px;
  margin-bottom: 16px;
}
.form-text--checkbox {
  margin-bottom: 8px;
}
.form-text + .form-checkboxGroup {
  margin-top: 8px;
}
.form-inputDescription {
  display: block;
  color: #69665a;
  margin-top: 2px;
}
.form-inputDescription {
  display: block;
  color: #69665a;
  margin-top: 2px;
}
.form-search {
  display: flex;
  gap: 16px;
}
@media only screen and (min-width: 1024px) {
  .form-search {
    gap: 32px;
  }
}
.form-search--marginBottom {
  margin-bottom: 32px;
}
.form-searchResult {
  display: block;
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .form-searchResult {
    margin-top: 32px;
  }
}
.form-searchButton {
  min-width: 64px;
}
@media only screen and (min-width: 1024px) {
  .form-searchButton {
    min-width: 143px;
    margin-right: 64px;
  }
}
.form-created {
  background-color: #eceff7;
}
.form-button--add {
  margin-top: 32px;
}
.form-part {
  padding: 0;
  border: 0;
  margin-inline: 0;
}
.form-part + .form-part {
  margin-top: 32px;
}
@media only screen and (min-width: 1024px) {
  .form-part + .form-part {
    margin-top: 64px;
  }
}
.form-errorbox {
  background-color: #f2ebed;
  padding: 32px 16px;
  margin-top: 32px;
}
@media only screen and (min-width: 1024px) {
  .form-errorbox {
    margin-top: 64px;
    padding: 32px;
    max-width: 503px;
  }
}
.form-errorboxText {
  color: #e20000;
}
.form-errorbox ul {
  margin-top: 16px;
}
.form-errorbox ul > li + li {
  margin-top: 16px;
}
.form-errorboxLink {
  color: #e20000;
  cursor: pointer;
}
.form-errorboxLink:hover {
  color: #af0000;
}
.form-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
  gap: 16px;
}
.form-buttons--clean {
  margin-top: 0;
}
.form-buttons--right {
  justify-content: flex-end;
}
.form-buttons--center {
  justify-content: center;
}
@media only screen and (min-width: 1024px) {
  .form-buttons {
    margin-top: 64px;
  }
  .form-buttons--tight {
    margin-top: 32px;
  }
  .form-buttons--closer {
    margin-top: 32px;
  }
  .form-buttons--clean {
    margin-top: 0;
  }
}
.form-required {
  flex: 1;
}
.form-summary {
  margin: 0;
  margin-top: 16px;
}
.form-summaryContainer {
  background-color: #ecf1ea;
  padding: 32px;
  margin-bottom: 32px;
}
@media only screen and (min-width: 1024px) {
  .form-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    row-gap: 16px;
  }
}
.form-summaryColumn {
  all: unset;
  display: block;
  flex: 1 calc(50% - 32px);
}
.form-summaryColumn--small {
  font-size: 1.4rem;
  line-height: 2.1rem;
}
@media only screen and (min-width: 1024px) {
  .form-summaryColumn--small {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}
.form-summary > dt {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .form-summary > dt {
    margin-top: 0;
  }
}
.form-summary + h2 {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .form-summary + h2 {
    margin-top: 32px;
  }
}
.form-persons {
  padding: 16px;
  background: #f6f5ea;
  margin-top: 32px;
  border: 2px dashed #cab0b9;
  max-width: 503px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media only screen and (min-width: 1024px) {
  .form-persons {
    padding: 32px;
  }
}
.form-person {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-wrap: break-word;
  word-break: break-word;
}
.form-person:before {
  content: "";
  flex-shrink: 0;
  background-color: #000000;
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../images/icon-person.svg");
          mask-image: url("../images/icon-person.svg");
}
.form-personRemove {
  margin-left: auto;
  flex-shrink: 0;
}
.form-personRemove img {
  width: 20px;
  height: 20px;
}
.form-files {
  margin-top: 16px;
}
.form-filesHeading {
  margin-bottom: 16px;
}
.form-filesList {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.form-file {
  position: relative;
  display: block;
  background: #ffffff;
  width: 100%;
  padding: 8px;
  padding-left: 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  border: 2px solid #b4b2ab;
  border-radius: 8px;
}
.form-file--invalid {
  border-color: #e20000;
}
@media only screen and (min-width: 1024px) {
  .form-file {
    padding: 6px 16px;
    padding-left: 48px;
    border-radius: 16px;
  }
}
.form-file:before {
  content: "";
  position: absolute;
  left: 8px;
  background-color: #000000;
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../images/icon-document.svg");
          mask-image: url("../images/icon-document.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 22px 22px;
          mask-size: 22px 22px;
  -webkit-mask-position: center;
          mask-position: center;
}
@media only screen and (min-width: 1024px) {
  .form-file:before {
    left: 16px;
    top: 8px;
  }
}
.form-fileRemove {
  margin-top: 2px;
}
@media only screen and (min-width: 1024px) {
  .form-fileRemove {
    margin-top: 4px;
  }
}
.form-fileRemove img {
  min-width: 20px;
  height: 20px;
}
.form-fileAdd {
  display: inline-block;
}
.form-fileName {
  display: inline-block;
  margin-top: 2px;
  word-break: break-all;
}
@media only screen and (min-width: 1024px) {
  .form-fileName {
    margin-top: 0;
  }
}
.form-helptext {
  margin-bottom: 0px;
}
.form-inputGroup--postalCodeAndCity {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
}
@media only screen and (min-width: 1024px) {
  .form-inputGroup--postalCodeAndCity {
    gap: 24px;
  }
}
.form-inputGroup--postalCodeAndCity > div {
  width: 100px;
  flex-grow: 1;
}
.form-inputGroup--postalCodeAndCity > div:first-child {
  width: 100px;
  flex-grow: 0;
}
.form-gridRow {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media only screen and (min-width: 1024px) {
  .form-gridRow {
    row-gap: 32px;
  }
}
.form-gridCol {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .form-gridCol {
    width: calc(50% - 12px);
  }
}
.form-gridCol--full {
  width: 100%;
}
.form-intro {
  margin-block: 24px;
}
@media only screen and (min-width: 1024px) {
  .form-intro {
    margin-block: 32px;
  }
}
.form-valueList {
  margin-top: 8px;
}
.form-questionBox {
  border-radius: 4px;
  border: 1px solid #b4b2ab;
  background-color: #ffffff;
  padding: 24px;
  margin-top: 8px;
}
@media only screen and (min-width: 1024px) {
  .form-questionBox {
    padding: 32px;
    margin-top: 16px;
  }
}
.form-questionBox .form-radioGroup {
  margin-top: 16px;
}
.form-inputGroup--postalCodeAndCity {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
}
@media only screen and (min-width: 1024px) {
  .form-inputGroup--postalCodeAndCity {
    gap: 24px;
  }
}
.form-inputGroup--postalCodeAndCity > div {
  width: 100px;
  flex-grow: 1;
}
.form-inputGroup--postalCodeAndCity > div:first-child {
  width: 100px;
  flex-grow: 0;
}
.form-gridRow {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media only screen and (min-width: 1024px) {
  .form-gridRow {
    row-gap: 32px;
  }
}
.form-gridCol {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .form-gridCol {
    width: calc(50% - 12px);
  }
}
.form-gridCol--full {
  width: 100%;
}
.form-intro {
  margin-block: 24px;
}
@media only screen and (min-width: 1024px) {
  .form-intro {
    margin-block: 32px;
  }
}
.form-valueList {
  margin-top: 8px;
}
.form-questionBox {
  border-radius: 4px;
  border: 1px solid #b4b2ab;
  background-color: #ffffff;
  padding: 24px;
  margin-top: 8px;
}
@media only screen and (min-width: 1024px) {
  .form-questionBox {
    padding: 32px;
    margin-top: 16px;
  }
}
.form-questionBox .form-radioGroup {
  margin-top: 16px;
}
.form-descriptionCounterWrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .form-descriptionCounterWrapper {
    max-width: 503px;
  }
}

.validation-message {
  display: block;
  color: #e20000;
  margin-top: 2px;
}

/**/
.article--block {
  margin-block: 16px;
}
@media only screen and (min-width: 1024px) {
  .article--block {
    margin-block: 32px;
  }
}
.article--medium {
  margin-inline: auto;
}
@media only screen and (min-width: 1024px) {
  .article--medium {
    max-width: 886px;
  }
}
.article--small {
  margin-inline: auto;
  max-width: 772px;
}
@media only screen and (min-width: 1024px) {
  .article--small {
    padding-inline: 16px;
  }
}
.article--loader {
  margin-left: 0;
  margin-top: 16px;
  padding-inline: 0;
}
@media only screen and (min-width: 1024px) {
  .article--loader {
    margin-top: 32px;
  }
}
.article--loader + .article--loader {
  margin-top: 32px;
}
@media only screen and (min-width: 1024px) {
  .article--loader + .article--loader {
    margin-top: 64px;
  }
}
.article-filter {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .article-filter {
    margin-top: 64px;
  }
}
.article-filter + .article-list {
  margin-top: 18px;
}
@media only screen and (min-width: 1024px) {
  .article-filter + .article-list {
    margin-top: 32px;
  }
}
.article-filterLink {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.article-filterLink:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 1px solid #b4b2ab;
  box-shadow: inset 0px 0px 0px 4px #ffffff;
  transition: all 300ms ease;
}
.article-filterLink:hover {
  text-decoration: none;
  color: currentColor;
}
.article-filterLink:hover::before {
  border-color: #000000;
}
.article-filterLink--active:before {
  background-color: #1c4206;
}
.article-date {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.article-day {
  display: flex;
  gap: 12px;
  align-items: center;
}
.article-day:before {
  content: "";
  width: 28px;
  height: 28px;
  background-image: url("../images/icon-calendar.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.article-time {
  display: flex;
  gap: 12px;
  align-items: center;
}
.article-time:before {
  content: "";
  width: 28px;
  height: 28px;
  background-image: url("../images/icon-clock.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.article-preamble {
  margin: 0;
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .article-preamble {
    margin-top: 32px;
  }
}
.article-heading {
  color: #5a754c;
}
.article-picture {
  display: block;
}
.article-picture--hero {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .article-picture--hero {
    margin-top: 32px;
  }
}
.article-picture--mypages + .article-content {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .article-picture--mypages + .article-content {
    margin-top: 24px;
  }
}
.article-picture--mypages + .article-preamble {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .article-picture--mypages + .article-preamble {
    margin-top: 24px;
  }
}
.article-list:not(.article-list--persons) {
  margin-top: 8px;
}
@media only screen and (min-width: 1024px) {
  .article-list:not(.article-list--persons) {
    margin-top: 48px;
  }
}
.article-listNoResults {
  font-family: "DM Serif Text", serif;
  font-size: 2rem;
  line-height: 2.4rem;
  margin-top: 32px;
}
@media only screen and (min-width: 1024px) {
  .article-listNoResults {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
.article-list--persons {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 768px) {
  .article-list--persons {
    flex-wrap: wrap;
    flex-direction: row;
    row-gap: 64px;
    margin-top: 32px;
  }
}
.article-header + .article-list {
  margin-top: 32px;
}
@media only screen and (min-width: 1024px) {
  .article-header + .article-list {
    margin-top: 48px;
  }
}
.article-content {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .article-content {
    margin-top: 32px;
  }
}
.article-body {
  margin-top: 32px;
}
.article-body > img:not([class]) {
  width: 100%;
  border-radius: 0 48px;
  margin-bottom: 32px;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}
.article-body > *:not([class]) {
  margin-top: 16px;
}
.article-body > ol:not([class]), .article-body > ul:not([class]) {
  padding-inline-start: 28px;
  margin-block: 26px;
}
.article-body > a:not([class]) {
  color: #5a754c;
}
.article-body > p:not([class]) {
  margin: 0;
  margin-top: 16px;
}
.article-body > p:not([class]) + .article-body > h2:not([class]) {
  margin-top: 24px;
}
@media only screen and (min-width: 1024px) {
  .article-body > p:not([class]) + .article-body > h2:not([class]) {
    margin-top: 48px;
  }
}
.article-body > p:not([class]) + .article-body > h3:not([class]) {
  margin-top: 24px;
}
@media only screen and (min-width: 1024px) {
  .article-body > p:not([class]) + .article-body > h3:not([class]) {
    margin-top: 32px;
  }
}
.article-body > p:not([class]) + .article-body > h4:not([class]) {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .article-body > p:not([class]) + .article-body > h4:not([class]) {
    margin-top: 32px;
  }
}
.article-body > p:not([class]) + .article-body > h5:not([class]) {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .article-body > p:not([class]) + .article-body > h5:not([class]) {
    margin-top: 24px;
  }
}
.article-body > h2:not([class]) + .article-body > p:not([class]) {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .article-body > h2:not([class]) + .article-body > p:not([class]) {
    margin-top: 24px;
  }
}
.article-body > h3:not([class]) + .article-body > p:not([class]) {
  margin-top: 16px;
}
.article-body > h4:not([class]) + .article-body > p:not([class]) {
  margin-top: 8px;
}
@media only screen and (min-width: 1024px) {
  .article-body > h4:not([class]) + .article-body > p:not([class]) {
    margin-top: 16px;
  }
}
.article-body > h5:not([class]) + .article-body > p:not([class]) {
  margin-top: 8px;
}
.article-body > h2:not([class]) + .article-body > h3:not([class]) {
  margin-top: 40px;
}
.article-body > h3:not([class]) + .article-body > h4:not([class]) {
  margin-top: 32px;
}
.article-body > h4:not([class]) + .article-body > h5:not([class]) {
  margin-top: 24px;
}
.article-body > table:not([class]) th,
.article-body > table:not([class]) td {
  padding-inline: 8px;
}
.article-published {
  text-align: right;
  padding: 10px 0;
  display: block;
}

.hero {
  background-color: #fafbfa;
  margin-top: -16px;
}
@media only screen and (min-width: 1024px) {
  .hero {
    margin-top: -32px;
  }
}
.hero-container {
  padding: 32px 16px;
}
@media only screen and (min-width: 1024px) {
  .hero-container {
    padding: 64px;
  }
}
.hero-wrapper {
  align-items: center;
  gap: 16px;
}
@media only screen and (min-width: 1024px) {
  .hero-wrapper {
    gap: 0;
  }
}
.hero-heading {
  color: #5a754c;
}
.hero-preamble {
  margin-top: 16px;
}
.hero-videoContainer {
  position: relative;
  overflow: hidden;
}
.hero-videoContainer .hero-picture {
  position: absolute;
  inset: 0;
}

.paging {
  margin-top: 24px;
}
@media only screen and (min-width: 1024px) {
  .paging {
    margin-top: 48px;
  }
}
.paging-summary {
  color: #69665a;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.28;
  margin-bottom: 8px;
}
.paging-list {
  display: flex;
  align-items: center;
  justify-content: center;
}
.paging-listitem {
  display: inline-block;
  margin-block: 6px;
  display: none;
  margin-right: 22px;
}
@media only screen and (min-width: 768px) {
  .paging-listitem {
    display: inline-block;
  }
}
.paging-listitem--previous {
  margin-right: 42px;
  display: inline-flex;
}
.paging-listitem--previous .paging-link {
  min-width: auto;
}
.paging-listitem--previous:hover img {
  animation: knock-right 3000ms ease-in-out infinite;
}
.paging-listitem--next {
  margin-left: 18px;
  display: inline-flex;
}
.paging-listitem--next .paging-link {
  min-width: auto;
}
.paging-listitem--next:hover img {
  animation: knock-left 3000ms ease-in-out infinite;
}
.paging-listitem--first {
  display: none;
}
.paging-listitem--last {
  display: none;
}
.paging-listitem--current {
  display: initial;
}
.paging-link {
  line-height: 1;
  text-decoration: none;
  padding: 3px;
  display: inline-block;
  border-radius: 8px;
  min-width: 24px;
  height: 24px;
  text-align: center;
  color: #000000;
}
.paging-link[aria-current] {
  background-color: #b9cab0;
  border-radius: 100%;
}
.paging-ellipsis {
  padding-left: 8px;
  padding-right: 8px;
}
.paging--mypages .paging-list {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  padding: 8px 16px;
}
.paging--mypages .paging-listitem {
  margin-right: 0px;
}
.paging--mypages .paging-listitem--first, .paging--mypages .paging-listitem--last {
  display: initial;
}
.paging--mypages .paging-listitem--previous:hover img, .paging--mypages .paging-listitem--next:hover img {
  animation: none;
}
@media only screen and (min-width: 768px) {
  .paging--mypages .paging-listitem--first, .paging--mypages .paging-listitem--previous {
    margin-right: 8px;
  }
  .paging--mypages .paging-listitem--last, .paging--mypages .paging-listitem--next {
    margin-left: 8px;
  }
}
.paging--mypages .paging-link {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 48px;
  min-height: 48px;
  padding: 12px 0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #11243f;
}
.paging--mypages .paging-link[aria-current] {
  background-color: #eceff7;
  border-radius: 0px 16px;
}
.paging--mypages .paging-link:hover {
  text-decoration: none;
}
.paging--mypages .paging-link--disabled {
  opacity: 0.5;
  cursor: initial;
}
.paging--mypages .paging-link:not([aria-current], .paging--mypages .paging-link--disabled):hover {
  border-radius: 32px;
  background-color: #F5F5F5;
}
.paging--mypages .paging-link:not([aria-current], .paging--mypages .paging-link--disabled):active {
  border-radius: 32px;
  background-color: rgb(232.25, 232.25, 232.25);
}

.faq {
  padding: 16px;
}
@media only screen and (min-width: 1024px) {
  .faq {
    padding: 32px;
  }
}
.faq--blue {
  background-color: #eceff7;
  border: 0;
}
.faq--blue *:not(.button) {
  border-color: #c8ccd9;
}
.faq--blue .faq-heading,
.faq--blue .faqHeading {
  color: #11243f;
}
.faq--green {
  background-color: #ecf1ea;
  border: 0;
}
.faq--green *:not(.button) {
  border-color: #b9cab0;
}
.faq--green .faq-heading,
.faq--green .faqHeading {
  color: #1c4206;
}
.faq--grey {
  background-color: #f2f1ec;
  border: 0;
}
.faq--grey *:not(.button) {
  border-color: #d7d4cc;
}
.faq--grey .faq-heading,
.faq--grey .faqHeading {
  color: #69665a;
}
.faq--yellow {
  background-color: #f6f5ea;
  border: 0;
}
.faq--yellow *:not(.button) {
  border-color: #ede6c1;
}
.faq--yellow .faq-heading,
.faq--yellow .faqHeading {
  color: #665a1e;
}
.faq--white {
  background-color: #ffffff;
}
.faq--white *:not(.button) {
  border-color: #000000;
}
.faq--white .faq-heading,
.faq--white .faqHeading {
  color: #000000;
}
.faq--red {
  background-color: #f2ebed;
  border: 0;
}
.faq--red *:not(.button) {
  border-color: #cab0b9;
}
.faq--red .faq-heading,
.faq--red .faqHeading {
  color: #42061c;
}
.faq-preamble {
  margin-bottom: 4px;
}
.faq-item {
  border-bottom: 2px dashed #cab0b9;
}
.faq-button {
  display: block;
  margin: 0;
  border: 0;
  width: 100%;
  padding-block: 16px;
  display: flex;
  justify-content: space-between;
  font-weight: inherit;
  cursor: pointer;
  background-color: transparent;
  color: inherit;
  text-align: left;
}
.faq-button.disabled {
  pointer-events: none;
}
@media only screen and (min-width: 1024px) {
  .faq-button {
    padding-block: 28px;
  }
}
.faq-button[aria-expanded=true] .faq-buttonToggle span.line:last-child {
  transform: rotate(0);
}
.faq-buttonToggle {
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1024px) {
  .faq-buttonToggle {
    width: 26px;
    height: 26px;
  }
}
.faq-buttonToggle span.line {
  position: absolute;
  display: block;
  background: #000000;
  transition: transform 0.2s ease;
  border-radius: 10px;
  max-width: 16px;
  width: 100%;
  height: 3px;
}
.faq-buttonToggle span.line:last-child {
  transform: rotate(90deg);
}
.faq-content {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease;
  font-size: 1.8rem;
  padding: 4px 0 0;
}
.faq-content :first-child {
  margin-top: 0;
}
.faq-linkContainer {
  text-align: right;
  margin-top: 28px;
}
@media only screen and (min-width: 1024px) {
  .faq-linkContainer {
    margin-top: 24px;
  }
}

.errorbox {
  padding: 16px;
}
@media only screen and (min-width: 1024px) {
  .errorbox {
    padding: 32px;
  }
}
.errorbox--blue {
  background-color: #eceff7;
  border: 0;
}
.errorbox--blue *:not(.button) {
  border-color: #c8ccd9;
}
.errorbox--blue .errorbox-heading,
.errorbox--blue .errorboxHeading {
  color: #11243f;
}
.errorbox--green {
  background-color: #ecf1ea;
  border: 0;
}
.errorbox--green *:not(.button) {
  border-color: #b9cab0;
}
.errorbox--green .errorbox-heading,
.errorbox--green .errorboxHeading {
  color: #1c4206;
}
.errorbox--grey {
  background-color: #f2f1ec;
  border: 0;
}
.errorbox--grey *:not(.button) {
  border-color: #d7d4cc;
}
.errorbox--grey .errorbox-heading,
.errorbox--grey .errorboxHeading {
  color: #69665a;
}
.errorbox--yellow {
  background-color: #f6f5ea;
  border: 0;
}
.errorbox--yellow *:not(.button) {
  border-color: #ede6c1;
}
.errorbox--yellow .errorbox-heading,
.errorbox--yellow .errorboxHeading {
  color: #665a1e;
}
.errorbox--white {
  background-color: #ffffff;
}
.errorbox--white *:not(.button) {
  border-color: #000000;
}
.errorbox--white .errorbox-heading,
.errorbox--white .errorboxHeading {
  color: #000000;
}
.errorbox--red {
  background-color: #f2ebed;
  border: 0;
}
.errorbox--red *:not(.button) {
  border-color: #cab0b9;
}
.errorbox--red .errorbox-heading,
.errorbox--red .errorboxHeading {
  color: #42061c;
}
.errorbox-heading {
  margin-bottom: 8px;
}
.errorbox-preamble {
  margin-bottom: 4px;
}
.errorbox-button {
  display: block;
  margin: 0;
  border: 0;
  width: 100%;
  padding-block: 16px;
  display: flex;
  justify-content: space-between;
  font-weight: inherit;
  cursor: pointer;
  background-color: transparent;
  color: inherit;
  text-align: left;
}
.errorbox-button.disabled {
  pointer-events: none;
}
@media only screen and (min-width: 1024px) {
  .errorbox-button {
    padding-block: 28px;
  }
}
.errorbox-button[aria-expanded=true] .errorbox-buttonToggle span.line:last-child {
  transform: rotate(0);
}
.errorbox-buttonToggle {
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1024px) {
  .errorbox-buttonToggle {
    width: 26px;
    height: 26px;
  }
}
.errorbox-buttonToggle span.line {
  position: absolute;
  display: block;
  background: #000000;
  transition: transform 0.2s ease;
  border-radius: 10px;
  max-width: 16px;
  width: 100%;
  height: 3px;
}
.errorbox-buttonToggle span.line:last-child {
  transform: rotate(90deg);
}
.errorbox-content {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease;
  font-size: 1.8rem;
  padding: 4px 0 0;
}
.errorbox-content :first-child {
  margin-top: 0;
}
.errorbox-content-title {
  margin-bottom: 8px;
}
.errorbox-content-details {
  margin: 0;
}

.media {
  position: relative;
}
.media-content {
  position: relative;
  overflow: hidden;
  transition: border-radius 1s ease;
}
.media-content--colored {
  border-radius: 0 24px;
  background-color: #ecf1ea;
}
.media-content--colored.playing:has(.media-figcaption, .media-playlist) {
  border-top-right-radius: 0;
}
.media-content--colored.playing:not(:has(.media-figcaption, .media-playlist)) {
  border-radius: 0;
}
.media-content--colored .media-figcaption {
  margin-top: 0;
  padding: 32px;
}
@media only screen and (min-width: 1024px) {
  .media-content--colored {
    border-radius: 0 48px;
  }
}
.media-figure {
  aspect-ratio: 16/9;
  width: 100%;
  margin: 0;
  padding: 0;
}
.media-spinner {
  aspect-ratio: 16/9;
  display: flex;
  align-items: center;
}
.media-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  display: block;
  justify-content: center;
  align-items: center;
  position: relative;
}
.media-container--video {
  width: 100%;
}
.media-container--video:focus-visible {
  outline: none;
}
.media-container--video:focus-visible picture:after {
  outline: auto;
}
.media-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(230.4628571429, 236.92, 227.88);
}
.media-container picture {
  aspect-ratio: 16/9;
  width: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.media-container picture:after {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  position: absolute;
  background-image: url("../images/video-play.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 5;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  transition: box-shadow 0.2s ease;
}
@media only screen and (min-width: 768px) {
  .media-container picture:after {
    width: 90px;
    height: 90px;
    left: calc(50% - 45px);
    top: calc(50% - 45px);
  }
}
.media-container picture img {
  aspect-ratio: 16/9;
  width: 100%;
  transition: transform 0.2s ease;
}
.media-container:hover picture:after {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.5s ease;
}
.media-container:hover picture img {
  transition: transform 0.5s ease;
  transform: scale(1.02);
}
.media-picture {
  margin: 0;
  width: 100%;
}
.media-image {
  margin-bottom: 0;
  width: 100%;
}
.media-heading {
  margin-bottom: 12px;
}
.media-figcaption {
  margin-top: 12px;
}
.media-figcaption > * {
  margin-block: 8px;
}
.media-figcaption > h2 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
}
.media-figcaption > p {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.56;
}
.media-playlist {
  padding: 24px 16px;
}
@media only screen and (min-width: 1024px) {
  .media-playlist {
    padding: 32px;
  }
}
.media-playlist > * {
  margin-block: 8px;
}
.media-playlist > h2 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
}
.media-playlist > p {
  margin-block: 0;
  margin-bottom: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.56;
}
.media-playlist > ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.media-playlistButton {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  text-align: left;
}
@media only screen and (min-width: 1024px) {
  .media-playlistButton {
    margin: -12px;
    padding: 12px;
    border-radius: 0 20px;
  }
  .media-playlistButton:hover {
    transition: background-color 0.2s ease-in;
    background-color: rgb(230.4628571429, 236.92, 227.88);
    text-decoration: none;
  }
}
.media-playlistButton.playing {
  font-weight: 700;
  pointer-events: none;
}
.media-playlistButton:before {
  content: "";
  min-width: 24px;
  width: 24px;
  height: 24px;
  background-image: url("../images/video-small.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.media-overlay {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 10;
}
.media-overlayImg {
  display: none;
  width: 32px;
  height: 32px;
}
@media only screen and (min-width: 420px) {
  .media-overlayImg {
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  .media-overlayImg {
    width: 48px;
    height: 48px;
  }
}
.media-overlayText {
  margin: 0;
  max-width: 520px;
}
@media only screen and (min-width: 1024px) {
  .media-overlayText {
    max-width: 676px;
  }
}
@media only screen and (min-width: 1024px) {
  .media-overlayButton {
    padding: 15px 16px 14px;
  }
}
.media-overlayContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-align: center;
  padding: 16px;
  width: 100%;
  aspect-ratio: 16/9;
}
@media only screen and (min-width: 1240px) {
  .media-overlayContent {
    gap: 32px;
  }
}

.list {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .list {
    margin-top: 32px;
  }
}
.list-heading {
  margin: 0;
  margin-bottom: 16px;
}
@media only screen and (min-width: 1024px) {
  .list-heading {
    margin-bottom: 32px;
  }
}
.list-list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.list-item {
  flex: 1 1 100%;
}

.imageText-wrapper {
  display: flex;
  gap: 16px;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .imageText-wrapper {
    gap: 32px;
    align-items: center;
    flex-direction: row;
  }
  .imageText-wrapper--flip {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1024px) {
  .imageText-content, .imageText-picture {
    flex: 1 50%;
  }
}
.imageText-eyebrow {
  color: #5a754c;
  margin-bottom: 8px;
}
@media only screen and (min-width: 1024px) {
  .imageText-eyebrow {
    margin-bottom: 16px;
  }
}
.imageText-preamble {
  margin-top: 8px;
}
@media only screen and (min-width: 1024px) {
  .imageText-preamble {
    margin-top: 16px;
  }
}
.imageText-link {
  display: flex;
  align-items: center;
}
.imageText-link:hover {
  text-decoration: underline;
}
.imageText-link:hover img {
  animation: knock-left 3000ms ease-in-out infinite;
}
.imageText + .imageText {
  margin-top: 0;
}

.imageText2 {
  position: relative;
  margin-block: 64px;
}
@media only screen and (min-width: 1024px) {
  .imageText2-wrapper {
    display: flex;
    align-items: center;
  }
  .imageText2-wrapper--flip {
    justify-content: flex-end;
  }
  .imageText2-wrapper--flip .imageText2-picture {
    right: none;
    left: 0;
  }
}
.imageText2-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 32px 16px;
  border-top-right-radius: 24px;
}
.imageText2-content--blue {
  background-color: #eceff7;
}
.imageText2-content--blue .imageText2-heading {
  color: #11243f;
}
.imageText2-content--green {
  background-color: #ecf1ea;
}
.imageText2-content--green .imageText2-heading {
  color: #1c4206;
}
.imageText2-content--yellow {
  background-color: #f6f5ea;
}
.imageText2-content--yellow .imageText2-heading {
  color: #665a1e;
}
@media only screen and (min-width: 1024px) {
  .imageText2-content {
    border-top-right-radius: 0;
    padding: 32px;
    z-index: 2;
    width: 100%;
    max-width: 365px;
    margin-block: 24px;
  }
}
.imageText2-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.imageText2-body > * {
  margin: 0;
}
.imageText2-body > ul {
  padding-left: 22px;
}
@media only screen and (min-width: 1024px) {
  .imageText2-content {
    min-height: 243px;
  }
}
@media only screen and (min-width: 1024px) {
  .imageText2-picture {
    position: absolute;
    min-height: 291px;
    max-height: 291px;
    right: 0;
    top: 0;
    aspect-ratio: 16/9;
  }
}
.imageText2-image {
  border-bottom-left-radius: 24px;
}
@media only screen and (min-width: 1024px) {
  .imageText2-image {
    border-radius: 0 48px;
  }
}
.imageText2-preamble {
  margin-top: 8px;
}
@media only screen and (min-width: 1024px) {
  .imageText2-preamble {
    margin-top: 16px;
  }
}
.imageText2-link {
  display: flex;
  align-items: center;
}
.imageText2-link:hover {
  text-decoration: underline;
}
.imageText2-link:hover img {
  animation: knock-left 3000ms ease-in-out infinite;
}
.imageText2 + .imageText2 {
  margin-top: 0;
}

.listBlock {
  background-color: #eceff7;
}
.listBlock a:hover {
  color: #11243f;
}
.listBlock-container {
  padding: 32px 16px;
}
@media only screen and (min-width: 1024px) {
  .listBlock-container {
    padding: 64px 64px;
  }
}
.listBlock-wrapper {
  gap: 32px;
}
@media only screen and (min-width: 1024px) {
  .listBlock-wrapper {
    gap: 0;
  }
}
.listBlock-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 1024px) {
  .listBlock-column {
    gap: 0;
  }
}
.listBlock-heading {
  color: #11243f;
}
.listBlock-link {
  display: flex;
  align-items: center;
}
.listBlock-link:hover {
  text-decoration: underline;
}
.listBlock-link:hover img {
  animation: knock-left 3000ms ease-in-out infinite;
}
.listBlock-list {
  margin-bottom: 32px;
}
.listBlock-item {
  padding: 16px 0;
}
@media only screen and (min-width: 1024px) {
  .listBlock-item {
    margin: 0 -16px;
    padding: 16px 16px;
  }
  .listBlock-item:first-child {
    margin-top: -16px;
  }
  .listBlock-item:last-child {
    margin-bottom: -16px;
  }
  .listBlock-item:hover {
    transition: background-color 0.2s ease-in;
    border-radius: 0 48px;
    background-color: rgb(249.9, 249.9, 249.9);
  }
  .listBlock .listBlock-item:hover {
    background-color: rgb(228.8222222222, 232.9555555556, 243.9777777778);
  }
}
.listBlock-item--calendar {
  display: flex;
  gap: 16px;
}
@media only screen and (min-width: 1024px) {
  .listBlock-item--calendar {
    gap: 32px;
  }
}
.listBlock-itemLink {
  font-family: "DM Serif Text", serif;
  font-size: 2rem;
  line-height: 2.4rem;
}
@media only screen and (min-width: 1024px) {
  .listBlock-itemLink {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
.listBlock-itemText {
  margin-top: 8px;
}
.listBlock-itemDate {
  display: block;
  margin-top: 8px;
}
.listBlock-date {
  font-family: "DM Serif Text", serif;
}
.listBlock-day {
  display: block;
  background-color: #11243f;
  color: #c8ccd9;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  position: relative;
  font-family: "Atkinson Hyperlegible Next", sans-serif;
  font-size: 2.2rem;
  line-height: 2.8rem;
  font-weight: 700;
}
@media only screen and (min-width: 1024px) {
  .listBlock-day {
    width: 80px;
    height: 80px;
    font-family: "DM Serif Text", serif;
    font-size: 4rem;
    line-height: 4rem;
  }
}
.listBlock-day:after {
  content: "";
  width: 16px;
  height: 16px;
  background: #11243f;
  border-radius: 100px;
  position: absolute;
  right: -16px;
  bottom: 0;
}
.listBlock-month {
  display: block;
  text-align: center;
  margin-top: 4px;
  font-size: 2rem;
  line-height: 2.4rem;
}
@media only screen and (min-width: 1024px) {
  .listBlock-month {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
.listBlock-empty {
  font-family: "DM Serif Text", serif;
  font-size: 2rem;
  line-height: 2.4rem;
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .listBlock-empty {
    font-size: 2.4rem;
    line-height: 3.2rem;
    max-width: 488px;
    margin-top: 0;
  }
}
.block:last-child .listBlock {
  margin-bottom: -64px;
}
@media only screen and (min-width: 1024px) {
  .block:last-child .listBlock {
    margin-bottom: -128px;
  }
}

.linkBlock {
  padding: 32px 16px;
}
.linkBlock--blue {
  background-color: #eceff7;
  border: 0;
}
.linkBlock--blue *:not(.button) {
  border-color: #c8ccd9;
}
.linkBlock--blue .linkBlock-heading,
.linkBlock--blue .linkBlockHeading {
  color: #11243f;
}
.linkBlock--green {
  background-color: #ecf1ea;
  border: 0;
}
.linkBlock--green *:not(.button) {
  border-color: #b9cab0;
}
.linkBlock--green .linkBlock-heading,
.linkBlock--green .linkBlockHeading {
  color: #1c4206;
}
.linkBlock--grey {
  background-color: #f2f1ec;
  border: 0;
}
.linkBlock--grey *:not(.button) {
  border-color: #d7d4cc;
}
.linkBlock--grey .linkBlock-heading,
.linkBlock--grey .linkBlockHeading {
  color: #69665a;
}
.linkBlock--yellow {
  background-color: #f6f5ea;
  border: 0;
}
.linkBlock--yellow *:not(.button) {
  border-color: #ede6c1;
}
.linkBlock--yellow .linkBlock-heading,
.linkBlock--yellow .linkBlockHeading {
  color: #665a1e;
}
.linkBlock--white {
  background-color: #ffffff;
}
.linkBlock--white *:not(.button) {
  border-color: #000000;
}
.linkBlock--white .linkBlock-heading,
.linkBlock--white .linkBlockHeading {
  color: #000000;
}
.linkBlock--red {
  background-color: #f2ebed;
  border: 0;
}
.linkBlock--red *:not(.button) {
  border-color: #cab0b9;
}
.linkBlock--red .linkBlock-heading,
.linkBlock--red .linkBlockHeading {
  color: #42061c;
}
@media only screen and (min-width: 1024px) {
  .linkBlock {
    padding: 32px;
  }
}
.linkBlock-preamble {
  margin-top: 8px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .linkBlock-preamble {
    margin-top: 16px;
  }
}
.linkBlock-list {
  margin-top: 8px;
}
@media only screen and (min-width: 1024px) {
  .linkBlock-list {
    margin-top: 16px;
  }
}
.linkBlock-item {
  margin-bottom: 16px;
}
.linkBlock-item a {
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  gap: 4px;
}
.linkBlock-item a:hover {
  text-decoration: underline;
}
.linkBlock-item a:before {
  content: "";
  min-width: 24px;
  min-height: 24px;
  background-color: #000000;
  margin-top: -2px;
  -webkit-mask-image: url("../images/icon-chevron.svg");
          mask-image: url("../images/icon-chevron.svg");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media only screen and (min-width: 1024px) {
  .linkBlock-item a:before {
    margin-top: 0;
  }
}
.linkBlock-item--external a:before {
  -webkit-mask-image: url("../images/icon-link.svg");
          mask-image: url("../images/icon-link.svg");
}
.linkBlock-item--document a:before {
  -webkit-mask-image: url("../images/icon-document.svg");
          mask-image: url("../images/icon-document.svg");
}
.linkBlock-heading + .linkBlock-item {
  margin-top: 16px;
}

.colorBlock--noBreakout {
  min-width: 0;
  margin-inline: 0;
}
.colorBlock--blue {
  background-color: #eceff7;
}
.colorBlock--blue .colorBlock-body h1,
.colorBlock--blue .colorBlock-body h2,
.colorBlock--blue .colorBlock-body h3,
.colorBlock--blue .colorBlock-body h4,
.colorBlock--blue .colorBlock-body h5 {
  color: #11243f;
}
.colorBlock--green {
  background-color: #ecf1ea;
}
.colorBlock--green .colorBlock-body h1,
.colorBlock--green .colorBlock-body h2,
.colorBlock--green .colorBlock-body h3,
.colorBlock--green .colorBlock-body h4,
.colorBlock--green .colorBlock-body h5 {
  color: #1c4206;
}
.colorBlock--yellow {
  background-color: #f6f5ea;
}
.colorBlock--yellow .colorBlock-body h1,
.colorBlock--yellow .colorBlock-body h2,
.colorBlock--yellow .colorBlock-body h3,
.colorBlock--yellow .colorBlock-body h4,
.colorBlock--yellow .colorBlock-body h5 {
  color: #665a1e;
}
.colorBlock-container {
  padding: 32px 16px;
}
@media only screen and (min-width: 1024px) {
  .colorBlock-container {
    padding: 32px 64px;
  }
}
.colorBlock-body {
  margin-top: 0;
}
@media only screen and (min-width: 1024px) {
  .colorBlock-body {
    margin-top: 0;
  }
}
.colorBlock-buttons {
  margin-top: 32px;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}
@media only screen and (min-width: 1024px) {
  .mypages .colorBlock {
    min-width: 0;
    margin-inline: 0;
  }
  .mypages .colorBlock-container {
    padding: 32px;
  }
}

.support {
  min-height: 312px;
  background-color: #b9cab0;
  background-image: url(../images/omstella-background.svg);
  background-size: 550px 488px;
  background-repeat: no-repeat;
  background-position: bottom 6px left -200px;
}
.support-container {
  padding: 32px 16px;
}
@media only screen and (min-width: 1024px) {
  .support-container {
    padding: 64px 64px;
  }
}
.support-wrapper {
  gap: 16px;
}
@media only screen and (min-width: 1024px) {
  .support-wrapper {
    gap: 0;
  }
}
.support-content {
  text-align: center;
}
.support-formContainer {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 1024px) {
  .support-formContainer {
    flex-direction: row;
  }
}
.support-input {
  border-radius: 4px;
  border: 1px solid #b9cab0;
  background: #ffffff;
  padding: 10px 12px;
}
@media only screen and (min-width: 1024px) {
  .support-input {
    flex: 1;
    max-width: 308px;
    min-width: 308px;
  }
}
.support-button {
  min-width: 72px;
}
@media only screen and (min-width: 1024px) {
  .support-button {
    min-width: 143px;
  }
}
.support-link {
  text-decoration: underline;
  cursor: pointer;
}
.support-link:hover {
  color: #1c4206;
}
.support-heading {
  color: #1c4206;
  margin-bottom: 16px;
}
.support-preamble {
  margin-bottom: 24px;
}
@media only screen and (min-width: 1024px) {
  .support-preamble {
    margin-bottom: 32px;
  }
}
.support-result {
  margin-top: 24px;
}
@media only screen and (min-width: 1024px) {
  .support-result {
    margin-top: 32px;
  }
}
.support-resultList {
  max-width: 465px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px 64px;
}
@media only screen and (min-width: 1024px) {
  .support-resultList {
    align-items: flex-start;
  }
}
.support-resultBody {
  text-align: center;
}
.support-resultItem {
  text-align: left;
}
.support-resultLink {
  text-decoration: underline;
  cursor: pointer;
  text-align: left;
  line-height: normal;
}
.support-resultLink:hover {
  color: #1c4206;
}
.support-resultHeading {
  margin-bottom: 16px;
}
.support-resultMore {
  margin-top: 16px;
}
.support .validation-message {
  margin-top: 16px;
}

.steps-heading {
  margin-bottom: 24px;
}
@media only screen and (min-width: 1024px) {
  .steps-heading {
    margin-bottom: 32px;
  }
}
.steps-list {
  flex: 1;
}
.steps-item {
  margin-top: 16px;
  display: flex;
  gap: 24px;
}
@media only screen and (min-width: 1024px) {
  .steps-item {
    gap: 46px;
    margin-top: 24px;
  }
}
.steps-itemLink {
  font-family: "DM Serif Text", serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
}
.steps-itemText {
  margin-top: 16px;
}
.steps-step {
  display: block;
  font-size: 2.2rem;
  line-height: 2.2rem;
  background-color: #11243f;
  color: #c8ccd9;
  border-radius: 100px;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .steps-step {
    min-width: 80px;
    height: 80px;
    font-size: 4rem;
    line-height: 4rem;
  }
}
.steps-step:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #11243f;
  border-radius: 100px;
  position: absolute;
  right: -8px;
  bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .steps-step:after {
    width: 16px;
    height: 16px;
    right: -16px;
  }
}

.related {
  margin-top: 24px;
}
@media only screen and (min-width: 1024px) {
  .related {
    margin-top: 64px;
  }
}
.related-heading {
  margin-bottom: 32px;
}
.related-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 1024px) {
  .related-list {
    flex-direction: row;
  }
}
.related-item {
  background-color: #eceff7;
  padding: 32px;
  flex: 0 50%;
  transition: background-color 0.1s ease;
}
.related-item:hover {
  transition: background-color 0.3s ease;
  background-color: rgb(218.0555555556, 223.8888888889, 239.4444444444);
}
.searchresult .related-itemHeading {
  font-size: 2.4rem;
}
.related-itemText {
  margin-top: 0px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.related-date + .related-itemText {
  margin-top: 2px;
}
.related-link {
  color: #11243f;
  transition: color 0.1s ease;
}
.related-link:hover {
  transition: color 0.3s ease;
  color: black;
}
.searchresult .related-link {
  text-decoration: none;
  display: block;
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: -32px;
  padding: 16px;
  color: #000;
}
.searchresult .related-link:hover {
  background-color: #eceff7;
  border-radius: 0 24px;
}
.searchresult .related-link:hover h3 {
  text-decoration: underline;
}
.searchresult .related-link--event {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.related-date {
  font-size: 1.4rem;
  margin-top: 6px;
  margin-bottom: 0;
}
.related-eventDate {
  width: 90px;
}
.related-eventDay {
  display: flex;
  width: 57px;
  height: 57px;
  background-color: #11243f;
  color: #C8CCD9;
  justify-content: center;
  align-items: center;
  font-size: 2.8rem;
  border-radius: 50%;
  position: relative;
  font-weight: 700;
  margin: 0 auto 4px;
}
.related-eventDay:after {
  content: "";
  width: 14px;
  height: 14px;
  background: #11243f;
  border-radius: 100px;
  position: absolute;
  right: -14px;
  bottom: 0;
}
.related-eventMonth {
  font-size: 1.8rem;
  text-transform: capitalize;
  margin: 0 auto;
  width: 90px;
  display: block;
  text-align: center;
}

.informationBox {
  background-color: #eceff7;
  z-index: 10;
  margin-bottom: 16px;
}
.informationBox:has(+ .informationBox) {
  margin-bottom: 0;
}
.informationBox--impersonate {
  background-color: #1c4206;
  color: #ffffff;
}
.informationBox--impersonate a:not(.button) {
  color: #ffffff !important;
}
.informationBox--impersonate .informationBox-column {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .informationBox--impersonate .informationBox-column {
    justify-content: center;
  }
}
@media only screen and (min-width: 1024px) {
  .informationBox {
    top: 113px;
  }
}
.informationBox.hide {
  display: none;
}
.informationBox-container {
  padding: 16px;
}
@media only screen and (min-width: 1024px) {
  .informationBox-container {
    padding: 24px 64px;
  }
}
.informationBox-column {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .informationBox-column {
    gap: 10px;
    flex-direction: row;
    align-items: center;
  }
}
.informationBox-content {
  margin: 0;
}
.informationBox-content a {
  color: #000000;
  text-decoration: underline;
  cursor: pointer;
}
.informationBox-content a:hover {
  color: #11243f;
}
.informationBox-close {
  display: flex;
  align-items: center;
}
.informationBox:not(.hide) + .mypages {
  margin-top: 48px;
}

.person {
  flex: 1;
  min-width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .searchresult .person {
    display: flex;
    flex-direction: row;
    gap: 32px;
    min-width: initial;
    max-width: initial;
  }
}
@media only screen and (min-width: 768px) {
  .person {
    min-width: calc(50% - 16px);
    max-width: calc(50% - 16px);
  }
}
@media only screen and (min-width: 1024px) {
  .person {
    min-width: calc(33.333% - 21.76px);
    max-width: calc(33.333% - 21.76px);
  }
}
.person-imageWrapper {
  flex: 1 1 265px;
}
.person-content {
  text-align: center;
  margin-top: 8px;
}
@media only screen and (min-width: 1024px) {
  .person-content {
    margin-top: 16px;
    padding-inline: 16px;
  }
}
.person-heading {
  margin: 0;
}
.person-preamble {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .searchresult .person-preamble {
    min-height: initial;
  }
}
@media only screen and (min-width: 1024px) {
  .person-preamble {
    min-height: 48px;
  }
}
.person-contacts {
  margin-top: 16px;
}
.person-contacts p {
  margin: 0;
}
.person-email, .person-phone {
  display: block;
}
.person-info {
  padding-top: 16px;
}
@media only screen and (min-width: 768px) {
  .searchresult .person .media-picture {
    flex: 1 0 263px;
    max-width: 263px;
  }
}

.login {
  /*    margin-top: -$grid-gutter;

  @include breakpoint(md) {
      margin-top: (-($grid-gutter * 2));
  }*/
}
.login-container {
  padding: 32px 16px;
}
@media only screen and (min-width: 1024px) {
  .login-container {
    padding: 64px;
  }
}
.login-wrapper {
  align-items: center;
  gap: 16px;
}
@media only screen and (min-width: 1024px) {
  .login-wrapper {
    gap: 0;
  }
}
.login-header {
  max-width: 772px;
}
.login-heading {
  color: #5a754c;
}
.login-preamble {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .login-preamble {
    margin-top: 32px;
  }
}
.login-dialog {
  position: relative;
  background-color: #ffffff;
  border: 0;
  position: fixed;
  inset-block-start: 16px;
  inset-block-end: 16px;
  max-width: calc(100% - 6px - 2em);
  max-height: calc(100% - 6px - 2em);
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  visibility: visible;
  overflow: auto;
  padding: 32px;
}
@media only screen and (min-width: 1024px) {
  .login-dialog {
    padding: 64px;
    max-width: 686px;
  }
}
.login-dialogButton--close {
  position: absolute;
  top: 32px;
  right: 32px;
}
@media only screen and (min-width: 1024px) {
  .login-dialogButton--close {
    top: 64px;
    right: 64px;
  }
}
.login-dialogForm {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: flex-end;
}
@media only screen and (min-width: 768px) {
  .login-dialogForm {
    flex-direction: row;
  }
}
.login-dialog::backdrop {
  background: #11243f;
  opacity: 0.65;
}
.login-box {
  margin-top: 32px;
  padding: 32px 24px;
}
@media only screen and (min-width: 1024px) {
  .login-box {
    margin-top: 64px;
    padding: 32px;
  }
}
.login-box--green {
  background-color: #ecf1ea;
}
.login-box--green .login-boxButton:hover:hover {
  transition: color 0.3s ease;
  color: #1c4206;
}
.login-box--green .login-boxHeading {
  color: #1c4206;
}
.login-box--blue {
  background-color: #eceff7;
}
.login-box--blue .login-boxButton:hover:hover {
  transition: color 0.3s ease;
  color: #11243f;
}
.login-box--blue .login-boxHeading {
  color: #11243f;
}
@media only screen and (min-width: 1024px) {
  .login-boxContent {
    display: flex;
  }
}
.login-boxHeading {
  margin-bottom: 16px;
}
@media only screen and (min-width: 1024px) {
  .login-boxHeading {
    margin-bottom: 24px;
  }
}
.login-boxText {
  margin-top: 0;
  padding-bottom: 24px;
  margin-bottom: 16px;
  border-bottom: 2px dashed #c8ccd9;
}
@media only screen and (min-width: 1024px) {
  .login-boxText {
    border-bottom: 0;
    flex: 1;
    border-right: 2px dashed #c8ccd9;
    margin-right: 24px;
    margin-bottom: 0;
    padding-right: 24px;
    padding-bottom: 0;
  }
}
.login-boxButton {
  display: flex;
  align-items: center;
  gap: 4px;
  transition: color 0.1s ease;
  text-decoration: underline;
}
.login-boxButton--bankid {
  position: relative;
  padding-block: 3px;
}
.login-boxButton--bankid:before {
  content: "";
  width: 42px;
  height: 42px;
  margin-inline: 3px;
  background-image: url("../images/icon-bankid-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  z-index: 1;
  position: relative;
  top: 1px;
}
.login-boxButton--bankid:after {
  content: "";
  position: absolute;
  background-color: #183E4F;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  left: 8px;
  top: 10px;
  z-index: 0;
}
.login-boxButton--freja {
  padding-block: 8px;
}
.login-boxButton--freja:before {
  content: "";
  width: 32px;
  height: 32px;
  margin-inline: 8px;
  background-image: url("../images/icon-freja.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
}

.thumbs {
  border-top: 1px solid #b9cab0;
  margin-top: 8px;
}
@media only screen and (min-width: 1024px) {
  .thumbs {
    margin-top: 32px;
    padding-top: 12px;
    display: flex;
    align-items: center;
    gap: 16px;
  }
}
.thumbs-text {
  margin-block: 12px;
}
.thumbs-icons {
  display: flex;
  gap: 8px;
}
@media only screen and (min-width: 1024px) {
  .thumbs-icons {
    gap: 16px;
  }
}
.thumbs-icon {
  width: 48px;
  height: 48px;
  padding: 4px;
}
.thumbs-iconContainer {
  width: 56px;
  height: 56px;
  border-radius: 100%;
  background-color: #b9cab0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.1s ease;
}
.thumbs-iconContainer:hover {
  cursor: pointer;
  transition: background-color 0.3s ease;
  background-color: rgb(157.9545454545, 181.5227272727, 145.4772727273);
}
.thumbs-iconContainer:hover[data-thumbs-up] img {
  animation: knock-up 3000ms ease-in-out infinite;
}
.thumbs-iconContainer:hover[data-thumbs-down] img {
  animation: knock-down 3000ms ease-in-out infinite;
}
.thumbs-feedback {
  border-top: 1px solid #b9cab0;
  margin-top: 8px;
}
@media only screen and (min-width: 1024px) {
  .thumbs-feedback {
    margin-top: 32px;
    padding-top: 12px;
  }
}

.contact {
  position: fixed;
  bottom: 10px;
  right: 10px;
  background-color: #1c4206;
  border-radius: 24px 0px;
  z-index: 200;
  color: #ffffff;
}
@media only screen and (max-width: 767.9px) {
  .contact {
    max-height: 66px;
    max-width: 170px;
    transition: none;
  }
}
@media only screen and (min-width: 768px) {
  .contact {
    transition: all 0.3s ease;
  }
}
@media only screen and (max-width: 767.9px) {
  .contact.open {
    bottom: 0;
    right: 0;
    z-index: 100;
    border-radius: 0;
    max-height: 100dvh;
    height: 100dvh;
    max-width: 100%;
    width: 100%;
    transition: all 0.3s ease;
  }
}
@media only screen and (min-width: 768px) {
  .contact.open {
    min-width: 370px;
  }
}
.contact.open .contact-button {
  display: none;
}
.contact.open .contact-content {
  display: block;
}
.contact-button {
  color: #ffffff;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.contact-buttonImage {
  border-radius: 100%;
  min-width: 42px;
  height: 42px;
}
.contact-button:after {
  content: "";
  width: 24px;
  height: 24px;
  background: #b9cab0;
  -webkit-mask-image: url("../images/icon-chevron.svg");
          mask-image: url("../images/icon-chevron.svg");
  transform: rotate(-90deg);
  display: block;
}
@media only screen and (min-width: 1024px) {
  .contact-button:after {
    width: 32px;
    height: 32px;
  }
}
.contact-content {
  display: none;
  padding: 24px;
}
@media only screen and (min-width: 1024px) {
  .contact-content {
    padding: 32px 24px;
  }
}
.contact-right {
  text-align: right;
}
.contact-close {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.contact-close:after {
  content: "";
  width: 24px;
  height: 24px;
  background: #b9cab0;
  -webkit-mask-image: url("../images/icon-close.svg");
          mask-image: url("../images/icon-close.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  transform: rotate(-90deg);
  display: block;
}
@media only screen and (min-width: 1024px) {
  .contact-close:after {
    width: 32px;
    height: 32px;
  }
}
.contact-part a {
  color: #ffffff;
}
.contact-part {
  padding-top: 32px;
}
.contact-part--person {
  display: flex;
  gap: 24px;
}
.contact-part + .contact-part {
  border-top: 2px dashed #cab0b9;
  margin-top: 32px;
}
.contact-partContent {
  flex: 1;
}
.contact-image {
  border-radius: 100%;
  min-width: 84px;
  height: 84px;
}
@media only screen and (min-width: 1024px) {
  .contact-image {
    min-width: 117px;
    height: 117px;
  }
}

.impersonate-cacheBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 12px 0;
  font-size: 0.82em;
  line-height: 1;
  font-style: italic;
}
.impersonate-box {
  padding: 32px;
}
.impersonate-box--blue {
  background-color: #eceff7;
  border: 0;
}
.impersonate-box--blue *:not(.button) {
  border-color: #c8ccd9;
}
.impersonate-box--blue .impersonate-box-heading,
.impersonate-box--blue .impersonate-boxHeading {
  color: #11243f;
}
.impersonate-box--green {
  background-color: #ecf1ea;
  border: 0;
}
.impersonate-box--green *:not(.button) {
  border-color: #b9cab0;
}
.impersonate-box--green .impersonate-box-heading,
.impersonate-box--green .impersonate-boxHeading {
  color: #1c4206;
}
.impersonate-box--grey {
  background-color: #f2f1ec;
  border: 0;
}
.impersonate-box--grey *:not(.button) {
  border-color: #d7d4cc;
}
.impersonate-box--grey .impersonate-box-heading,
.impersonate-box--grey .impersonate-boxHeading {
  color: #69665a;
}
.impersonate-box--yellow {
  background-color: #f6f5ea;
  border: 0;
}
.impersonate-box--yellow *:not(.button) {
  border-color: #ede6c1;
}
.impersonate-box--yellow .impersonate-box-heading,
.impersonate-box--yellow .impersonate-boxHeading {
  color: #665a1e;
}
.impersonate-box--white {
  background-color: #ffffff;
}
.impersonate-box--white *:not(.button) {
  border-color: #000000;
}
.impersonate-box--white .impersonate-box-heading,
.impersonate-box--white .impersonate-boxHeading {
  color: #000000;
}
.impersonate-box--red {
  background-color: #f2ebed;
  border: 0;
}
.impersonate-box--red *:not(.button) {
  border-color: #cab0b9;
}
.impersonate-box--red .impersonate-box-heading,
.impersonate-box--red .impersonate-boxHeading {
  color: #42061c;
}
.impersonate-boxHeading {
  margin-bottom: 16px;
}
@media only screen and (min-width: 1024px) {
  .impersonate-boxHeading {
    margin-bottom: 32px;
  }
}
.impersonate-field {
  display: flex;
  gap: 16px;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .impersonate-field {
    flex-direction: row;
    gap: 32px;
  }
}
.impersonate-input {
  flex: 1;
  max-width: none;
}
.impersonate-box + .impersonate-box {
  margin-top: 32px;
}
@media only screen and (min-width: 1024px) {
  .impersonate-box + .impersonate-box {
    margin-top: 64px;
  }
}

.dialog {
  position: relative;
  background-color: #ffffff;
  border: 0;
  position: fixed;
  inset-block-start: 16px;
  inset-block-end: 16px;
  max-width: calc(100% - 6px - 2em);
  max-height: calc(100% - 6px - 2em);
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  visibility: visible;
  overflow: auto;
  padding: 32px;
}
@media only screen and (min-width: 1024px) {
  .dialog {
    padding: 64px;
    max-width: 686px;
    min-width: 794px;
  }
}
.dialog:has(.dialog-overflow) {
  overflow: unset;
}
.dialogButton--close {
  position: absolute;
  top: 32px;
  right: 32px;
}
@media only screen and (min-width: 1024px) {
  .dialogButton--close {
    top: 64px;
    right: 64px;
  }
}
.dialogForm {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}
.dialogForm .button {
  flex: 1;
}
.dialogForm {
  flex-wrap: wrap;
}
@media only screen and (min-width: 1024px) {
  .dialogForm .button {
    flex: 0;
  }
}
.dialog::backdrop {
  background: #11243f;
  opacity: 0.65;
}
.dialog-body {
  display: flex;
  align-items: center;
  gap: 16px;
}
.dialog-box {
  background: #f6f5ea;
  padding: 8px 16px;
}
.dialog-field {
  margin-block: 32px;
}
.dialog-label {
  margin-bottom: 4px;
}
.dialog-overflow {
  flex-grow: 1;
  overflow-y: auto;
  max-height: 45vh;
}
.dialog-radioGroup {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-block: 8px;
}
.dialog-footer {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .dialog-footer {
    margin-top: 32px;
  }
}
.dialog-options {
  padding-left: 16px;
}
.dialog-options .form-field {
  margin-top: 10px;
}
.dialog-options .form-field:first-child {
  margin-top: 0px;
}

.todo {
  padding: 32px 16px;
  margin-block: 24px;
}
@media only screen and (min-width: 1024px) {
  .todo {
    padding: 32px;
    margin-bottom: 48px;
  }
}
.todo--blue {
  background-color: #eceff7;
  border: 0;
}
.todo--blue *:not(.button) {
  border-color: #c8ccd9;
}
.todo--blue .todo-heading,
.todo--blue .todoHeading {
  color: #11243f;
}
.todo--green {
  background-color: #ecf1ea;
  border: 0;
}
.todo--green *:not(.button) {
  border-color: #b9cab0;
}
.todo--green .todo-heading,
.todo--green .todoHeading {
  color: #1c4206;
}
.todo--grey {
  background-color: #f2f1ec;
  border: 0;
}
.todo--grey *:not(.button) {
  border-color: #d7d4cc;
}
.todo--grey .todo-heading,
.todo--grey .todoHeading {
  color: #69665a;
}
.todo--yellow {
  background-color: #f6f5ea;
  border: 0;
}
.todo--yellow *:not(.button) {
  border-color: #ede6c1;
}
.todo--yellow .todo-heading,
.todo--yellow .todoHeading {
  color: #665a1e;
}
.todo--white {
  background-color: #ffffff;
}
.todo--white *:not(.button) {
  border-color: #000000;
}
.todo--white .todo-heading,
.todo--white .todoHeading {
  color: #000000;
}
.todo--red {
  background-color: #f2ebed;
  border: 0;
}
.todo--red *:not(.button) {
  border-color: #cab0b9;
}
.todo--red .todo-heading,
.todo--red .todoHeading {
  color: #42061c;
}
.todo > *:last-child {
  margin-bottom: 0;
}
.todo-heading {
  margin-bottom: 8px;
  line-height: 1rem;
}
.todo-preamble {
  margin-bottom: 0;
}
.todo-subTitle {
  display: inline-block;
  margin-left: 8px;
}
.todo-list {
  margin-top: 16px;
}
@media only screen and (min-width: 1240px) {
  .todo-list {
    margin-top: 32px;
  }
}
.todo-list--noHeading {
  margin-top: 0;
}
.todo-item {
  border-bottom: 2px dashed;
  border-color: inherit;
  padding-bottom: 20px;
}
.todo-item--clean {
  padding-bottom: 0;
  border-bottom: 0;
}
.todo-item--noborder {
  border: none;
}
@media only screen and (min-width: 1240px) {
  .todo-item {
    align-items: center;
    flex-direction: row;
    padding-bottom: 28px;
    gap: 16px;
  }
  .todo-item--clean {
    padding-bottom: 0;
    border-bottom: 0;
  }
}
.todo-item + .todo-item {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .todo-item + .todo-item {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .todo-item--clean + .todo-item--clean {
    margin-top: 8px;
  }
}
.todo-container {
  margin-bottom: 24px;
}
@media only screen and (min-width: 1024px) {
  .todo-container {
    margin-bottom: 24px;
  }
}
.todo-box {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
@media only screen and (min-width: 1240px) {
  .todo-box {
    align-items: center;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
  }
}
.todo-box {
  padding: 16px;
  margin-top: 16px;
  border-radius: 8px;
  border: 1px solid var(--Basic-Grey2, #B4B2AB);
  background: var(--Basic-White, #FFF);
}
.todo-content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
@media only screen and (min-width: 1240px) {
  .todo-content {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1024px) {
  .todo-right {
    flex: 1;
    min-width: 100%;
    text-align: right;
  }
}
.todo-text {
  margin: 0;
}
.todo-status {
  border-radius: 16px;
  border: 1px dashed #000000;
  padding: 0px 12px;
}
@media only screen and (min-width: 1024px) {
  .todo-status {
    padding: 0px 24px;
  }
}
.todo-statusInfo {
  border-radius: 8px;
  margin-top: 16px;
  background-color: #ffffff;
  border: 1px solid #b4b2ab;
  padding: 8px;
}
@media only screen and (min-width: 1024px) {
  .todo-statusInfo {
    padding: 16px;
    margin-top: 24px;
  }
}
.todo-statusInfo--notgranted .todo-statusInfoButton:before {
  background-color: #b93e3e;
  -webkit-mask-image: url("../images/icon-error.svg");
          mask-image: url("../images/icon-error.svg");
}
.todo-statusInfoHeading {
  text-align: left;
  flex: 1;
}
.todo-statusInfoText {
  flex: 1 1 100%;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.todo-statusInfoText svg {
  flex-shrink: 0;
  margin-top: 2px;
  width: 18px;
  height: 18px;
}
@media only screen and (min-width: 1024px) {
  .todo-statusInfoText svg {
    width: 24px;
    height: 24px;
  }
}
.todo-statusInfoText span {
  flex: 1;
}
.todo-statusInfoText > *:last-child {
  margin-bottom: 0;
}
.todo-info {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  color: #b93e3e;
}
@media only screen and (min-width: 1024px) {
  .todo-info {
    align-items: center;
  }
}
.todo-info:before {
  content: "";
  display: block;
  min-width: 18px;
  height: 18px;
  margin-top: 1px;
  background: #b93e3e;
  -webkit-mask-image: url("../images/icon-info.svg");
          mask-image: url("../images/icon-info.svg");
}
@media only screen and (min-width: 1024px) {
  .todo-info:before {
    min-width: 22.5px;
    height: 22.5px;
    margin-top: 0;
  }
}
.todo-noresult {
  margin-top: 16px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 1024px) {
  .todo-noresult {
    margin-top: 16px;
    margin-bottom: 48px;
  }
}
.todo-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .todo-footer {
    margin-top: 32px;
  }
}
.todo-showMore {
  margin-bottom: 8px;
}
@media only screen and (min-width: 1024px) {
  .todo-showMore {
    margin-bottom: 32px;
  }
}
.todo-showMore > a {
  display: inline-flex;
  align-items: center;
  color: #000000;
  align-self: flex-start;
}
.todo-showMore > a:before {
  background-color: currentColor;
  flex-shrink: 0;
}
.todo-showMore > a:hover {
  text-decoration: underline;
}
.todo-showMore > a:hover:before {
  animation: knock-left 3000ms ease-in-out infinite;
}

.accordion {
  margin-block: 16px;
  border-bottom: 2px dashed #b9cab0;
  background-color: #fafbfa;
}
@media only screen and (min-width: 1024px) {
  .accordion {
    margin-block: 32px;
  }
}
.accordion-button {
  display: block;
  margin: 0;
  border: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-weight: inherit;
  cursor: pointer;
  background-color: transparent;
  color: inherit;
  text-align: left;
  padding: 16px 16px;
  font-family: "Atkinson Hyperlegible Next", sans-serif;
  font-size: 1.6rem;
  line-height: 1.44;
  font-weight: 400;
  font-style: normal;
}
.accordion-button.disabled {
  pointer-events: none;
}
@media only screen and (min-width: 1024px) {
  .accordion-button {
    font-size: 1.8rem;
    line-height: 1.55;
  }
}
.accordion-button[aria-expanded=true] .accordion-buttonToggle span.line:last-child {
  transform: rotate(0);
}
.accordion-buttonToggle {
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1024px) {
  .accordion-buttonToggle {
    width: 26px;
    height: 26px;
  }
}
.accordion-buttonToggle span.line {
  position: absolute;
  display: block;
  background: #000000;
  transition: transform 0.2s ease;
  border-radius: 10px;
  max-width: 16px;
  width: 100%;
  height: 3px;
}
.accordion-buttonToggle span.line:last-child {
  transform: rotate(90deg);
}
.accordion-content {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease;
  padding-inline: 16px;
}
.accordion-content *:first-child {
  margin-top: 0;
}

.status {
  display: flex;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex: 1 0 0;
  border-radius: 16px;
  border: 1px dashed #11243f;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  white-space: nowrap;
}

.status-display {
  display: inline-flex;
  align-items: center;
}
.status-display .status-info {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media only screen and (min-width: 1024px) {
  .status-display .status-info {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
  }
}
.status-display .status-separator {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .status-display .status-separator {
    display: block;
    width: 1px;
    height: 10px;
    background-color: #69665a;
    flex-shrink: 0;
  }
}
.status-display .status-name {
  display: flex;
  margin-left: 4px;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .status-display .status-name {
    margin-left: 8px;
  }
}
.status-display .status-name::before {
  content: "";
  position: relative;
  left: -4px;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
@media only screen and (min-width: 1024px) {
  .status-display .status-name::before {
    width: 10px;
    height: 10px;
    left: -8px;
  }
}
.status-display .status-name--blue::before {
  background-color: #66739d;
}
.status-display .status-name--yellow::before {
  background-color: #a9712d;
}
.status-display .status-name--green::before {
  background-color: #5a754c;
}
.status-display .status-name--red::before {
  background-color: #b93e3e;
}
.status-display .status-name--grey::before {
  background-color: #69665a;
}
.status-display .status-date {
  display: flex;
}
.status-display .status-company {
  display: flex;
  flex-grow: 1;
}

.table-container {
  margin-top: 16px;
}
.table-container--responsive {
  overflow: auto;
}
.table-container--noTopMargin {
  margin-top: 0px;
}
.table-container:has(.table--striped) {
  border-bottom: 1px solid #eceff7;
}

.table {
  border-collapse: collapse;
  width: 100%;
}
.table--striped tbody tr:nth-child(even) {
  background-color: #eceff7;
}
.table--striped {
  border-bottom: 1px solid #eceff7;
}
.table-tag {
  padding: 0 16px;
  border-radius: 16px;
  text-align: center;
}
.table-tag--reviewed {
  border: 1px dashed #11243f;
}
.table-link--doc {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.table-link--doc:before {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("../images/icon-document.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.table thead th {
  padding: 12px 8px;
  background-color: #c8ccd9;
  color: #000;
  font-weight: 700;
  text-align: left;
  vertical-align: top;
  border: 1px solid #ffffff;
  font-size: 1.6rem;
  line-height: 1.5;
}
.table thead th:last-child {
  border-top-right-radius: 40px;
  padding-right: 30px;
}
.table tbody tr {
  background-color: #fff;
}
.table tbody td {
  padding: 16px 8px;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid #ffffff;
}
.table--impersonate ul {
  margin: 0;
  padding: 0px 12px;
}
.table--impersonate tbody tr, .table--impersonate thead tr {
  border: 1px solid;
}
.table--impersonate tbody td, .table--impersonate tbody th, .table--impersonate thead td, .table--impersonate thead th {
  border: none;
  vertical-align: baseline;
}
.table--impersonate tbody td:last-child, .table--impersonate tbody th:last-child, .table--impersonate thead td:last-child, .table--impersonate thead th:last-child {
  border-top-right-radius: 0;
  padding-right: 8px;
}
.table-actionButton {
  display: flex;
  align-items: center;
  color: #11243f;
}
.table-actionLink {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  color: #11243f;
}
.table-actionLink:hover {
  text-decoration: underline;
}
.table-actionLink:before {
  position: relative;
  top: 2px;
}
.table-actionButton:before, .table-actionLink:before {
  content: "";
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.table-actionButton--download:before, .table-actionLink--download:before {
  -webkit-mask-image: url("../images/icon-download.svg");
          mask-image: url("../images/icon-download.svg");
}
.table-actionButton--delete:before, .table-actionLink--delete:before {
  -webkit-mask-image: url("../images/icon-action-delete.svg");
          mask-image: url("../images/icon-action-delete.svg");
}
.table-actionButton--archive:before, .table-actionLink--archive:before {
  -webkit-mask-image: url("../images/icon-archive.svg");
          mask-image: url("../images/icon-archive.svg");
}
.table-actionButton--activate:before, .table-actionLink--activate:before {
  -webkit-mask-image: url("../images/icon-action-activate.svg");
          mask-image: url("../images/icon-action-activate.svg");
}
.table-actionButton--information:before, .table-actionLink--information:before {
  -webkit-mask-image: url("../images/icon-action-information.svg");
          mask-image: url("../images/icon-action-information.svg");
}
.table-actionButton--edit:before, .table-actionLink--edit:before {
  -webkit-mask-image: url("../images/icon-action-pen.svg");
          mask-image: url("../images/icon-action-pen.svg");
}
.table-actionButton--remove:before, .table-actionLink--remove:before {
  -webkit-mask-image: url("../images/icon-action-trashcan.svg");
          mask-image: url("../images/icon-action-trashcan.svg");
}

.table-layout-buttons {
  display: none;
}
@media only screen and (max-width: 767.9px) {
  .table-layout-buttons {
    display: flex;
    justify-content: flex-end;
    margin-block: 16px;
    gap: 16px;
  }
}
.table-layout-buttons:has(+ .table-container) {
  margin-bottom: 0px;
}

.table-layout-button {
  display: flex;
  padding: 8px 16px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #b4b2ab;
  width: 73.5px;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.27;
}
.table-layout-button--active {
  background-color: #eceff7;
  border-color: #eceff7;
}
.table-layout-button:before {
  content: "";
  width: 24px;
  height: 24px;
  background-color: #000000;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  display: block;
}
.table-layout-button--table:before {
  -webkit-mask-image: url("../images/table-layout-table.svg");
          mask-image: url("../images/table-layout-table.svg");
}
.table-layout-button--responsive:before {
  -webkit-mask-image: url("../images/table-layout-group.svg");
          mask-image: url("../images/table-layout-group.svg");
}

.table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  padding-inline: 8px;
}

.notation-text {
  font-size: 1.6rem;
  max-width: none;
  width: 100%;
}

.spinner {
  margin-inline: auto;
  justify-content: center;
  max-width: 287px;
}
.spinner--text-on-side {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .spinner--text-on-side .spinner {
    flex-wrap: nowrap;
  }
}
.spinner--text-on-side .spinner-logo {
  margin-inline: 0px;
}
.spinner--left {
  margin-left: 0;
  justify-content: flex-start;
}
.spinner-container--blue {
  background-color: #eceff7;
  border: 0;
}
.spinner-container--blue *:not(.button) {
  border-color: #c8ccd9;
}
.spinner-container--blue .spinner-container-heading,
.spinner-container--blue .spinner-containerHeading {
  color: #11243f;
}
.spinner-container--green {
  background-color: #ecf1ea;
  border: 0;
}
.spinner-container--green *:not(.button) {
  border-color: #b9cab0;
}
.spinner-container--green .spinner-container-heading,
.spinner-container--green .spinner-containerHeading {
  color: #1c4206;
}
.spinner-container--grey {
  background-color: #f2f1ec;
  border: 0;
}
.spinner-container--grey *:not(.button) {
  border-color: #d7d4cc;
}
.spinner-container--grey .spinner-container-heading,
.spinner-container--grey .spinner-containerHeading {
  color: #69665a;
}
.spinner-container--yellow {
  background-color: #f6f5ea;
  border: 0;
}
.spinner-container--yellow *:not(.button) {
  border-color: #ede6c1;
}
.spinner-container--yellow .spinner-container-heading,
.spinner-container--yellow .spinner-containerHeading {
  color: #665a1e;
}
.spinner-container--white {
  background-color: #ffffff;
}
.spinner-container--white *:not(.button) {
  border-color: #000000;
}
.spinner-container--white .spinner-container-heading,
.spinner-container--white .spinner-containerHeading {
  color: #000000;
}
.spinner-container--red {
  background-color: #f2ebed;
  border: 0;
}
.spinner-container--red *:not(.button) {
  border-color: #cab0b9;
}
.spinner-container--red .spinner-container-heading,
.spinner-container--red .spinner-containerHeading {
  color: #42061c;
}
.spinner-container {
  text-align: center;
  padding: 32px 16px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 1024px) {
  .spinner-container {
    padding: 32px;
    margin-bottom: 48px;
  }
}
.spinner-text {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.33;
  margin-top: 32px;
  display: inline-block;
}
.spinner-logo {
  display: block;
  width: 220px;
  height: 220px;
  margin-inline: auto;
  background-image: url("../images/loader-dark.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.spinner-logo--small {
  width: 110px;
  height: 110px;
}
.spinner-logo--x-small {
  width: 55px;
  height: 55px;
}
.spinner-logo--left {
  margin: unset;
}

.counter-heading {
  margin-bottom: 16px;
}
.counter-intro {
  margin-bottom: 16px;
}
@media only screen and (min-width: 1024px) {
  .counter-intro {
    margin-bottom: 32px;
  }
}
.counter-link {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .counter-link {
    margin-top: 32px;
  }
}
.counter-summary {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: #ffffff;
  padding: 10px;
  margin-top: 16px;
  border-radius: 8px;
  border: 1px solid #b4b2ab;
}
@media only screen and (min-width: 1024px) {
  .counter-summary {
    margin-top: 32px;
    padding: 16px;
  }
}
.counter-summary p {
  margin: 0;
}
.counter-summarySum {
  font-weight: 700;
}
.counter-warning {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: #f6f5ea;
  padding: 10px;
  margin-top: 16px;
  border-radius: 8px;
  border: 1px solid #b4b2ab;
}
@media only screen and (min-width: 1024px) {
  .counter-warning {
    padding: 16px;
    margin-top: 32px;
  }
}
.counter-text {
  margin-top: 16px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .counter-text {
    margin-top: 32px;
  }
}

.cv-filter {
  display: flex;
  gap: 32px;
  margin-block: 32px;
}
.cv-filterButton {
  text-decoration: underline;
}
.cv-filterButton.active {
  text-decoration: none;
  font-weight: 700;
  pointer-events: none;
}
.cv-action {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cv-actionContainer {
  left: auto;
  margin: unset;
  border-radius: 0px 8px;
  border: 1px solid #000000;
  background-color: #ffffff;
  padding: 8px;
  position: fixed;
  width: 290px;
  z-index: 500;
}
.cv-actionContainer::backdrop {
  background: transparent;
}
.cv-actionCell {
  width: 56px;
  height: 1px;
  padding: 0 !important;
  text-align: center;
  vertical-align: middle;
  position: relative;
}
.cv-actionCellButton {
  position: relative;
  width: 56px;
  min-height: 56px;
  height: 100%;
  gap: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cv-actionCellButton:after {
  content: "";
  width: 24px;
  height: 24px;
  background-color: #66739d;
  -webkit-mask-image: url("../images/meatballs.svg");
          mask-image: url("../images/meatballs.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.cv-actionCellButton[aria-expanded=true] {
  background-color: #f2f1ec;
}
.cv-actionCellButton:hover:after {
  background-color: rgb(51.3426294821, 58.1533864542, 80.1573705179);
}
.cv-actionButton {
  flex: 1;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.cv-actionButton:hover {
  text-decoration: underline;
}
.cv-actionButton:before {
  content: "";
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 16px;
  height: 16px;
}
.cv-actionButton--download:before {
  -webkit-mask-image: url("../images/icon-download.svg");
          mask-image: url("../images/icon-download.svg");
}
.cv-actionButton--delete:before {
  -webkit-mask-image: url("../images/icon-action-delete.svg");
          mask-image: url("../images/icon-action-delete.svg");
}
.cv-actionButton--archive:before {
  -webkit-mask-image: url("../images/icon-archive.svg");
          mask-image: url("../images/icon-archive.svg");
}
.cv-actionButton--activate:before {
  -webkit-mask-image: url("../images/icon-action-activate.svg");
          mask-image: url("../images/icon-action-activate.svg");
}
.cv-actionButton--information:before {
  -webkit-mask-image: url("../images/icon-action-information.svg");
          mask-image: url("../images/icon-action-information.svg");
}
.cv-actionButton--edit:before {
  -webkit-mask-image: url("../images/icon-action-pen.svg");
          mask-image: url("../images/icon-action-pen.svg");
}
.cv-actionButton--remove:before {
  -webkit-mask-image: url("../images/icon-action-trashcan.svg");
          mask-image: url("../images/icon-action-trashcan.svg");
}
.cv-action-edit {
  cursor: pointer;
}
.cv-editText {
  margin-top: 4px;
}
.cv-dialog {
  margin-inline: 16px;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .cv-dialog {
    margin-inline: auto;
    max-width: 796px;
  }
}
.cv-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 16px;
  background-color: #ffffff;
  border-radius: 8px;
  border: 2px solid #b4b2ab;
}
.cv-detailsName {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.cv-detailsName:before {
  content: "";
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-image: url("../images/icon-document.svg");
}
.cv-detailsButton {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background: url("../images/meatballs-black.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}
.cv-nojob {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("../images/icon-broken-link.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
  margin-left: 8px;
  margin-bottom: 3px;
}
.cv-evaluationList {
  display: flex;
  gap: 16px;
  flex-direction: column;
  margin-top: 32px;
}
.cv-evaluationItem {
  display: flex;
  gap: 8px;
  align-items: center;
}
.cv-evaluationButton {
  cursor: pointer;
}
.cv-evaluationButton:not(.cv-evaluationButton--name) {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.cv-evaluationButton--name {
  text-decoration: underline;
}
.cv-evaluationButton--download {
  background-image: url("../images/icon-download.svg");
}
.cv-evaluationButton--delete {
  background-image: url("../images/icon-delete.svg");
}
.cv-evaluationErrorList {
  margin-top: 32px;
  color: #e20000;
}

.no-applications {
  text-align: center;
  background-color: #fff;
}
.no-applications-icon {
  width: 133px;
  height: 133px;
  margin: 0 auto;
  cursor: pointer;
  border-radius: 100%;
}
.no-applications-text {
  color: #b4b2ab;
  font-size: 1.6rem;
  font-weight: 700;
  width: 198px;
  margin: 0 auto;
  text-align: center;
  line-height: 1.3;
  display: block;
  white-space: initial;
}

.search {
  margin: 0 16px;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .search {
    width: auto;
    margin: 0;
    max-width: 400px;
  }
}
.search-input {
  border: solid 1px #5a754c;
  border-radius: 0 8px 0 8px;
  flex: 1 1 auto;
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 4px 12px;
  background-color: #fff;
  max-width: 100%;
  width: 100%;
}
.search-input:focus {
  outline-offset: 3px 40px 3px 3px !important;
}
@media only screen and (min-width: 1024px) {
  .search-input {
    width: 400px;
  }
}
.search-btn {
  border: 0;
  margin-left: -1px;
  background-color: #fff;
  border-left: solid 1px #5a754c;
  padding-right: 16px;
  text-align: right;
  color: #000;
  font-weight: normal;
  min-width: initial;
  border-radius: 0px 8px 0px 0px;
  gap: 8px !important;
  position: absolute;
  right: 1px;
  max-height: 32px;
}
.search-btn > span {
  display: none;
}
@media only screen and (min-width: 420px) {
  .search-btn > span {
    display: inline-flex;
  }
}

.tablist {
  border-bottom: solid 1px #b4b2ab;
  gap: 16px;
  overflow-x: auto;
  display: none;
}
@media only screen and (min-width: 1024px) {
  .tablist {
    display: flex;
  }
}
.tablist-item {
  padding: 2px;
  flex: 0 1 25%;
  text-align: center;
}
.tablist-item--active {
  border-bottom: solid 2px #1c4206;
}
.tablist-link {
  color: #000;
  font-size: 1.8rem;
  font-style: normal;
  line-height: 1.55;
  text-decoration: none;
  white-space: nowrap;
}
.tablist-item--active .tablist-link {
  font-weight: 700;
  color: #1c4206;
}

.searchresult {
  margin-top: 32px;
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.searchresult-teaser:first-child {
  margin-top: -16px;
}
.searchresult-faq {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0px 24px;
  background: #f6f5ea;
  width: 100%;
}
.searchresult-faqHeading {
  font-size: 2rem;
  line-height: 1.4;
  width: 100%;
}
.searchresult-faqButton {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  background-color: transparent;
  position: relative;
  width: 100%;
  text-align: left;
  padding: 16px 24px;
  border-radius: 0px 24px;
  background: #f6f5ea;
  cursor: pointer;
  color: #000;
}
.searchresult-faqButton.disabled {
  pointer-events: none;
}
.searchresult-faqButton[aria-expanded=true] .searchresult-faqButtonToggle span.line:last-child {
  transform: rotate(0);
}
.searchresult-faqButtonToggle {
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1024px) {
  .searchresult-faqButtonToggle {
    width: 26px;
    height: 26px;
  }
}
.searchresult-faqButtonToggle span.line {
  position: absolute;
  display: block;
  background: #000000;
  transition: transform 0.2s ease;
  border-radius: 10px;
  max-width: 16px;
  width: 100%;
  height: 3px;
}
.searchresult-faqButtonToggle span.line:last-child {
  transform: rotate(90deg);
}
.searchresult-faqContent {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease;
  margin-top: 0;
  padding: 0 24px;
}
.searchresult-faqContent p {
  margin-top: 0;
}

.pageSearch {
  width: 100%;
  display: flex;
  gap: 16px;
  margin: 32px 0;
}
.pageSearch-input {
  flex: auto;
  font-size: 1.8rem;
  line-height: 1.55;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid #b4b2ab;
}
.pageSearch-btn {
  flex: 1 0 120px;
  max-width: 120px;
}

.chart--age {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 32px;
  row-gap: 16px;
  height: 210px;
  margin-block: 32px;
}
@media only screen and (min-width: 1024px) {
  .chart--age {
    gap: 44px;
    margin-block: 64px;
  }
}
.chart--age .chart-total {
  width: 100%;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.6;
}
.chart--age .rz-chart {
  height: 210px;
}
.chart--age .rz-chart > svg > g {
  transform: translate(0, 32px) scale(0.56, 0.56);
}
@media only screen and (min-width: 1024px) {
  .chart--age .rz-chart > svg > g {
    transform: translate(0, 32px) scale(1, 1);
  }
}
.chart--age .rz-legend {
  position: relative;
  margin-left: -102px;
}
@media only screen and (min-width: 1024px) {
  .chart--age .rz-legend {
    margin-left: 0;
  }
}
.chart--age .rz-series-item-0,
.chart--age .rz-series-0 {
  fill: #A2DCA2 !important;
  stroke: #ffffff !important;
}
.chart--age .rz-series-item-1,
.chart--age .rz-series-1 {
  fill: #ecf1ea !important;
  stroke: #ffffff !important;
}
.chart--age .rz-series-item-2,
.chart--age .rz-series-2 {
  fill: #b9cab0 !important;
  stroke: #ffffff !important;
}
.chart--age .rz-series-item-3,
.chart--age .rz-series-3 {
  fill: #5a754c !important;
  stroke: #ffffff !important;
}
.chart--age .rz-series-item-4,
.chart--age .rz-series-4 {
  fill: #1c4206 !important;
  stroke: #ffffff !important;
}
.chart--age .rz-series-item-5,
.chart--age .rz-series-5 {
  fill: #071102 !important;
  stroke: #ffffff !important;
}
.chart--age .rz-legend-item {
  gap: 8px;
}
.chart--age .rz-legend-item > svg {
  width: 24px;
  height: 24px;
  border: 1px solid #ffffff;
}
.chart--age .rz-legend-item-text {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.6;
}
.chart--age .rz-legend-item:has(.rz-series-item-0) > svg {
  background-color: #A2DCA2;
}
.chart--age .rz-legend-item:has(.rz-series-item-1) > svg {
  background-color: #ecf1ea;
}
.chart--age .rz-legend-item:has(.rz-series-item-2) > svg {
  background-color: #b9cab0;
}
.chart--age .rz-legend-item:has(.rz-series-item-3) > svg {
  background-color: #5a754c;
}
.chart--age .rz-legend-item:has(.rz-series-item-4) > svg {
  background-color: #1c4206;
}
.chart--age .rz-legend-item:has(.rz-series-item-5) > svg {
  background-color: #071102;
}

p.emptyTableMessage {
  font-style: italic;
  margin-top: 24px;
}

.box {
  position: relative;
  background-color: #b9cab0;
  padding: 16px;
}
.box--light {
  background-color: #ecf1ea;
}
.box--light .box-heading {
  color: #1c4206;
}
.box--light .box-body:has(.box-more) .box-moreText:after {
  background-image: linear-gradient(0deg, #ecf1ea 0%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0) 100%) !important;
}
.box:not(.box--tight) {
  margin-block: 32px;
}
@media only screen and (min-width: 1024px) {
  .box:not(.box--tight) {
    margin-block: 64px;
  }
}
.box:has(.box-icon) {
  margin-block: 64px 32px;
}
@media only screen and (min-width: 1024px) {
  .box:has(.box-icon) {
    margin-block: 64px;
  }
}
.box:has(.box-icon) {
  padding: 112px 16px 32px;
}
@media only screen and (min-width: 1024px) {
  .box:has(.box-icon) {
    padding: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .box:has(.box-icon) .box-body {
    margin-right: 200px;
  }
}
@media only screen and (min-width: 1024px) {
  .box {
    padding: 32px;
  }
}
.box-body {
  position: relative;
}
.box-body:has(.box-more[data-show=less]) .box-moreText {
  position: relative;
  max-height: 87px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.box-body:has(.box-more[data-show=less]) .box-moreText:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  background-image: linear-gradient(0deg, #b9cab0 0%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0) 100%);
}
@media only screen and (min-width: 1024px) {
  .box-body:has(.box-more[data-show=less]) .box-moreText {
    max-height: 80px;
  }
}
.box-more {
  text-decoration: underline;
  display: inline-block;
  margin-top: 12px;
}
.box-more[data-show=less]:before {
  content: attr(data-show-more);
}
.box-more[data-show=more]:before {
  content: attr(data-show-less);
}
.box-icon {
  position: absolute;
  top: -34px;
  right: calc(50% - 66.5px);
  width: 133px;
  height: 133px;
  background-color: #ecf1ea;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.box-icon--diploma {
  background-image: url("../images/icons/green/digitalutbildningsportal.svg");
}
.box-icon--jmt {
  background-image: url("../images/icons/green/karriarguiden.svg");
  background-size: 110px;
}
@media only screen and (min-width: 1024px) {
  .box-icon {
    right: 74px;
  }
}
.box-heading {
  margin-bottom: 16px;
  color: #1c4206;
}
.box-flexbox {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 1024px) {
  .box-flexbox {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1024px) {
  .box-picture {
    flex: 0 0 206px;
  }
}
.box-buttons {
  margin-top: 16px;
  display: flex;
  gap: 16px;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .box-buttons {
    flex-direction: row;
    align-items: center;
    gap: 32px;
    justify-content: flex-end;
    margin-top: 32px;
  }
}
.box-links {
  margin-top: 32px;
  display: flex;
  gap: 16px;
  flex-direction: column;
  align-items: flex-end;
}
@media only screen and (min-width: 1024px) {
  .box-links {
    flex-direction: row;
    gap: 32px;
    justify-content: flex-end;
    align-items: center;
  }
}

.link--disabled {
  pointer-events: none;
}

.linkList-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.linkList-link {
  text-decoration: underline;
  display: flex;
  align-items: center;
  gap: 4px;
}
.linkList-link:hover {
  text-decoration: underline;
}
.linkList-link:before {
  content: "";
  min-width: 24px;
  min-height: 24px;
  background-color: #000000;
  margin-top: -2px;
  -webkit-mask-image: url("../images/icon-chevron.svg");
          mask-image: url("../images/icon-chevron.svg");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media only screen and (min-width: 1024px) {
  .linkList-link:before {
    margin-top: 0;
  }
}

.imageTeasers-heading {
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .imageTeasers-heading {
    margin-bottom: 24px;
  }
}
.imageTeasers-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media only screen and (min-width: 768px) {
  .imageTeasers-list {
    gap: 64px;
  }
}
.imageTeasers-item {
  width: 100%;
}

.imageTeaser-wrapper {
  display: flex;
  flex-direction: column;
  background-color: #ecf1ea;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .imageTeaser-wrapper {
    flex-direction: row;
  }
  .imageTeaser-wrapper--flip {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 768px) {
  .imageTeaser-content, .imageTeaser-picture {
    flex: 1 50%;
  }
}
.imageTeaser-content {
  padding: 16px;
}
@media only screen and (min-width: 768px) {
  .imageTeaser-content {
    padding: 32px;
    margin-block: auto;
  }
}
.imageTeaser-heading {
  color: #1c4206;
}
.imageTeaser-picture {
  aspect-ratio: 16/9;
}
@media only screen and (min-width: 768px) {
  .imageTeaser-picture {
    aspect-ratio: auto;
  }
}
@media only screen and (max-width: 1023.9px) {
  .imageTeaser-image {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .imageTeaser-image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.imageTeaser-preamble {
  margin-top: 8px;
}
@media only screen and (min-width: 768px) {
  .imageTeaser-preamble {
    margin-top: 16px;
  }
}
.imageTeaser-link {
  display: flex;
  align-items: center;
}
.imageTeaser-link:before {
  background-color: currentColor;
  flex-shrink: 0;
}
.imageTeaser-link:hover {
  text-decoration: underline;
}
.imageTeaser-link:hover:before {
  animation: knock-left 3000ms ease-in-out infinite;
}
.imageTeaser + .imageTeaser {
  margin-top: 0;
}

.articleTeasers-heading {
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .articleTeasers-heading {
    margin-bottom: 24px;
  }
}
.articleTeasers-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media only screen and (min-width: 768px) {
  .articleTeasers-list {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  }
}
.articleTeasers--featured .articleTeasers-list {
  gap: 32px;
}
@media only screen and (min-width: 768px) {
  .articleTeasers--featured .articleTeasers-list {
    gap: 64px;
  }
}
.articleTeaser-link {
  display: block;
  text-decoration: none;
}
.articleTeaser-link:hover {
  text-decoration: none;
  color: currentColor;
}
.articleTeaser-link:hover .articleTeaser-heading {
  text-decoration: underline;
}
.articleTeaser-picture {
  aspect-ratio: 16/9;
}
.articleTeaser-image {
  aspect-ratio: 16/9;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 16px;
}
.articleTeaser-heading {
  font-size: 2.6rem;
  line-height: 1.15;
}
.articleTeaser-preamble {
  margin-top: 8px;
}

.digitalTools-heading {
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .digitalTools-heading {
    margin-bottom: 24px;
  }
}
.digitalTools-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media only screen and (min-width: 768px) {
  .digitalTools-list {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  }
}

.digitalTool {
  overflow: hidden;
  background-color: #ffffff;
}
.digitalTool-picture {
  aspect-ratio: 16/9;
}
.digitalTool-image {
  aspect-ratio: 16/9;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.digitalTool-image--blue {
  background-color: #eceff7;
}
.digitalTool-image--green {
  background-color: #ecf1ea;
}
.digitalTool-image--yellow {
  background-color: #f6f5ea;
}
.digitalTool-content {
  padding: 16px;
}
.digitalTool-link {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 4px;
}
.digitalTool-link:hover {
  text-decoration: underline;
}
.digitalTool-link:before {
  background-color: #1c4206;
  flex-shrink: 0;
}
.digitalTool-link:hover {
  text-decoration: underline;
}
.digitalTool-link:hover:before {
  animation: knock-left 3000ms ease-in-out infinite;
}

.employerTransitSupport-contentContainer > * {
  margin-bottom: 32px;
}
.employerTransitSupport-contentContainer > *:last-child {
  margin-bottom: 0px;
}
.employerTransitSupport-contentContainer > *:not(.employerTransitSupportTable, .employerTransitSupportSummaryList, .form-buttons--wide) {
  max-width: 980px;
}
.employerTransitSupport-contentContainer .form-errorbox,
.employerTransitSupport-contentContainer .form-buttons {
  margin-top: 0px;
}
.employerTransitSupport-contentContainer .form-buttons {
  width: 100%;
}
@media only screen and (max-width: 1023.9px) {
  .employerTransitSupport-contentContainer .form-buttons > :first-child:last-child {
    width: 100%;
  }
  .employerTransitSupport-contentContainer .form-buttons .button--back {
    min-width: auto;
    text-indent: -9999px;
    gap: 0px;
  }
}
.employerTransitSupport-excelButtons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767.9px) {
  .employerTransitSupport-excelButtons > * {
    width: 100%;
  }
}
.employerTransitSupport-summary h2 {
  margin-bottom: 16px;
}
.employerTransitSupport-summary > p {
  margin: 0px;
}
.employerTransitSupport-sendStatusList {
  font-weight: 700;
}
.employerTransitSupport-sendStatusSummary {
  font-weight: 700;
  margin-top: 0px;
}
.employerTransitSupport-sendStatusText--success {
  color: #5a754c;
}
.employerTransitSupport-sendStatusText--error {
  color: #b93e3e;
}
.employerTransitSupport-readMoreLink {
  text-decoration: underline;
  cursor: pointer;
  text-align: left;
  line-height: normal;
}
.employerTransitSupport-readMoreLink:hover {
  color: #1c4206;
}

.employerTransitSupportSummaryList-item:nth-child(even) {
  background-color: #eceff7;
}
@media only screen and (max-width: 1023.9px) {
  .employerTransitSupportSummaryList {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .employerTransitSupportSummaryList-item {
    border-radius: 16px;
    border: 1px solid #b4b2ab;
    padding-block: 8px;
    padding-inline: 16px;
  }
  .employerTransitSupportSummaryList-itemCount {
    font-weight: 700;
  }
  .employerTransitSupportSummaryList-itemDataHeading {
    display: none;
  }
  .employerTransitSupportSummaryList-itemData dl {
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-top: 16px;
  }
  .employerTransitSupportSummaryList-itemData dl dd, .employerTransitSupportSummaryList-itemData dl dt {
    margin: 0px;
    padding: 0px;
    width: 100%;
  }
  .employerTransitSupportSummaryList-itemData dl dt {
    font-weight: 700;
  }
  .employerTransitSupportSummaryList-itemData dl dd {
    margin-bottom: 16px;
  }
  .employerTransitSupportSummaryList-itemData dl dd:last-child {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1024px) {
  .employerTransitSupportSummaryList {
    gap: 0px;
  }
  .employerTransitSupportSummaryList-item {
    border-radius: 0px;
    border: none;
    border-bottom: 4px solid #66739d;
    padding-block: 32px;
    padding-inline: 16px;
    display: flex;
    align-items: flex-start;
    gap: 32px;
    background-color: #ffffff;
  }
  .employerTransitSupportSummaryList-item:nth-child(even) {
    background-color: #eceff7;
  }
  .employerTransitSupportSummaryList-item:nth-child(even) .employerTransitSupportSummaryList-itemCount {
    background-color: #ffffff;
  }
  .employerTransitSupportSummaryList-item:first-child {
    padding-top: 16px;
  }
  .employerTransitSupportSummaryList-itemCount {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-grow: 0;
    gap: 4px;
    justify-content: center;
    align-items: center;
    border-radius: 0px 8px;
    background-color: #eceff7;
    padding: 8px;
  }
  .employerTransitSupportSummaryList-itemCount > span {
    font-weight: 700;
  }
  .employerTransitSupportSummaryList-itemData {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 64px;
  }
  .employerTransitSupportSummaryList-itemDataHeading {
    display: block;
    margin-block: 0px 16px;
  }
  .employerTransitSupportSummaryList-itemData dl {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    row-gap: 16px;
  }
  .employerTransitSupportSummaryList-itemData dl dd, .employerTransitSupportSummaryList-itemData dl dt {
    margin: 0px;
    padding: 0px;
    width: calc(50% - 8px);
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .employerTransitSupportSummaryList-itemData dl dd {
    font-weight: 700;
  }
}

.employerTransitSupportTable {
  max-width: min(100%, 1384px);
}
.employerTransitSupportTable table.rz-grid-table td, .employerTransitSupportTable table.rz-grid-table th {
  border: initial;
}
.employerTransitSupportTable table.rz-grid-table td:last-child,
.employerTransitSupportTable table.rz-grid-table th:last-child {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  border-radius: 0px;
  box-shadow: 2px 2px #ffffff;
}
.employerTransitSupportTable table.rz-grid-table th:nth-last-child(2) {
  border-top-right-radius: 40px;
}
.employerTransitSupportTable table.rz-grid-table th {
  vertical-align: bottom;
}
.employerTransitSupportTable table.rz-grid-table th .rz-column-title {
  padding-left: 0px;
}
.employerTransitSupportTable table.rz-grid-table th .rz-column-title-content {
  font-family: "Atkinson Hyperlegible Next", sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
}
.employerTransitSupportTable table.rz-grid-table {
  border-bottom-width: 0px;
}
.employerTransitSupportTable table.rz-grid-table tr:last-child td {
  border-bottom: 2px solid #d7d4cc;
}
.employerTransitSupportTable table.rz-grid-table td {
  position: relative;
  border: 1px solid #d7d4cc;
  padding: 10px 16px;
}
.employerTransitSupportTable table.rz-grid-table td:first-child {
  border-left: 2px solid #d7d4cc;
}
.employerTransitSupportTable table.rz-grid-table td:last-child {
  position: sticky;
}
.employerTransitSupportTable table.rz-grid-table td .employerTransitSupportTable-terminationReasonText {
  min-height: 40px;
  display: flex;
  align-items: center;
}
.employerTransitSupportTable table.rz-grid-table td .employerTransitSupportTable-rowErrorText {
  display: none;
  color: var(--rz-form-error-color);
}
.employerTransitSupportTable table.rz-grid-table td .inputContainer {
  position: relative;
}
.employerTransitSupportTable table.rz-grid-table td input {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: var(--rz-input-border-radius);
}
.employerTransitSupportTable table.rz-grid-table td .rz-datepicker {
  position: relative;
  box-shadow: none;
}
.employerTransitSupportTable table.rz-grid-table td .rz-messages-error {
  font-size: 1.6rem;
}
.employerTransitSupportTable table.rz-grid-table td.actionsCol {
  z-index: 3 !important;
}
.employerTransitSupportTable table.rz-grid-table td.actionsCol > span {
  display: flex;
  gap: 8px;
  /*                    &:has(> button:nth-of-type(2):last-of-type) {
                          padding-left: 48px; //button width + gap
                      }  */
}
.employerTransitSupportTable table.rz-grid-table td .rz-button-icon-only:not(.rz-datepicker-trigger) {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-grow: 0;
  margin: 0px;
  padding: 0px;
}
.employerTransitSupportTable table.rz-grid-table td .rz-button-icon-only:not(.rz-datepicker-trigger) .rzi {
  font-size: 20px;
}
.employerTransitSupportTable table.rz-grid-table td .rz-button-icon-only:not(.rz-datepicker-trigger).rz-success {
  background-color: #3E9108;
  color: #ffffff;
}
.employerTransitSupportTable table.rz-grid-table td .rz-button-icon-only:not(.rz-datepicker-trigger).rz-light {
  background-color: #E3EAF2;
  color: #11243f;
}
.employerTransitSupportTable table.rz-grid-table td .rz-button-icon-only:not(.rz-datepicker-trigger).rz-danger {
  background-color: #F9D2D1;
  color: #6F3438;
}
.employerTransitSupportTable:not(.rz-datatable-reflow) .employerTransitSupportTable-row--invalid:has(.rz-messages-error) .employerTransitSupportTable-rowErrorText {
  display: inline-block !important;
}
.employerTransitSupportTable:not(.rz-datatable-reflow) .employerTransitSupportTable-row--invalid td:not(.rz-frozen-cell) {
  background: linear-gradient(to top, #b93e3e 2px, transparent 1px), linear-gradient(to bottom, #b93e3e 2px, transparent 1px); /* top border */
  background-color: transparent;
}
.employerTransitSupportTable:not(.rz-datatable-reflow) .employerTransitSupportTable-row--invalid td:not(.rz-frozen-cell):first-child {
  background: linear-gradient(to top, #b93e3e 2px, transparent 1px), linear-gradient(to bottom, #b93e3e 2px, transparent 1px), linear-gradient(to right, #b93e3e 2px, transparent 1px); /* left border */
  background-color: transparent;
}
.employerTransitSupportTable:not(.rz-datatable-reflow) .employerTransitSupportTable-row--invalid td:not(.rz-frozen-cell):first-child:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-top: 16px solid #b93e3e;
  border-right: 16px solid transparent;
}
.employerTransitSupportTable:not(.rz-datatable-reflow) .employerTransitSupportTable-row--invalid td:not(.rz-frozen-cell):nth-last-child(2) {
  background: linear-gradient(to top, #b93e3e 2px, transparent 1px), linear-gradient(to bottom, #b93e3e 2px, transparent 1px), linear-gradient(to left, #b93e3e 2px, transparent 1px);
  background-color: transparent;
}
.employerTransitSupportTable:not(.rz-datatable-reflow) .employerTransitSupportTable-row--invalid:nth-child(odd):has(.rz-messages-error) .employerTransitSupportTable-rowErrorText {
  display: inline-block !important;
}
.employerTransitSupportTable:not(.rz-datatable-reflow) .employerTransitSupportTable-row--invalid:nth-child(odd) td:not(.rz-frozen-cell) {
  background: linear-gradient(to top, #b93e3e 2px, transparent 1px), linear-gradient(to bottom, #b93e3e 2px, transparent 1px); /* top border */
  background-color: var(--rz-grid-stripe-odd-background-color);
}
.employerTransitSupportTable:not(.rz-datatable-reflow) .employerTransitSupportTable-row--invalid:nth-child(odd) td:not(.rz-frozen-cell):first-child {
  background: linear-gradient(to top, #b93e3e 2px, transparent 1px), linear-gradient(to bottom, #b93e3e 2px, transparent 1px), linear-gradient(to right, #b93e3e 2px, transparent 1px); /* left border */
  background-color: var(--rz-grid-stripe-odd-background-color);
}
.employerTransitSupportTable:not(.rz-datatable-reflow) .employerTransitSupportTable-row--invalid:nth-child(odd) td:not(.rz-frozen-cell):first-child:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-top: 16px solid #b93e3e;
  border-right: 16px solid transparent;
}
.employerTransitSupportTable:not(.rz-datatable-reflow) .employerTransitSupportTable-row--invalid:nth-child(odd) td:not(.rz-frozen-cell):nth-last-child(2) {
  background: linear-gradient(to top, #b93e3e 2px, transparent 1px), linear-gradient(to bottom, #b93e3e 2px, transparent 1px), linear-gradient(to left, #b93e3e 2px, transparent 1px);
  background-color: var(--rz-grid-stripe-odd-background-color);
}

@media only screen and (min-width: 768px) {
  .employerTransitSupportTable .employerTransitSupportTable-row--invalid:has(.rz-messages-error) .employerTransitSupportTable-rowErrorText {
    display: inline-block !important;
  }
  .employerTransitSupportTable .employerTransitSupportTable-row--invalid td:not(.rz-frozen-cell) {
    background: linear-gradient(to top, #b93e3e 2px, transparent 1px), linear-gradient(to bottom, #b93e3e 2px, transparent 1px); /* top border */
    background-color: transparent;
  }
  .employerTransitSupportTable .employerTransitSupportTable-row--invalid td:not(.rz-frozen-cell):first-child {
    background: linear-gradient(to top, #b93e3e 2px, transparent 1px), linear-gradient(to bottom, #b93e3e 2px, transparent 1px), linear-gradient(to right, #b93e3e 2px, transparent 1px); /* left border */
    background-color: transparent;
  }
  .employerTransitSupportTable .employerTransitSupportTable-row--invalid td:not(.rz-frozen-cell):first-child:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 16px solid #b93e3e;
    border-right: 16px solid transparent;
  }
  .employerTransitSupportTable .employerTransitSupportTable-row--invalid td:not(.rz-frozen-cell):nth-last-child(2) {
    background: linear-gradient(to top, #b93e3e 2px, transparent 1px), linear-gradient(to bottom, #b93e3e 2px, transparent 1px), linear-gradient(to left, #b93e3e 2px, transparent 1px);
    background-color: transparent;
  }
  .employerTransitSupportTable .employerTransitSupportTable-row--invalid:nth-child(odd):has(.rz-messages-error) .employerTransitSupportTable-rowErrorText {
    display: inline-block !important;
  }
  .employerTransitSupportTable .employerTransitSupportTable-row--invalid:nth-child(odd) td:not(.rz-frozen-cell) {
    background: linear-gradient(to top, #b93e3e 2px, transparent 1px), linear-gradient(to bottom, #b93e3e 2px, transparent 1px); /* top border */
    background-color: var(--rz-grid-stripe-odd-background-color);
  }
  .employerTransitSupportTable .employerTransitSupportTable-row--invalid:nth-child(odd) td:not(.rz-frozen-cell):first-child {
    background: linear-gradient(to top, #b93e3e 2px, transparent 1px), linear-gradient(to bottom, #b93e3e 2px, transparent 1px), linear-gradient(to right, #b93e3e 2px, transparent 1px); /* left border */
    background-color: var(--rz-grid-stripe-odd-background-color);
  }
  .employerTransitSupportTable .employerTransitSupportTable-row--invalid:nth-child(odd) td:not(.rz-frozen-cell):first-child:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 16px solid #b93e3e;
    border-right: 16px solid transparent;
  }
  .employerTransitSupportTable .employerTransitSupportTable-row--invalid:nth-child(odd) td:not(.rz-frozen-cell):nth-last-child(2) {
    background: linear-gradient(to top, #b93e3e 2px, transparent 1px), linear-gradient(to bottom, #b93e3e 2px, transparent 1px), linear-gradient(to left, #b93e3e 2px, transparent 1px);
    background-color: var(--rz-grid-stripe-odd-background-color);
  }
}
.employerTransitSupportTable-cell--invalid input {
  border: 1px solid #b93e3e !important;
}
.employerTransitSupportTable-cell--invalid .inputContainer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-top: 16px solid #b93e3e;
  border-right: 16px solid transparent;
  border-top-left-radius: var(--rz-input-border-radius);
  z-index: 2;
}
@media only screen and (max-width: 767.9px) {
  .employerTransitSupportTable.rz-datatable-reflow .rz-numeric,
  .employerTransitSupportTable.rz-datatable-reflow .rz-datepicker {
    width: 100%;
  }
  .employerTransitSupportTable.rz-datatable-reflow table.rz-grid-table .rz-column-title {
    display: block;
    width: 100%;
    white-space: normal;
  }
  .employerTransitSupportTable.rz-datatable-reflow table.rz-grid-table .employerTransitSupportTable-row {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    margin-bottom: 16px;
  }
  .employerTransitSupportTable.rz-datatable-reflow table.rz-grid-table .employerTransitSupportTable-row:last-child {
    margin-bottom: 0px;
  }
  .employerTransitSupportTable.rz-datatable-reflow table.rz-grid-table .employerTransitSupportTable-row td {
    width: 100% !important;
    padding: 8px 16px;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #b4b2ab;
    border-right: 1px solid #b4b2ab;
  }
  .employerTransitSupportTable.rz-datatable-reflow table.rz-grid-table .employerTransitSupportTable-row td:first-child {
    border-top: 1px solid #b4b2ab;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  .employerTransitSupportTable.rz-datatable-reflow table.rz-grid-table .employerTransitSupportTable-row td:nth-last-child(2) {
    border-bottom: 1px solid #b4b2ab;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }
  .employerTransitSupportTable.rz-datatable-reflow table.rz-grid-table .employerTransitSupportTable-row td:last-child {
    border: 0px;
    padding-top: 16px;
  }
}

.formSteps-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 980px;
  position: relative;
  margin: 32px 0;
  font-size: 1.8rem;
  line-height: 1.44;
}
.formStepsItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
  flex: 1;
}
.formStepsItem.formStepsItem--completed:after {
  background-color: #11243f;
}
.formStepsItem.formStepsItem--completed .formStepsItem-circle:after {
  content: "";
  width: 20px;
  height: 13px;
  background: currentColor;
  -webkit-mask-image: url("../images/icon-formstep-completed.svg");
          mask-image: url("../images/icon-formstep-completed.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.formStepsItem--active .formStepsItem-label {
  font-weight: bold;
}
.formStepsItem--pending .formStepsItem-circle {
  background-color: #d7d4cc;
}
.formStepsItem-circle {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #11243f;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  transition: all 0.3s ease;
}
.formStepsItem-label {
  margin-top: 8px;
  text-align: center;
  color: #11243f;
  font-weight: 300;
  width: 100px;
  position: relative;
}
.formStepsItem:after {
  content: "";
  position: absolute;
  top: 15px;
  left: calc(50% + 15px);
  width: calc(150% - 60px);
  height: 2px;
  background-color: #d7d4cc;
  z-index: 0;
  transition: all 0.3s ease;
}
.formStepsItem:first-child {
  align-items: flex-start;
}
.formStepsItem:first-child .formStepsItem-circle {
  margin-left: 32px;
}
.formStepsItem:first-child .formStepsItem-label {
  left: -3px;
}
.formStepsItem:first-child:after {
  left: 62px;
}
.formStepsItem:first-child:nth-last-child(2):after {
  width: calc(200% - 60px - 64px);
}
.formStepsItem:last-child {
  align-items: flex-end;
}
.formStepsItem:last-child .formStepsItem-circle {
  margin-right: 32px;
}
.formStepsItem:last-child::after {
  content: none;
}

.validationTooltip {
  position: absolute;
  background: white;
  color: var(--rz-form-error-color);
  border-radius: 4px;
  border: 1px solid #69665a;
  padding: 16px;
  pointer-events: none;
  white-space: nowrap;
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.2s;
}
@media only screen and (max-width: 767.9px) {
  .validationTooltip {
    display: none !important;
  }
}

.jobDetails {
  padding: 16px;
  margin-bottom: 32px;
  background-color: #ecf1ea;
}
@media only screen and (min-width: 1024px) {
  .jobDetails {
    padding: 32px;
    margin-bottom: 64px;
  }
}
.jobDetails-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
@media only screen and (min-width: 768px) {
  .jobDetails-header {
    flex-wrap: nowrap;
  }
}
.jobDetails-heading {
  color: #1c4206;
}
.jobDetails-updateInfoLink {
  display: flex;
  align-items: center;
  gap: 10px;
}
.jobDetails-updateInfoLink:before {
  content: "";
  display: block;
  min-width: 20px;
  height: 20px;
  background: #1c4206;
  -webkit-mask-image: url("../images/icon-pen.svg");
          mask-image: url("../images/icon-pen.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.jobDetails-content {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .jobDetails-content {
    margin-top: 32px;
  }
}
.jobDetails-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 1024px) {
  .jobDetails-content {
    gap: 32px;
  }
}
.jobDetails-accordionContent {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease;
}
.jobDetails-showMoreButton {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.jobDetails-showMoreButton:after {
  content: "";
  display: block;
  min-width: 22px;
  height: 22px;
  background: #000000;
  -webkit-mask-image: url("../images/icon-chevron.svg");
          mask-image: url("../images/icon-chevron.svg");
  transform: rotate(90deg);
  transition: transform 0.2s ease;
}
.jobDetails-showMoreButton:hover {
  text-decoration: underline;
}
.jobDetails-showMoreButton[aria-expanded=true]::after {
  transform: rotate(-90deg);
}
.jobDetails-preamble {
  margin-block: 0;
}
.jobDetails-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media only screen and (min-width: 1024px) {
  .jobDetails-section {
    gap: 16px;
  }
}
.jobDetails-sectionHeading {
  margin-block: 0px;
}
.jobDetails-sectionText {
  margin-block: 0;
}
.jobDetails-sectionFooter {
  margin-top: 8px;
}
@media only screen and (min-width: 1024px) {
  .jobDetails-sectionFooter {
    margin-top: 16px;
  }
}
.jobDetails-sectionFooterButtons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.jobDetails-selectDocumentForm {
  border-radius: 8px;
  border: 1px dashed #1c4206;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .jobDetails-selectDocumentForm {
    padding: 32px;
  }
}
.jobDetails-selectDocumentForm > button,
.jobDetails-selectDocumentForm a {
  width: min(100%, 302px);
}
.jobDetails-selectDocumentForm > button.button--large.button--icon,
.jobDetails-selectDocumentForm a.button--large.button--icon {
  max-height: none;
}
.jobDetails-documentsList {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.jobDetails-footer {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .jobDetails-footer {
    margin-top: 32px;
  }
}
.jobDetails-footerButtons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.jobDetails-footerButtons--spaceBetween {
  justify-content: space-between;
}
.jobDetails-footerLink:before {
  background-color: currentColor;
  flex-shrink: 0;
}

.interviewQuestionsForm {
  margin-bottom: 32px;
}
@media only screen and (min-width: 1024px) {
  .interviewQuestionsForm {
    margin-bottom: 64px;
  }
}
.interviewQuestionsForm-section {
  margin-bottom: 32px;
}
@media only screen and (min-width: 1024px) {
  .interviewQuestionsForm-section {
    margin-bottom: 64px;
  }
}
.interviewQuestionsForm-radioGroup {
  margin-top: 16px;
}
.interviewQuestionsForm-radioGroupForm {
  padding-left: 26px;
  margin-top: 16px;
  margin-bottom: 32px;
}
.interviewQuestionsForm-radioGroupForm--noBottomMargin {
  margin-bottom: 0px;
}
.interviewQuestionsForm-slider, .interviewQuestionsForm-dropdown {
  width: 100%;
}
.interviewQuestionsForm-sliderLabels {
  margin-top: 4px;
  display: flex;
  justify-content: space-between;
  font-size: 1.4rem;
  line-height: 1.5;
}
.interviewQuestionsForm-sliderLabels > * {
  flex-grow: 1;
  width: 33%;
  text-align: center;
}
.interviewQuestionsForm-sliderLabels > *:first-child {
  text-align: left;
}
.interviewQuestionsForm-sliderLabels > *:last-child {
  text-align: right;
}
.interviewQuestionsForm-dropdown {
  height: auto !important;
}
.interviewQuestionsForm-dropdown .rz-dropdown-label {
  white-space: normal;
}
.interviewQuestionsForm-dropdown .rz-placeholder {
  color: #000 !important;
}

.interviewQuestions-list {
  margin-top: 8px;
}
@media only screen and (min-width: 1024px) {
  .interviewQuestions-list {
    margin-top: 16px;
  }
}
.interviewQuestions-item {
  margin-bottom: 16px;
}
.interviewQuestions-item a {
  display: flex;
  gap: 6px;
}
.interviewQuestions-item a:before {
  content: "";
  min-width: 24px;
  min-height: 24px;
  background-color: #000000;
  margin-top: -2px;
  -webkit-mask-image: url("../images/icon-download.svg");
          mask-image: url("../images/icon-download.svg");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media only screen and (min-width: 1024px) {
  .interviewQuestions-item a:before {
    margin-top: 0;
  }
}

.aiChat-container {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #fff;
}
.aiChat-messages {
  flex: 1;
  overflow-y: auto;
  scroll-behavior: smooth;
}
.aiChat-sectionHeading {
  position: relative;
  margin-block: 32px;
  z-index: 1;
}
.aiChat-sectionHeading:before {
  border-top: 1px solid #b9cab0;
  content: "";
  margin: 0 auto; /* this centers the line to the full width specified */
  position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
.aiChat-sectionHeading span {
  display: inline-block;
  padding-inline: 8px;
  margin-left: 16px;
  background-color: #fff;
}
.aiChat-message {
  margin-bottom: 16px;
  display: flex;
  animation: messageSlideIn 0.3s ease-out;
}
.aiChat-message--user {
  justify-content: flex-end;
}
.aiChat-message--user .aiChat-messageText {
  border-top-right-radius: 0px;
}
.aiChat-message--assistant {
  justify-content: flex-start;
}
@media only screen and (max-width: 767.9px) {
  .aiChat-message--assistant {
    width: 100%;
  }
  .aiChat-message--assistant .aiChat-messageContent {
    width: 100%;
  }
}
.aiChat-message--assistant .aiChat-messageText {
  background-color: #F2F2F2;
  border-top-left-radius: 0px;
}
.aiChat-message--typing {
  min-width: 120px;
}
.aiChat-messageAuthor {
  margin-block: 0 2px;
  padding-left: 24px;
}
.aiChat-messageContent {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  max-width: 550px;
}
.aiChat-messageText {
  padding: 16px 24px;
  background-color: #ecf1ea;
  font-size: 1.6rem;
  line-height: 1.55;
  border-radius: 16px;
  word-wrap: break-word;
  min-width: 120px;
}
.aiChat-messageActions {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media only screen and (max-width: 767.9px) {
  .aiChat-messageActions {
    width: 100%;
  }
  .aiChat-messageActions .aiChat-actionsButton {
    width: calc(50% - 8px);
  }
}
.aiChat-messageLinks {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.aiChat-messageLinksLink {
  text-decoration: underline;
  display: flex;
  gap: 8px;
  align-items: baseline;
  text-align: left;
}
.aiChat-messageLinksLink--download::before, .aiChat-messageLinksLink--restart::before, .aiChat-messageLinksLink--repeat::before, .aiChat-messageLinksLink--skip::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: currentColor;
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  top: 3px;
}
.aiChat-messageLinksLink--download::before {
  -webkit-mask-image: url("../images/icon-download.svg");
          mask-image: url("../images/icon-download.svg");
}
.aiChat-messageLinksLink--restart::before, .aiChat-messageLinksLink--repeat::before {
  width: 17px;
  height: 17px;
  -webkit-mask-image: url("../images/icon-restart.svg");
          mask-image: url("../images/icon-restart.svg");
}
.aiChat-messageLinksLink--skip::before {
  width: 17px;
  height: 17px;
  -webkit-mask-image: url("../images/icon-aiSkip.svg");
          mask-image: url("../images/icon-aiSkip.svg");
}
.aiChat-actionsButton {
  border-radius: 8px;
  border: 1px solid #1c4206;
  background: #ffffff;
  color: #1c4206;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  transition: all 200ms ease-in-out;
  display: flex;
  padding: 9px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 190px;
}
@media only screen and (min-width: 768px) {
  .aiChat-actionsButton {
    padding: 4px 24px;
    font-size: 1.6rem;
    width: auto;
  }
}
.aiChat-actionsButton:hover {
  border: 1px solid #5a754c;
  background: #5a754c;
  color: #fff;
}
.aiChat-actionsButton:disabled {
  opacity: 0.7;
}
.aiChat-actionsButton--hint, .aiChat-actionsButton--skip, .aiChat-actionsButton--end {
  width: 100%;
}
.aiChat-actionsButton--hint:disabled, .aiChat-actionsButton--skip:disabled, .aiChat-actionsButton--end:disabled {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .aiChat-actionsButton--hint, .aiChat-actionsButton--skip, .aiChat-actionsButton--end {
    width: auto;
  }
}
.aiChat-actionsButton--hint:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/icon-aiHint.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.aiChat-actionsButton--skip:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-image: url("../images/icon-aiSkip.svg");
          mask-image: url("../images/icon-aiSkip.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: currentColor;
}
.aiChat-actionsButton--end:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-image: url("../images/icon-close.svg");
          mask-image: url("../images/icon-close.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: currentColor;
}
.aiChat-actionsButton--hidden {
  display: none;
}
.aiChat-inputArea {
  margin-top: 24px;
  padding-top: 24px;
}
.aiChat-inputArea:not(:empty) {
  border-top: 2px solid #b4b2ab;
}
.aiChat-answerTextarea {
  font-size: 1.6rem;
}
.aiChat-inputActions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
  margin-bottom: 32px;
}
.aiChat-submitWrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}
@media only screen and (max-width: 767.9px) {
  .aiChat-submitButton {
    min-width: 143px;
  }
}
.aiChat-characterCount {
  width: 100%;
  text-align: right;
  margin-top: 4px;
  font-variant-numeric: tabular-nums;
}

@keyframes messageSlideIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.typingIndicator {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
}
.typingIndicator-dots {
  display: flex;
  align-items: center;
  gap: 4px;
}
.typingIndicator-dot {
  width: 8px;
  height: 8px;
  background: #69665a;
  border-radius: 50%;
  animation: typing 1.4s infinite;
}
.typingIndicator-dot:nth-child(2) {
  animation-delay: 0.2s;
}
.typingIndicator-dot:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes typing {
  0%, 60%, 100% {
    background: #69665a;
    transform: translateY(0);
  }
  30% {
    background: #b4b2ab;
    transform: translateY(-6px);
  }
}
.tooltip:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask-image: url("../images/icon-tooltip.svg");
          mask-image: url("../images/icon-tooltip.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.organisationBox {
  display: block;
  border: 2px dashed #b4b2ab;
  padding: 32px 16px;
  margin-block: 32px;
  transition: background-color 0.2s ease;
  color: #000000;
  text-decoration: none;
}
@media only screen and (min-width: 1024px) {
  .organisationBox {
    padding: 32px;
    max-width: 503px;
  }
}
.organisationBox--full {
  max-width: none;
}
a.organisationBox:hover {
  color: #000000;
  background-color: #f2f1ec;
  text-decoration: none;
}
a.organisationBox:hover .organisationBox-heading {
  text-decoration: underline;
}

button.organisationBox {
  background-color: transparent;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
button.organisationBox:hover {
  color: #000000;
  background-color: #f2f1ec;
  text-decoration: none;
}
button.organisationBox:hover .organisationBox-heading {
  text-decoration: underline;
}

.organisationInfo {
  padding: 32px 16px;
  margin-block: 32px;
}
@media only screen and (min-width: 1024px) {
  .organisationInfo {
    padding: 32px;
    margin-block: 64px;
  }
}
.organisationInfo--blue {
  background-color: #eceff7;
  border: 0;
}
.organisationInfo--blue *:not(.button) {
  border-color: #c8ccd9;
}
.organisationInfo--blue .organisationInfo-heading,
.organisationInfo--blue .organisationInfoHeading {
  color: #11243f;
}
.organisationInfo--green {
  background-color: #ecf1ea;
  border: 0;
}
.organisationInfo--green *:not(.button) {
  border-color: #b9cab0;
}
.organisationInfo--green .organisationInfo-heading,
.organisationInfo--green .organisationInfoHeading {
  color: #1c4206;
}
.organisationInfo--grey {
  background-color: #f2f1ec;
  border: 0;
}
.organisationInfo--grey *:not(.button) {
  border-color: #d7d4cc;
}
.organisationInfo--grey .organisationInfo-heading,
.organisationInfo--grey .organisationInfoHeading {
  color: #69665a;
}
.organisationInfo--yellow {
  background-color: #f6f5ea;
  border: 0;
}
.organisationInfo--yellow *:not(.button) {
  border-color: #ede6c1;
}
.organisationInfo--yellow .organisationInfo-heading,
.organisationInfo--yellow .organisationInfoHeading {
  color: #665a1e;
}
.organisationInfo--white {
  background-color: #ffffff;
}
.organisationInfo--white *:not(.button) {
  border-color: #000000;
}
.organisationInfo--white .organisationInfo-heading,
.organisationInfo--white .organisationInfoHeading {
  color: #000000;
}
.organisationInfo--red {
  background-color: #f2ebed;
  border: 0;
}
.organisationInfo--red *:not(.button) {
  border-color: #cab0b9;
}
.organisationInfo--red .organisationInfo-heading,
.organisationInfo--red .organisationInfoHeading {
  color: #42061c;
}
.organisationInfo-header {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .organisationInfo-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.organisationInfo-settingsLink {
  font-size: 1.6rem;
  line-height: 2.3rem;
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .organisationInfo-settingsLink {
    font-size: 1.8rem;
    line-height: 2.3rem;
    margin-top: 0;
  }
}
.organisationInfo-settingsLink:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #000000;
  -webkit-mask-image: url("../images/icon-cog.svg");
          mask-image: url("../images/icon-cog.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.organisationInfo-orgData {
  margin-block: 16px;
}
.organisationInfo-orgData > span {
  display: block;
  font-weight: 700;
}
.organisationInfo-listHeading {
  margin-block: 16px 8px;
  font-family: "Atkinson Hyperlegible Next", sans-serif;
}
.organisationInfo-listItem {
  margin-top: 8px;
}
.organisationInfo-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .organisationInfo-footer {
    margin-top: 32px;
  }
}

.situationCards-heading {
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .situationCards-heading {
    margin-bottom: 24px;
  }
}
.situationCards-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media only screen and (min-width: 768px) {
  .situationCards-list {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  }
}
.situationCards-item {
  width: 100%;
}

.situationCard {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.situationCard--button {
  background-color: #ecf1ea;
  border: 2px solid #ecf1ea;
}
.situationCard--button .situationCard-heading {
  color: #1c4206;
}
.situationCard--button .situationCard-button {
  margin-top: auto;
}
.situationCard--link {
  background-color: #f6f5ea;
  border: 2px solid #f6f5ea;
}
.situationCard--link .situationCard-heading {
  color: #665a1e;
}
.situationCard--link .situationCard-link {
  margin-top: auto;
}
.situationCard-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .situationCard-content {
    padding: 32px;
  }
}
.situationCard-heading {
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .situationCard-heading {
    margin-bottom: 16px;
  }
}
.situationCard-text {
  margin-top: 0;
  margin-bottom: 24px;
  flex-grow: 1;
}
@media only screen and (min-width: 768px) {
  .situationCard-text {
    margin-bottom: 32px;
  }
}
.situationCard-link {
  display: inline-flex;
  align-items: center;
  color: #000000;
  align-self: flex-start;
}
.situationCard-link:before {
  background-color: currentColor;
  flex-shrink: 0;
}
.situationCard-link:hover {
  text-decoration: underline;
}
.situationCard-link:hover:before {
  animation: knock-left 3000ms ease-in-out infinite;
}

.informationCards {
  margin-block: 32px;
}
@media only screen and (min-width: 768px) {
  .informationCards {
    margin-block: 48px, 64px;
  }
}
.informationCards-heading {
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .informationCards-heading {
    margin-bottom: 24px;
  }
}
.informationCards-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .informationCards-list {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    margin-bottom: 32px;
  }
}
.informationCards-item {
  width: 100%;
}
.informationCards-navigation {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 768px) {
  .informationCards-navigation {
    flex-direction: row;
  }
}
.informationCards-linkWrapper {
  display: flex;
  flex: 1 1 100%;
}
@media only screen and (min-width: 768px) {
  .informationCards-linkWrapper {
    flex: 1 1 50%;
  }
}
.informationCards-buttonWrapper {
  display: flex;
  flex: 1 1 100%;
}
@media only screen and (min-width: 768px) {
  .informationCards-buttonWrapper {
    flex: 1 1 50%;
    justify-content: flex-end;
  }
}
.informationCards-buttonWrapper .button {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .informationCards-buttonWrapper .button {
    width: initial;
  }
}

.informationCard {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background-color: #FCFCFC;
  border: 2px solid #d7d4cc;
}
.informationCard-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .informationCard-content {
    padding: 32px;
  }
}
.informationCard-heading {
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .informationCard-heading {
    margin-bottom: 16px;
  }
}
.informationCard-text {
  margin-top: 0;
  flex-grow: 1;
}
.informationCard-text p:first-child {
  margin-top: 0;
}
.informationCard-text p:last-child {
  margin-bottom: 0;
}
.informationCard-link {
  color: #000000;
  align-self: center;
}
.informationCard-link:before {
  background-color: currentColor;
  flex-shrink: 0;
}
.informationCard-link:hover {
  text-decoration: underline;
}
.informationCard-link:hover:before {
  animation: knock-left 3000ms ease-in-out infinite;
}

.progressbar {
  width: 100%;
  margin-block: 24px;
}
@media only screen and (min-width: 1024px) {
  .progressbar {
    margin-block: 32px;
  }
}
.progressbar-label {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.progressbar-bar {
  width: 100%;
  height: 8px;
  background-color: #d7d4cc;
  border-radius: 4px;
  overflow: hidden;
}
.progressbar-fill {
  height: 100%;
  background-color: #665a1e;
  transition: width 0.3s ease;
}

/*
* This file resets all variables that depends on rem for Radzen to work in this project
* where we have set the base font-size to 62.5%;
*/
:root {
  --rz-body-font-size: 1.6rem !important;
  --rz-icon-size: 2.4rem !important;
  --rz-border-radius-1: 0.4rem !important;
  --rz-border-radius-2: 0.8rem !important;
  --rz-border-radius-3: 1.2rem !important;
  --rz-border-radius-4: 1.6rem !important;
  --rz-border-radius-5: 2rem !important;
  --rz-border-radius-6: 2.4rem !important;
  --rz-border-radius-7: 2.8rem !important;
  --rz-border-radius-8: 3.2rem !important;
  --rz-border-radius-9: 3.6rem !important;
  --rz-border-radius-10: 4rem !important;
  --rz-text-display-h1-font-size: clamp(7.2rem, 6.667vw, 9.6rem) !important;
  --rz-text-display-h1-margin-bottom: 1.6rem !important;
  --rz-text-display-h2-font-size: clamp(4.8rem, 4.167vw, 3.75) !important;
  --rz-text-display-h2-margin-bottom: 1.6rem !important;
  --rz-text-display-h3-font-size: clamp(3.6rem, 3.333vw, 3) !important;
  --rz-text-display-h3-margin-bottom: 1.2rem !important;
  --rz-text-display-h4-font-size: clamp(2.8rem, 2.361vw, 2.125) !important;
  --rz-text-display-h4-margin-bottom: 0.8rem !important;
  --rz-text-display-h5-font-size: clamp(2rem, 1.667vw,2.4rem) !important;
  --rz-text-display-h5-margin-bottom: 0.8rem !important;
  --rz-text-display-h6-font-size: clamp(1.6rem, 1.389vw, 2rem) !important;
  --rz-text-display-h6-margin-bottom: 0.8rem !important;
  --rz-text-h1-font-size: clamp(7.2rem, 6.667vw, 9.6rem) !important;
  --rz-text-h1-margin-bottom: 1.6rem !important;
  --rz-text-h2-font-size: clamp(4.8rem, 4.167vw, 3.75) !important;
  --rz-text-h2-margin-bottom: 1.6rem !important;
  --rz-text-h3-font-size: clamp(3.6rem, 3.333vw, 3) !important;
  --rz-text-h3-margin-bottom: 1.2rem !important;
  --rz-text-h4-font-size: clamp(2.8rem, 2.361vw, 2.125) !important;
  --rz-text-h4-margin-bottom: 0.8rem !important;
  --rz-text-h5-font-size: clamp(2rem, 1.667vw,2.4rem) !important;
  --rz-text-h5-margin-bottom: 0.8rem !important;
  --rz-text-h6-font-size: clamp(1.6rem, 1.389vw, 2rem) !important;
  --rz-text-h6-margin-bottom: 0.8rem !important;
  --rz-text-subtitle1-font-size: 1.6rem !important;
  --rz-text-subtitle1-margin-bottom: 0.8rem !important;
  --rz-text-subtitle2-font-size: 1.4rem !important;
  --rz-text-subtitle2-margin-bottom: 0.8rem !important;
  --rz-text-body1-font-size: 1.6rem !important;
  --rz-text-body1-margin-bottom: 0.8rem !important;
  --rz-text-body2-font-size: 1.4rem !important;
  --rz-text-body2-margin-bottom: 0.8rem !important;
  --rz-text-button-font-size: 1.4rem !important;
  --rz-text-button-margin-bottom: 0.8rem !important;
  --rz-text-caption-font-size: 1.2rem !important;
  --rz-text-caption-margin-bottom: 0.8rem !important;
  --rz-text-overline-font-size: 1rem !important;
  --rz-text-overline-margin-bottom: 0.8rem !important;
  --rz-button-line-height: 2rem !important;
  --rz-badge-padding: 0.2rem 0.4rem !important;
  --rz-badge-pill-padding: 0.2rem 0.8rem !important;
  --rz-badge-font-size: 1.2rem !important;
  --rz-badge-line-height: 1.6rem !important;
  --rz-badge-letter-spacing: 0.032rem !important;
  --rz-chip-padding: 0.2rem 0.2rem 0.2rem 1.2rem !important;
  --rz-chip-gap: 0.8rem !important;
  --rz-chip-font-size: 1.4rem !important;
  --rz-input-height: 4rem !important;
  --rz-input-padding: 0.7rem 1.5rem !important;
  --rz-header-min-height: 5rem !important;
  --rz-footer-padding: 1.6rem !important;
  --rz-card-padding: 1.6rem !important;
  --rz-card-heading-margin-bottom: 0.8rem !important;
  --rz-layout-body-padding: 1.6rem !important;
  --rz-accordion-item-padding: 1.6rem !important;
  --rz-accordion-item-line-height: 2.4rem !important;
  --rz-accordion-icon-margin: 0 1.2rem 0 0 !important;
  --rz-accordion-toggle-icon-margin: 0 0 0 1.2rem !important;
  --rz-accordion-content-padding: 1.6rem !important;
  --rz-panel-padding: 1.6rem !important;
  --rz-panel-title-line-height: 2.4rem !important;
  --rz-sidebar-toggle-icon-width: 2.4rem !important;
  --rz-sidebar-toggle-icon-height: 2.4rem !important;
  --rz-sidebar-toggle-margin: 0 1.6rem 0 0 !important;
  --rz-sidebar-toggle-padding: 1.3rem !important;
  --rz-menu-item-padding: 0.8rem 1.6rem !important;
  --rz-menu-item-icon-margin: 0 0.8rem 0 0 !important;
  --rz-menu-item-offset: 1.6rem !important;
  --rz-menu-top-item-padding: 0.8rem !important;
  --rz-context-menu-padding: 0.8rem 0 !important;
  --rz-panel-menu-item-line-height: 2.4rem !important;
  --rz-panel-menu-item-padding: 1.6rem !important;
  --rz-panel-menu-2nd-level-vertical-offset: 0.8rem !important;
  --rz-panel-menu-item-2nd-level-padding: 0.8rem 0.8rem 0.8rem 1.6rem !important;
  --rz-panel-menu-item-2nd-level-margin: 0 0.8rem !important;
  --rz-panel-menu-item-2nd-level-offset: 4.8rem !important;
  --rz-panel-menu-icon-margin: 0 1.6rem 0 0 !important;
  --rz-panel-menu-icon-2nd-level-margin: 0 1.6rem 0 -3.6rem !important;
  --rz-profile-menu-padding: 0.8rem 1.6rem !important;
  --rz-profile-menu-item-icon-margin: 0 0.8rem 0 0 !important;
  --rz-gravatar-width: 4rem !important;
  --rz-gravatar-height: 4rem !important;
  --rz-steps-number-padding: 0.4rem 0 !important;
  --rz-steps-number-width: 3.2rem !important;
  --rz-steps-number-height: 3.2rem !important;
  --rz-steps-title-margin: 0 1.6rem 0 0.8rem !important;
  --rz-steps-buttons-padding: 1.6rem 0 !important;
  --rz-checkbox-width: 1.8rem !important;
  --rz-checkbox-height: 1.8rem !important;
  --rz-checkbox-label-margin: 0 1.6rem !important;
  --rz-checkbox-margin: 1.6rem 0 !important;
  --rz-radio-width: 2rem !important;
  --rz-radio-height: 2rem !important;
  --rz-radio-label-margin: 0 1.6rem !important;
  --rz-radio-margin: 1.6rem 0 !important;
  --rz-radio-icon-width: 1rem !important;
  --rz-radio-icon-height: 1rem !important;
  --rz-fieldset-padding: 0 1.6rem 1.6rem !important;
  --rz-fieldset-legend-margin: 0 0 1.6rem 0.8rem !important;
  --rz-fieldset-legend-padding: 0 0.8rem !important;
  --rz-fieldset-toggle-width: 2.4rem !important;
  --rz-fieldset-toggle-height: 2.4rem !important;
  --rz-fieldset-toggle-font-size: 2.4rem !important;
  --rz-dropdown-trigger-icon-margin: 0 0.8rem 0 0 !important;
  --rz-dropdown-horizontal-padding: 1.6rem !important;
  --rz-dropdown-panel-padding: 0 1.6rem !important;
  --rz-dropdown-items-margin: 0 -1.6rem !important;
  --rz-dropdown-items-padding: 0.8rem 0 !important;
  --rz-dropdown-item-padding: 1.2rem 1.6rem !important;
  --rz-dropdown-filter-padding: 1.6rem 0 0.8rem !important;
  --rz-dropdown-chips-padding: 0.7rem 1.5rem 0.7rem 0.7rem !important;
  --rz-multiselect-checkbox-margin: 0 1.6rem 0 0 !important;
  --rz-listbox-checkbox-margin: 0 1.6rem 0 0 !important;
  --rz-listbox-header-padding: 1.2rem 1.6rem !important;
  --rz-splitbutton-menu-button-width: 3rem !important;
  --rz-splitbutton-menu-button-padding: 0 0 0.6rem 0 !important;
  --rz-splitbutton-menu-button-font-size: 1.7rem !important;
  --rz-splitbutton-menu-min-width: 16rem !important;
  --rz-security-code-input-padding: 0.2rem !important;
  --rz-security-code-input-font-size: 2rem !important;
  --rz-gap: 0.8rem !important;
  --rz-datepicker-line-height: 2.4rem !important;
  --rz-datepicker-popup-width: 35.2rem !important;
  --rz-datepicker-header-padding-block: 1.2rem !important;
  --rz-datepicker-header-padding-inline: 1.2rem !important;
  --rz-datepicker-footer-padding: 0 1.2rem !important;
  --rz-datepicker-footer-line-height: 4.8rem !important;
  --rz-datepicker-prev-next-icon-size: 3.2rem !important;
  --rz-datepicker-calendar-padding-block: 0 1.2rem !important;
  --rz-datepicker-calendar-padding-inline: 1.2rem !important;
  --rz-datepicker-calendar-item-padding: 1rem 0 !important;
  --rz-datepicker-calendar-header-font-size: 1.2rem !important;
  --rz-datepicker-calendar-font-size: 1.4rem !important;
  --rz-datepicker-month-dropdown-width: 14rem !important;
  --rz-datepicker-year-dropdown-width: 9.6rem !important;
  --rz-timepicker-padding: 0.8rem !important;
  --rz-timepicker-hour-padding: 0.8rem !important;
  --rz-timepicker-button-width: 1.4rem !important;
  --rz-timepicker-button-height: 1.4rem !important;
  --rz-timepicker-button-padding: 0.8rem 1.6rem !important;
  --rz-timepicker-gap: 0.8rem !important;
  --rz-timepicker-separator-margin: 0 0.8rem !important;
  --rz-numeric-input-padding: 0.7rem 2rem 0.7rem 1.5rem !important;
  --rz-numeric-button-width: 1.6rem !important;
  --rz-numeric-button-height: 1.6rem !important;
  --rz-upload-button-bar-padding: 0.8rem !important;
  --rz-upload-files-padding: 0.8rem 0 !important;
  --rz-upload-files-remove-background-color: var(--rz-base-200) !important;
  --rz-upload-files-remove-color: var(--rz-text-color) !important;
  --rz-upload-files-margin: 0 0.8rem !important;
  --rz-grid-cell-padding: 1rem 1.6rem !important;
  --rz-grid-cell-font-size: 1.4rem !important;
  --rz-grid-header-font-size: 1.4rem !important;
  --rz-grid-header-line-height: 2.4rem !important;
  --rz-grid-header-cell-padding: 1.2rem 0 !important;
  --rz-grid-header-title-padding: 0 0 0 1.6rem !important;
  --rz-grid-header-padding: 1.6rem !important;
  --rz-grid-filter-padding: 0.8rem !important;
  --rz-grid-filter-font-size: 1.4rem !important;
  --rz-grid-filter-icon-margin: 0 0.4rem 0 0 !important;
  --rz-grid-filter-icon-font-size: 1.4rem !important;
  --rz-grid-filter-gap: 1.6rem !important;
  --rz-grid-filter-buttons-padding: 1.6rem !important;
  --rz-grid-header-filter-icon-margin: 0 1.6rem 0 auto !important;
  --rz-grid-header-filter-icon-font-size: 2rem !important;
  --rz-grid-sort-icon-width: 2rem !important;
  --rz-grid-sort-icon-height: 2rem !important;
  --rz-grid-column-resizer-width: 0.4rem !important;
  --rz-grid-column-resizer-helper-width: 0.2rem !important;
  --rz-grid-column-icon-width: 3.2rem !important;
  --rz-grid-group-header-padding: 1.6rem !important;
  --rz-grid-group-header-item-padding: 0.4rem 0.8rem 0.4rem 1.2rem !important;
  --rz-grid-group-header-item-margin: 0 0.8rem 0.8rem 0 !important;
  --rz-grid-group-header-items-margin: 0 0 -0.8rem 0 !important;
  --rz-grid-cell-line-height: 1.6rem !important;
  --rz-grid-cell-padding: 0.4rem 0.8rem !important;
  --rz-grid-header-cell-padding: 0.4rem 0 !important;
  --rz-grid-header-padding: 0.4rem 1.6rem !important;
  --rz-grid-header-title-padding: 0 0 0 0.8rem !important;
  --rz-grid-filter-padding: 0.4rem 0.8rem !important;
  --rz-grid-group-header-padding: 0.4rem !important;
  --rz-grid-group-header-items-margin: 0 0 -0.4rem 0 !important;
  --rz-grid-group-header-item-padding: 0.2rem 0.4rem 0.2rem 0.8rem !important;
  --rz-grid-group-header-item-margin: 0 0.4rem 0.4rem 0 !important;
  --rz-dialog-close-font-size: 1.6rem !important;
  --rz-pager-padding: 0.8rem 1.6rem !important;
  --rz-pager-button-border-radius: 3.2rem !important;
  --rz-pager-numeric-button-margin: 0 0.4rem !important;
  --rz-pager-numeric-button-padding: 1.2rem 1.6rem !important;
  --rz-pager-numeric-button-selected-padding: 1.2rem 1.6rem !important;
  --rz-pager-numeric-button-min-width: 4.8rem !important;
  --rz-pager-first-button-margin: 0 0.8rem 0 0 !important;
  --rz-pager-last-button-margin: 0 0 0 0.8rem !important;
  --rz-pager-dropdown-margin: 0 0 0 0.8rem !important;
  --rz-pager-summary-padding: 0 2rem 0 0 !important;
  --rz-pager-summary-font-size: 1.4rem !important;
  --rz-pager-padding: 0.4rem !important;
  --rz-pager-numeric-button-margin: 0 0.2rem !important;
  --rz-pager-first-button-margin: 0 0.4rem 0 0 !important;
  --rz-pager-last-button-margin: 0 0 0 0.4rem !important;
  --rz-pager-dropdown-margin: 0 0 0 0.4rem !important;
  --rz-pager-summary-padding: 0 0.8rem 0 0 !important;
  --rz-tree-node-padding: 0.4rem 0.8rem !important;
  --rz-tree-node-toggle-width: 3.2rem !important;
  --rz-datalist-padding: 0.8rem !important;
  --rz-datalist-item-vertical-margin: 0.8rem !important;
  --rz-datalist-item-horizontal-margin: 0.8rem !important;
  --rz-datalist-item-padding: 1.6rem !important;
  --rz-datafilter-item-padding-y: 0.4rem !important;
  --rz-datafilter-item-padding-left: 3.2rem !important;
  --rz-datafilter-item-indentation: 0.4rem !important;
  --rz-datafilter-item-path-width: 1.6rem !important;
  --rz-datafilter-item-path-height: calc(0.4rem + (var(--rz-input-height) / 2)) !important;
  --rz-scheduler-toolbar-padding: 0.8rem !important;
  --rz-scheduler-toolbar-title-font-size: 2.4rem !important;
  --rz-scheduler-prev-next-button-padding: 0.8rem !important;
  --rz-scheduler-prev-button-border-radius: 3.2rem !important;
  --rz-scheduler-next-button-border-radius: 3.2rem !important;
  --rz-scheduler-today-button-margin-left: 1.6rem !important;
  --rz-scheduler-today-button-padding: 0.8rem 1.6rem !important;
  --rz-scheduler-today-button-font-size: 1.4rem !important;
  --rz-scheduler-header-font-size: 1.2rem !important;
  --rz-scheduler-header-font-size-small: 0.8rem !important;
  --rz-scheduler-header-padding: 0.8rem 0 !important;
  --rz-scheduler-event-font-size: 1.2rem !important;
  --rz-scheduler-event-line-height: 2rem !important;
  --rz-scheduler-event-content-padding: 0.2rem 0.4rem !important;
  --rz-scheduler-event-list-button-font-size: 1.2rem !important;
  --rz-scheduler-slot-title-font-size: 1.4rem !important;
  --rz-scheduler-slot-title-font-size-small: 0.96rem !important;
  --rz-scheduler-slot-title-padding: 0 0.4rem !important;
  --rz-scheduler-day-number-padding: 0 0.8rem !important;
  --rz-scheduler-timeline-slot-width: 11.2rem !important;
  --rz-scheduler-timeline-slot-height: 11.2rem !important;
  --rz-scheduler-year-padding: 2.4rem !important;
  --rz-scheduler-year-slot-padding: 0.4rem !important;
  --rz-scheduler-planner-slot-width: 4.8rem !important;
  --rz-scheduler-planner-slot-height: 7.2rem !important;
  --rz-tabs-padding: 1.6rem !important;
  --rz-tabs-tab-font-size: 1.4rem !important;
  --rz-tabs-tab-line-height: 2.4rem !important;
  --rz-tabs-tab-padding: 1.2rem 1.6rem !important;
  --rz-tabs-icon-margin: 0 0.4rem 0 -0.4rem !important;
  --rz-tooltip-padding: 0.4rem 0.8rem !important;
  --rz-dialog-title-padding: 2.4rem 2.4rem 0 2.4rem !important;
  --rz-dialog-title-font-size: 2rem !important;
  --rz-dialog-title-line-height: 2.4rem !important;
  --rz-dialog-content-padding: 2.4rem !important;
  --rz-notification-padding: 1.6rem 2rem !important;
  --rz-notification-icon-margin: 0 1rem 0 0 !important;
  --rz-form-error-font-size: 1.2rem !important;
  --rz-form-group-margin-bottom: 2.4rem !important;
  --rz-validator-padding: 0.4rem 0.8rem !important;
  --rz-validator-pointer-size: 0.6rem !important;
  --rz-login-register-padding: 1.6rem !important;
  --rz-login-register-margin: 3.2rem 0 0 !important;
  --rz-lookup-panel-padding: 1.6rem !important;
  --rz-map-height: 16rem !important;
  --rz-map-padding: 2rem !important;
  --rz-progressbar-height: 0.4rem !important;
  --rz-chart-axis-font-size: 1.4rem !important;
  --rz-chart-legend-font-size: 1.4rem !important;
  --rz-editor-toolbar-item-margin: 0.4rem 0.2rem !important;
  --rz-editor-button-padding: 0.8rem !important;
  --rz-colorpicker-panel-padding: 0.8rem !important;
  --rz-colorpicker-panel-max-width: 32rem !important;
  --rz-colorpicker-item-size: 2rem !important;
  --rz-colorpicker-item-margin: 0.4rem !important;
  --rz-colorpicker-hex-input-padding: 0.4rem 0.8rem !important;
  --rz-colorpicker-hex-input-height: 3.2rem !important;
  --rz-colorpicker-rgba-input-padding: 0.4rem 0.8rem !important;
  --rz-colorpicker-rgba-input-height: 3.2rem !important;
  --rz-alert-margin: 0.8rem 0 !important;
  --rz-alert-padding: 1.6rem !important;
  --rz-alert-gap: 1.6rem !important;
  --rz-alert-message-margin: 0.2rem 0 !important;
  --rz-alert-icon-margin: 0.2rem 0 !important;
  --rz-alert-gap: 2.4rem !important;
  --rz-alert-margin: 2.4rem 0 !important;
  --rz-alert-padding: 2.4rem !important;
  --rz-alert-message-margin: 0.2rem 0 !important;
  --rz-alert-icon-margin: 0.2rem 0 !important;
  --rz-alert-gap: 1.6rem !important;
  --rz-alert-margin: 1.6rem 0 !important;
  --rz-alert-padding: 1.6rem !important;
  --rz-alert-message-margin: 0.2rem 0 !important;
  --rz-alert-icon-margin: 0.2rem 0 !important;
  --rz-alert-gap: 0.8rem !important;
  --rz-alert-margin: 0.8rem 0 !important;
  --rz-alert-padding: 0.8rem !important;
  --rz-alert-message-margin: 0.2rem 0 !important;
  --rz-alert-icon-margin: 0.2rem 0 !important;
  --rz-alert-gap: 0.4rem !important;
  --rz-alert-margin: 0.4rem 0 !important;
  --rz-alert-padding: 0.4rem !important;
  --rz-alert-gap: 0.8rem !important;
  --rz-gap: 1.6rem !important;
  --rz-row-gap: 1.6rem !important;
  --rz-form-field-margin: 0.8rem 0 0 !important;
  --rz-form-field-start-end-padding: 0 1.2rem !important;
  --rz-form-field-filled-height: 5.4rem !important;
  --rz-form-field-filled-padding: 2.3rem 1.5rem 0.7rem !important;
  --rz-form-field-filled-numeric-padding: 2.3rem 2rem 0.7rem 1.5rem !important;
  --rz-form-field-filled-label-floating-top: 0.8rem !important;
  --rz-form-field-label-padding: 0 0.4rem !important;
  --rz-form-field-label-left: 1.1rem !important;
  --rz-form-field-label-textarea-top: 0.8rem !important;
  --rz-form-field-label-floating-top: -0.9rem !important;
  --rz-form-field-helper-padding: 0 1.6rem !important;
  --rz-input-padding: 0.7rem 0 !important;
  --rz-numeric-input-padding: 0.8rem 2rem 0.8rem 0 !important;
  --rz-text-area-padding: 0.7rem 0 !important;
  --rz-timeline-item-padding: 1.6rem !important;
  --rz-timeline-axis-size: 6.4rem !important;
  --rz-timeline-point-size: 1.6rem !important;
  --rz-timeline-line-width: 0.2rem !important;
  --rz-timeline-point-size: 4.8rem !important;
  --rz-timeline-point-size: 2.4rem !important;
  --rz-timeline-point-size: 1.6rem !important;
  --rz-timeline-point-size: 1.2rem !important;
  --rz-gap: 1.6rem !important;
  --rz-gap: 0.8rem !important;
}

:root {
  --rz-primary: #1c4206 !important;
  --rz-primary-light: rgb(47.8333333333, 112.75, 10.25) !important;
  --rz-primary-lighter: rgb(47.8333333333, 112.75, 10.25) !important;
  --rz-primary-dark: rgb(8.1666666667, 19.25, 1.75) !important;
  --rz-primary-darker: rgb(8.1666666667, 19.25, 1.75) !important;
  --rz-secondary: #42061c !important;
  --rz-secondary-light: rgb(112.75, 10.25, 47.8333333333) !important;
  --rz-secondary-lighter: rgb(112.75, 10.25, 47.8333333333) !important;
  --rz-secondary-dark: rgb(19.25, 1.75, 8.1666666667) !important;
  --rz-secondary-darker: rgb(19.25, 1.75, 8.1666666667) !important;
  --rz-on-primary: #fff !important;
  --rz-on-primary-light: #fff !important;
  --rz-on-primary-lighter: #fff !important;
  --rz-on-primary-dark: #fff !important;
  --rz-on-primary-darker: #fff !important;
  --rz-on-secondary: #fff !important;
  --rz-on-secondary-light: #fff !important;
  --rz-on-secondary-lighter: #fff !important;
  --rz-on-secondary-dark: #fff !important;
  --rz-on-secondary-darker: #fff !important;
  --rz-button-shadow: none !important;
  --rz-button-hover-shadow: none !important;
  --rz-input-padding: 14px 10px !important;
  --rz-input-padding-block: 14px !important;
  --rz-input-padding-inline: 10px !important;
  --rz-form-error-color: #b93e3e !important;
}

.rz-calendar {
  position: relative;
}
.rz-calendar-full {
  width: 100%;
}
.rz-calendar .rz-calendar-month-dropdown,
.rz-calendar .rz-calendar-year-dropdown {
  height: auto !important;
}
.rz-calendar > input {
  height: auto !important;
}
.rz-calendar .rz-calendar-prev:hover, .rz-calendar .rz-calendar-prev:active,
.rz-calendar .rz-calendar-next:hover,
.rz-calendar .rz-calendar-next:active {
  background-color: transparent !important;
}
.rz-calendar .rz-calendar-prev .rzi,
.rz-calendar .rz-calendar-next .rzi {
  font-size: 2.4rem !important;
}
.rz-calendar .rz-calendar-view td a.rz-state-default,
.rz-calendar .rz-calendar-view td span.rz-state-default,
.rz-calendar .rz-calendar-view th a.rz-state-default,
.rz-calendar .rz-calendar-view th span.rz-state-default {
  width: 3.6rem;
  height: 3.6rem;
  line-height: 1.2;
}

.rz-datepicker .rz-datepicker-trigger {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  transform: none !important;
}
.rz-datepicker .rz-datepicker-trigger .rzi-calendar:before {
  content: none;
}

main {
  --rz-grid-header-font-size: 1.6rem !important;
  --rz-grid-header-line-height: 1.5 !important;
  --rz-grid-header-font-weight: 700 !important;
  --rz-grid-header-cell-border-bottom: 0px !important;
  --rz-grid-header-cell-padding: 12px 8px !important;
  --rz-grid-header-background-color: #c8ccd9 !important;
  --rz-grid-frozen-cell-background-color: #c8ccd9 !important;
  --rz-grid-header-color: #000 !important;
  --rz-grid-header-title-padding: 0 !important;
  --rz-grid-header-title-padding-inline: 0px !important;
  --rz-grid-cell-color: #000 !important;
  --rz-grid-cell-font-size: 1.6rem !important;
  --rz-grid-cell-line-height: 1.5 !important;
  --rz-grid-cell-padding: 16px 8px !important;
  --rz-grid-cell-border: none !important;
  --rz-grid-bottom-cell-border: none !important;
  --rz-grid-stripe-background-color: #fff !important;
  --rz-grid-stripe-odd-background-color: #eceff7 !important;
  --rz-grid-sort-icon-color: #000 !important;
  --rz-grid-filter-color: #000 !important;
  --rz-grid-header-filter-icon-active-color: #000 !important;
  --rz-grid-header-filter-icon-margin-inline: auto 0 !important;
}

.rz-grid-table {
  border-bottom: 1px solid #eceff7;
}

@media only screen and (max-width: 767.9px) {
  .rz-datatable-reflow .rz-grid-table {
    border-bottom: none;
  }
}
.rz-grid-table thead th {
  text-align: left;
  vertical-align: top;
}
.rz-grid-table thead th:last-child {
  border-top-right-radius: 40px;
  padding-right: 30px;
}
.rz-grid-table thead th .rz-column-title-content {
  white-space: initial !important;
}
.rz-grid-table td {
  vertical-align: top;
}
.rz-grid-table td .rz-cell-data {
  white-space: initial !important;
}
.rz-grid-table td:has(.table-actions) {
  vertical-align: middle;
}
.rz-grid-table th,
.rz-grid-table td {
  border: 1px solid #ffffff;
}

.rz-datatable {
  margin-top: 16px;
}
.rz-datatable-emptymessage {
  background-color: #ffffff !important;
}

@media only screen and (max-width: 767.9px) {
  .rz-datatable-reflow .rz-column-title {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.55;
  }
  .rz-datatable-reflow .rz-data-row {
    border: 1px solid #b4b2ab;
    border-radius: 16px;
    margin-bottom: 16px;
  }
  .rz-datatable-reflow .rz-data-row:last-child {
    margin-bottom: 0px;
  }
  .rz-datatable-reflow .rz-data-row td {
    padding: 8px 16px;
  }
  .rz-datatable-reflow .rz-data-row td:first-child {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  .rz-datatable-reflow .rz-data-row td:last-child {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }
  .rz-datatable-reflow .table-actions {
    margin-bottom: 8px;
    padding-inline: 0px;
    justify-content: flex-end;
  }
}
.rz-grid-filter-buttons .rz-button.rz-primary, .rz-grid-filter-buttons .rz-button.rz-primary.rz-shade-default, .rz-grid-filter-buttons .rz-button.rz-secondary, .rz-grid-filter-buttons .rz-button.rz-secondary.rz-shade-default {
  border-radius: 4px;
  padding: 10px;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 700;
  transition: color 0.1s ease, background-color 0.1s ease;
}
.rz-grid-filter-buttons .rz-button.rz-primary .rz-button-box, .rz-grid-filter-buttons .rz-button.rz-primary.rz-shade-default .rz-button-box, .rz-grid-filter-buttons .rz-button.rz-secondary .rz-button-box, .rz-grid-filter-buttons .rz-button.rz-secondary.rz-shade-default .rz-button-box {
  line-height: normal;
}
.rz-grid-filter-buttons .rz-button.rz-primary, .rz-grid-filter-buttons .rz-button.rz-primary.rz-shade-default {
  background-color: #1c4206;
  color: #ffffff;
}
.rz-grid-filter-buttons .rz-button.rz-primary:hover, .rz-grid-filter-buttons .rz-button.rz-primary.rz-shade-default:hover {
  background-color: #5a754c;
  color: #fafbfa;
  transition: color 0.3s ease, background-color 0.3s ease;
}
.rz-grid-filter-buttons .rz-button.rz-primary:active, .rz-grid-filter-buttons .rz-button.rz-primary.rz-shade-default:active {
  background-color: #1c4206;
  color: #fafbfa;
}
.rz-grid-filter-buttons .rz-button.rz-secondary, .rz-grid-filter-buttons .rz-button.rz-secondary.rz-shade-default {
  color: #1c4206;
  background: #ffffff;
  border: 1px solid #1c4206;
}
.rz-grid-filter-buttons .rz-button.rz-secondary:hover, .rz-grid-filter-buttons .rz-button.rz-secondary.rz-shade-default:hover {
  color: #1c4206;
  background-color: #b9cab0;
}
.rz-grid-filter-buttons .rz-button.rz-secondary:active, .rz-grid-filter-buttons .rz-button.rz-secondary.rz-shade-default:active {
  color: #ffffff;
  background-color: #5a754c;
}

:root {
  --rz-pager-background-color: transparent !important;
  --rz-pager-padding: 8px 16px !important;
  --rz-pager-numeric-button-background-color: transparent !important;
  --rz-pager-numeric-button-color: #11243f !important;
  --rz-pager-numeric-button-selected-background-color: #eceff7 !important;
  --rz-pager-numeric-button-selected-color: #11243f !important;
  --rz-pager-numeric-button-min-width: 48px !important;
}

.rz-data-grid .rz-pager {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  padding: 8px 16px;
  margin-top: 24px;
}
@media only screen and (min-width: 1024px) {
  .rz-data-grid .rz-pager {
    margin-top: 48px;
  }
}
.rz-data-grid .rz-pager .rz-pager-summary {
  width: 100%;
  color: #69665a;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.28;
  margin-bottom: 8px;
  margin-left: -16px;
}
.rz-data-grid .rz-pager .rz-pager-element {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 48px;
  min-height: 48px;
  padding: 12px 0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #11243f;
}
.rz-data-grid .rz-pager .rz-pager-element:hover {
  text-decoration: none;
}
.rz-data-grid .rz-pager .rz-pager-element.rz-state-active {
  background-color: #eceff7;
  border-radius: 0px 16px;
}
.rz-data-grid .rz-pager .rz-pager-element:not(.rz-state-active, .rz-state-disabled):hover {
  border-radius: 32px;
  background-color: #F5F5F5;
}
.rz-data-grid .rz-pager .rz-pager-element:not(.rz-state-active, .rz-state-disabled):active {
  border-radius: 32px;
  background-color: rgb(232.25, 232.25, 232.25);
}
.rz-data-grid .rz-pager .rz-pager-element .rzi {
  font-size: 2.4rem;
}
.rz-data-grid .rz-pager .rz-pager-element.rz-state-disabled {
  opacity: 0.5;
  cursor: initial;
}
.rz-data-grid .rz-pager .rz-pager-pages {
  max-height: none !important;
}
.rz-data-grid .rz-pager .rz-pager-page {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .rz-data-grid .rz-pager .rz-pager-page {
    display: flex;
  }
}
.rz-data-grid .rz-pager .rz-pager-page.rz-state-active {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .rz-data-grid .rz-pager-first, .rz-data-grid .rz-pager-prev {
    margin-right: 8px;
  }
  .rz-data-grid .rz-pager-last, .rz-data-grid .rz-pager-next {
    margin-left: 8px;
  }
}

:root {
  --rz-slider-horizontal-width: 100% !important;
  --rz-slider-background-color: #d7d4cc !important;
  --rz-slider-handle-width: 24px !important;
  --rz-slider-handle-height: 24px !important;
  --rz-slider-horizontal-height: 6px !important;
  --rz-slider-border-radius: 6px !important;
  --rz-slider-handle-hover-shadow: 0px 0px 0px 2px var(--rz-primary) !important;
  --rz-slider-border: none;
  --rz-slider-range-background-color: var(--rz-primary);
  --rz-slider-range-border: none;
  --rz-slider-handle-color: var(--rz-on-secondary);
  --rz-slider-handle-background-color: var(--rz-primary);
  --rz-slider-handle-border: none;
  --rz-slider-handle-border-radius: 50%;
  --rz-slider-handle-shadow: none;
  --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition);
  --rz-slider-handle-hover-background-color: var(--rz-primary);
  --rz-slider-handle-hover-border: none;
  --rz-slider-handle-focus-outline: var(--rz-outline-focus);
  --rz-slider-handle-focus-outline-offset: var(--rz-outline-offset);
  --rz-slider-disabled-background-color: var(--rz-base-300);
  --rz-slider-disabled-border: none;
  --rz-slider-disabled-range-background-color: var(--rz-base-500);
  --rz-slider-disabled-range-border: none;
  --rz-slider-disabled-handle-border: none;
  --rz-slider-disabled-handle-background-color: var(--rz-base-500);
}

.rz-slider.slider-min .rz-slider-handle {
  translate: 12px 0;
}
.rz-slider.slider-max .rz-slider-handle {
  translate: -12px 0;
}

:root {
  --rz-dropdown-item-hover-background-color: #ecf1ea !important;
  --rz-dropdown-item-padding: 4px 10px !important;
  --rz-dropdown-panel-shadow: none !important;
  --rz-dropdown-panel-border: 1px solid #d7d4cc !important;
  --rz-dropdown-item-selected-color: #000 !important;
  --rz-dropdown-item-selected-background-color: transparent !important;
  --rz-dropdown-item-selected-hover-background-color: #ecf1ea !important;
  --rz-dropdown-item-selected-hover-color: #000 !important;
  --rz-dropdown-trigger-icon-width: var(--rz-icon-size);
  --rz-dropdown-trigger-icon-height: var(--rz-icon-size);
  --rz-dropdown-trigger-icon-margin-block: 0;
  --rz-dropdown-trigger-icon-margin-inline: 0 0.5rem;
  --rz-dropdown-horizontal-padding: 1rem;
  --rz-dropdown-panel-padding: 0 1rem;
  --rz-dropdown-items-margin: 0 -1rem;
  --rz-dropdown-items-padding: 0.5rem 0;
  --rz-dropdown-item-font-size: var(--rz-input-font-size);
  --rz-dropdown-item-selected-shadow: none;
  --rz-dropdown-item-hover-color: var(--rz-text-title-color);
  --rz-dropdown-item-transition: none;
  --rz-dropdown-item-disabled-opacity: 0.2;
  --rz-dropdown-label-padding-block: 0;
  --rz-dropdown-label-padding-inline: 0 var(--rz-icon-size);
  --rz-dropdown-filter-border: var(--rz-border-base-200);
  --rz-dropdown-filter-padding: 1rem 0 0.5rem;
  --rz-dropdown-open-background-color: var(--rz-base-background-color);
  --rz-dropdown-open-border: 2px solid var(--rz-primary);
  --rz-dropdown-chips-padding-block: 0.4375rem;
  --rz-dropdown-chips-padding-inline: 0.4375rem 0.9375rem;
}

.rz-dropdown-trigger-icon:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background-color: #000000;
  -webkit-mask-image: url("../images/icon-chevron.svg");
          mask-image: url("../images/icon-chevron.svg");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  position: absolute;
  transform: rotate(90deg);
  transform-origin: center center;
  right: 0;
  top: calc(50% - 12px);
  pointer-events: none;
}

:root {
  --rz-tooltip-background-color: #ffffff !important;
  --rz-tooltip-color: #000000 !important;
}

.rz-tooltip-content {
  white-space: normal !important;
  max-width: 300px !important;
  line-height: 1.5;
  border: 1px solid #000000;
}
@media only screen and (max-width: 1023.9px) {
  .rz-tooltip-content::after {
    display: none !important;
  }
}
.rz-tooltip-content::after {
  border: 1px solid #000000;
  border-bottom: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  inset-block-start: 1px !important;
}