/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
/**
 * project colors
 */
/**
 * project colors
 */
/**
 * base color definitions
 */
/**
 * error color
 */
/**
 * interaction color definitions
 */
/**
 * common colors for form elements
 * these elements are a little bit detached
 * maybe this has to be discussed
 */
/**
 * gaps, defined in styleguide
 * use in future these gaps
 */
:root {
  --spacing-l: 30px;
  --grid-gap: 30px;
}

.cards {
  --background-color-light2: var(--greys2);
  --text-color-light2: var(--text-color-primary);
  --background-color-light3: var(--greys3);
  --text-color-light3: var(--text-color-primary);
  --background-color-light4: var(--greys4);
  --text-color-light4: var(--text-color-primary);
  --background-color-light5: var(--greys5);
  --text-color-light5: var(--text-color-primary);
  --background-color-primary0: var(--primary0);
  --text-color-primary0: var(--text-color-primary);
  --background-color-primary1: var(--primary1);
  --text-color-primary1: var(--text-color-primary);
  --background-color-primary2: var(--primary2);
  --text-color-primary2: var(--text-color-primary);
  --background-color-primary3: var(--primary3);
  --text-color-primary3: var(--text-color-primary);
  --background-color-primary4: var(--primary4);
  --text-color-primary4: var(--text-color-primary);
  --background-color-primary5: var(--primary5);
  --text-color-primary5: var(--text-color-primary);
  --background-color-secondary3: var(--secondary3);
  --text-color-secondary3: var(--text-color-primary);
  --background-color-secondary4: var(--secondary4);
  --text-color-secondary4: var(--text-color-primary);
  --background-color-secondary5: var(--secondary5);
  --text-color-secondary5: var(--text-color-primary);
  --background-color-complementary0: var(--complementary0);
  --text-color-complementary0: var(--text-color-primary);
  --background-color-complementary1: var(--complementary1);
  --text-color-complementary1: var(--text-color-primary);
  --background-color-complementary2: var(--complementary2);
  --text-color-complementary2: var(--text-color-primary);
  --background-color-complementary3: var(--complementary3);
  --text-color-complementary3: var(--text-color-primary);
  --background-color-complementary4: var(--complementary4);
  --text-color-complementary4: var(--text-color-primary);
  --background-color-complementary5: var(--complementary5);
  --text-color-complementary5: var(--text-color-primary);
}

.cards {
  --cards-background-color-primary: var(--primary-color);
  --cards-text-color-primary: var(--text-color-secondary);
  --cards-background-color-secondary: var(--secondary-color);
  --cards-text-color-secondary: var(--text-color-secondary);
  --cards-background-color-tertiary: var(--tertiary-color);
  --cards-text-color-tertiary: var(--text-color-secondary);
  --cards-background-color-light: var(--light-gray-color);
  --cards-text-color-light: var(--text-color-primary);
}

.progress {
  --bg-color: var(--group1-color5);
  --fill-color: var(--group1-color0);
}

th {
  --color: var(--text-color);
}

.text {
  --background-color-light2: var(--greys2);
  --text-color-light2: var(--text-color-primary);
  --background-color-light3: var(--greys3);
  --text-color-light3: var(--text-color-primary);
  --background-color-light4: var(--greys4);
  --text-color-light4: var(--text-color-primary);
  --background-color-light5: var(--greys5);
  --text-color-light5: var(--text-color-primary);
  --background-color-primary0: var(--primary0);
  --text-color-primary0: var(--text-color-primary);
  --background-color-primary1: var(--primary1);
  --text-color-primary1: var(--text-color-primary);
  --background-color-primary2: var(--primary2);
  --text-color-primary2: var(--text-color-primary);
  --background-color-primary3: var(--primary3);
  --text-color-primary3: var(--text-color-primary);
  --background-color-primary4: var(--primary4);
  --text-color-primary4: var(--text-color-primary);
  --background-color-primary5: var(--primary5);
  --text-color-primary5: var(--text-color-primary);
  --background-color-secondary3: var(--secondary3);
  --text-color-secondary3: var(--text-color-primary);
  --background-color-secondary4: var(--secondary4);
  --text-color-secondary4: var(--text-color-primary);
  --background-color-secondary5: var(--secondary5);
  --text-color-secondary5: var(--text-color-primary);
  --background-color-complementary0: var(--complementary0);
  --text-color-complementary0: var(--text-color-primary);
  --background-color-complementary1: var(--complementary1);
  --text-color-complementary1: var(--text-color-primary);
  --background-color-complementary2: var(--complementary2);
  --text-color-complementary2: var(--text-color-primary);
  --background-color-complementary3: var(--complementary3);
  --text-color-complementary3: var(--text-color-primary);
  --background-color-complementary4: var(--complementary4);
  --text-color-complementary4: var(--text-color-primary);
  --background-color-complementary5: var(--complementary5);
  --text-color-complementary5: var(--text-color-primary);
}

.title-area {
  --background-color: var(--greys4);
}

.action-progress-overlay {
  --content-padding: 1rem;
  --backdrop-color: rgb(from var(--black) r g b / 50%);
  --color: white;
}

.progress {
  --width: 100%;
  --outer-padding: 0;
}

td,
th {
  --padding: 10px 24px;
}

:root {
  --heading1-margin-bottom: 30px;
  --heading2-margin-bottom: 24px;
  --heading3-margin-bottom: 16px;
  --heading4-margin-bottom: 8px;
  --heading5-margin-bottom: 8px;
  --heading6-margin-bottom: 8px;
}

:root {
  --decoration-width: 1px;
  --decoration-style: underline;
  --decoration-offset: auto;
  --decoration-hover-width: var(--decoration-width);
  --decoration-hover-style: var(--decoration-style);
  --text-link-font-weight: 700;
}

.survey-list__toggle {
  --action-color: var(--primary-dark-color);
}

.statistics--table {
  border-collapse: collapse;
  width: 100%;
}
.statistics--table .bordertop {
  border-top: 1px solid #333;
}
.statistics--table tr:last-child .borderbottom {
  border-bottom: 1px solid #333;
}
.statistics--table .spacer {
  border-top: 1px solid #333;
}
.statistics--table .borderleft {
  border-left: 1px solid #333;
  padding-left: 0.3rem;
}
.statistics--table .borderright {
  border-right: 1px solid #333;
}
.statistics--table th,
.statistics--table td {
  padding: 0.3rem 0.5rem;
}

.form--statistics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 3.125rem;
}
.form--statistics > *:not(:last-child) {
  margin-right: 0.875rem;
}
.form--statistics-aspects .select {
  width: 15rem;
}
.form--statistics-aspects h4.first {
  margin-top: 0.875rem;
}
.form--statistics-aspects .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 1.875rem;
}
.form--statistics-aspects .actions > *:not(:last-child) {
  margin-right: 0.875rem;
}
.form--statistics-aspects fieldset.admin {
  margin-bottom: 1.875rem;
}
.form--statistics-aspects .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 0.875rem;
}
.form--statistics-aspects .group > *:not(:last-child) {
  margin-right: 0.875rem;
}
.form--statistics-aspects table {
  border-collapse: collapse;
  border: 1px solid #333;
}
.form--statistics-aspects table th,
.form--statistics-aspects table td {
  border: 1px solid #333;
  padding: 0.3rem 0.5rem;
}
.form--statistics-aspects table th {
  cursor: pointer;
}
.form--statistics-aspects table th:hover, .form--statistics-aspects table th:focus {
  background-color: #F5F6F7;
}
.form--statistics-aspects table th.umfragen, .form--statistics-aspects table th.befragte, .form--statistics-aspects table td.umfragen, .form--statistics-aspects table td.befragte {
  width: 120px;
}

.spss .highlight {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0.3rem;
}
.spss__status--in-progress, .spss__status--warn {
  color: #CA1719;
}
.spss__toggle--hidden {
  display: none;
}

.spss-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.3rem;
}
.spss-actions__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.spss-actions__items > * {
  margin-right: 1rem;
}

.spss-lists-wrapper ol.spss-list {
  margin: 0 0 3rem 0;
}
.spss-lists-wrapper label.option__check {
  cursor: pointer;
  margin-bottom: 10px;
}
.spss-lists-wrapper .quest-info input {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.spss-lists-wrapper li.spss--flex {
  padding: 10px;
}
.spss-lists-wrapper li.spss--flex:nth-child(odd) {
  background-color: #F2F2F2;
}
.spss-lists-wrapper li.spss--flex:nth-child(even) {
  background-color: #E2E2E2;
}

.terms-of-use-admin__button {
  margin-bottom: 1.875rem;
}
.terms-of-use-admin__form {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.terms-of-use-admin__form:not(.toggle-item__content--active):not(.toggle-item--active) {
  visibility: hidden;
  position: absolute;
  border: 0;
  height: 0;
  width: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  white-space: nowrap;
  opacity: 0;
}
.terms-of-use-admin__form.toggle-item--active, .terms-of-use-admin__form.toggle-item__content--active {
  padding-bottom: 3.75rem;
}

.terms-of-use-history__list {
  border-collapse: collapse;
  width: 100%;
}
.terms-of-use-history__list th,
.terms-of-use-history__list td {
  padding: 0.3rem 0.5rem;
}
.terms-of-use-history__list-head {
  font-weight: 700;
  border-bottom: 2px solid #333;
}
.terms-of-use-history__headline {
  margin-top: 0.875rem;
}
.terms-of-use-history__list-item:nth-child(odd) {
  background-color: #D8D8D8;
}

.terms-of-use__blockquote {
  margin: 0;
  font-size: 0.9rem;
  max-width: 46rem;
}
.terms-of-use__valid-from {
  font-weight: 700;
}
.terms-of-use__description {
  padding-top: 1rem;
  padding-bottom: 2rem;
}
.terms-of-use__description > *:not(:last-child) {
  margin-bottom: 0.3rem;
}
/*# sourceMappingURL=legacy.css.map */