@charset "UTF-8";
.umfrage-seite {
  --umfrage-akzent: var(--reseller-primary, var(--bs-primary));
  --umfrage-flaeche: #fff;
  --umfrage-linie: rgba(27, 30, 43, 0.1);
  --umfrage-linie-stark: rgba(27, 30, 43, 0.18);
  --umfrage-linie-bedienung: rgba(27, 30, 43, 0.55);
  --umfrage-schatten: 0 1px 2px rgba(27, 30, 43, 0.04), 0 8px 24px rgba(27, 30, 43, 0.06);
  --umfrage-schatten-hover: 0 2px 4px rgba(27, 30, 43, 0.06), 0 12px 32px rgba(27, 30, 43, 0.1);
  --umfrage-akzent-dunkel: var(--reseller-dark, var(--bs-link-hover-color));
  --umfrage-akzent-kante: color-mix(in srgb, var(--umfrage-akzent) 45%, transparent);
  --umfrage-akzent-hauch: color-mix(in srgb, var(--umfrage-akzent) 5%, transparent);
  --umfrage-akzent-flaeche: color-mix(in srgb, var(--umfrage-akzent) 12%, transparent);
  --umfrage-akzent-ring: color-mix(in srgb, var(--umfrage-akzent) 15%, transparent);
  --umfrage-akzent-spur: color-mix(in srgb, var(--umfrage-akzent) 20%, transparent);
  --dot-akzent: var(--umfrage-akzent);
  --dot-akzent-schrift: var(--umfrage-akzent);
  --dot-akzent-voll: var(--umfrage-akzent);
  --dot-akzent-hauch: var(--umfrage-akzent-hauch);
  --dot-akzent-hauch-stark: var(--umfrage-akzent-flaeche);
  --dot-akzent-ring: var(--umfrage-akzent-ring);
  accent-color: var(--umfrage-akzent);
  --umfrage-spalte: 46rem;
  background-color: #fbfcfd;
}
.umfrage-seite h1.display-1,
.umfrage-seite .display-1 {
  font-size: clamp(2.25rem, 1.25rem + 3.6vw, 4rem);
  line-height: 1.06;
  letter-spacing: -0.02em;
  font-weight: 700;
  text-wrap: balance;
}
.umfrage-seite h1,
.umfrage-seite h2,
.umfrage-seite h3 {
  letter-spacing: -0.01em;
  text-wrap: pretty;
}
.umfrage-seite a:not(.btn):not(.navbar-brand) {
  color: var(--umfrage-akzent);
}
.umfrage-seite a:not(.btn):not(.navbar-brand):hover,
.umfrage-seite a:not(.btn):not(.navbar-brand):focus {
  color: var(--umfrage-akzent-dunkel);
}
.umfrage-seite h2 {
  font-size: clamp(1.35rem, 1.1rem + 0.8vw, 1.75rem);
  line-height: 1.25;
}
.umfrage-seite .lead {
  font-size: clamp(1.05rem, 1rem + 0.35vw, 1.3rem);
  line-height: 1.55;
  max-width: 62ch;
  margin-inline: auto;
  opacity: 0.92;
}
.umfrage-seite main p,
.umfrage-seite main li {
  line-height: 1.65;
}
.umfrage-seite .umfrage-fliesstext {
  max-width: 66ch;
  margin-inline: auto;
}
.umfrage-seite .umfrage-fliesstext :is(h1, h2, h3, h4, h5, h6) {
  color: var(--umfrage-akzent);
}
.umfrage-seite #umfrage-sprache-aenderbar-hinweis {
  max-width: 66ch;
  margin-inline: auto;
}
.umfrage-seite :is(.umfrage-fliesstext, .umfrage-frage-text, .umfrage-abschnitt-text, .lead, #umfrage-sprache-aenderbar-hinweis),
.umfrage-seite :is(.umfrage-fliesstext, .umfrage-frage-text, .umfrage-abschnitt-text, .lead) a {
  overflow-wrap: anywhere;
}
.umfrage-seite .frage-error-container > .frage-container.mb-3:last-child,
.umfrage-seite .umfrage-frage .frage-container.mb-3:last-child {
  margin-bottom: 0 !important;
}
.umfrage-seite [id^=div-frage-],
.umfrage-seite .umfrage-frage {
  position: relative;
  background-color: var(--umfrage-flaeche);
  border: 1px solid var(--umfrage-linie);
  box-shadow: var(--umfrage-schatten);
  max-width: var(--umfrage-spalte);
  margin-inline: auto;
  margin-bottom: 1.25rem;
  padding: clamp(1.25rem, 0.75rem + 2vw, 2.5rem) !important;
  transition: box-shadow 0.18s ease, border-color 0.18s ease;
}
.umfrage-seite .umfrage-frage.umfrage-ergebnisse-link {
  margin-top: 2rem;
}
.umfrage-seite :is([id^=div-frage-], .umfrage-frage)::before {
  content: "";
  position: absolute;
  inset-block: clamp(1.25rem, 0.75rem + 2vw, 2.5rem);
  left: -1px;
  width: 3px;
  background-color: transparent;
  transition: background-color 0.18s ease;
}
.umfrage-seite :is([id^=div-frage-], .umfrage-frage):has([data-frage].ist-beantwortet)::before {
  background-color: var(--umfrage-akzent);
}
.umfrage-seite :is([id^=div-frage-], .umfrage-frage):has([data-frage].ist-offen)::before {
  background-color: var(--bs-danger);
}
.umfrage-seite [id^=div-frage-]:has([data-frage-typ-huelle=likert]),
.umfrage-seite .umfrage-frage:has([data-frage-typ-huelle=likert]) {
  max-width: none;
}
.umfrage-seite :is([id^=div-frage-], .umfrage-frage):has([data-frage-typ-huelle=likert]) .umfrage-frage-text {
  max-width: 66ch;
}
.umfrage-seite [id^=div-frage-]:focus-within,
.umfrage-seite .umfrage-frage:focus-within {
  border-color: var(--umfrage-akzent);
  box-shadow: var(--umfrage-schatten-hover);
}
.umfrage-seite :is([id^=div-frage-], .umfrage-frage):has([data-frage].ist-offen):focus-within,
.umfrage-seite .umfrage-frage-fehlt:focus-within {
  border-color: var(--bs-danger);
}
.umfrage-seite:has(:is([id^=div-frage-], .umfrage-frage)):not(:has([data-frage-typ-huelle=likert])) hr,
.umfrage-seite:has(:is([id^=div-frage-], .umfrage-frage)):not(:has([data-frage-typ-huelle=likert])) .progress,
.umfrage-seite:has(:is([id^=div-frage-], .umfrage-frage)):not(:has([data-frage-typ-huelle=likert])) .umfrage-fortschritt,
.umfrage-seite:has(:is([id^=div-frage-], .umfrage-frage)):not(:has([data-frage-typ-huelle=likert])) .umfrage-schritte-leiste {
  max-width: var(--umfrage-spalte);
  margin-inline: auto;
}
.umfrage-seite [id^=div-frage-].bg-light,
.umfrage-seite [id^=div-kategorie-].bg-light {
  background-color: var(--umfrage-flaeche) !important;
}
.umfrage-seite .umfrage-abschnitt {
  --abschnitt-farbe: var(--umfrage-akzent);
  max-width: var(--umfrage-spalte);
  margin-inline: auto;
  margin-bottom: 2.5rem;
}
.umfrage-seite .umfrage-abschnitt-kopf {
  display: flex;
  align-items: baseline;
  gap: 0.85rem;
  margin-bottom: 1.25rem;
  padding: 0 0 0.85rem 1rem;
  border-left: 4px solid var(--abschnitt-farbe);
  border-bottom: 1px solid var(--umfrage-linie);
}
.umfrage-seite .umfrage-abschnitt-nummer {
  flex: 0 0 auto;
  align-self: flex-start;
  min-width: 2.25rem;
  padding: 0.1rem 0.45rem;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.02em;
  text-align: center;
}
.umfrage-seite .umfrage-abschnitt-titel {
  flex: 1 1 auto;
  margin: 0;
  color: var(--bs-emphasis-color);
}
.umfrage-seite .umfrage-abschnitt-text {
  margin-bottom: 1.5rem;
  padding-left: calc(1rem + 4px);
  color: var(--bs-secondary-color);
}
.umfrage-seite .umfrage-frage-kopf {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.umfrage-seite .umfrage-frage-nummer {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 1.9rem;
  min-height: calc(clamp(1.35rem, 1.1rem + 0.8vw, 1.75rem) * 1.25);
  padding: 0.05rem 0.4rem;
  border: 1px solid var(--umfrage-linie-stark);
  color: var(--bs-secondary-color);
  font-size: 0.85rem;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}
.umfrage-seite .umfrage-frage-titel {
  flex: 1 1 auto;
  margin: 0;
  font-size: clamp(1.35rem, 1.1rem + 0.8vw, 1.75rem);
  line-height: 1.25;
  color: var(--bs-emphasis-color);
}
.umfrage-seite .umfrage-frage-optional {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.1rem 0.4rem;
  border: 1px solid var(--umfrage-linie-stark);
  color: var(--bs-secondary-color);
  font-size: 0.7em;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: lowercase;
  vertical-align: middle;
}
.umfrage-seite .umfrage-frage-zaehler {
  margin-bottom: 1.25rem;
  color: var(--bs-secondary-color);
  font-size: 0.95rem;
}
.umfrage-seite .umfrage-frage-zaehler > span {
  display: inline-block;
  min-width: 1.9rem;
  padding: 0.05rem 0.4rem;
  background-color: var(--umfrage-akzent);
  color: #fff;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  text-align: center;
}
.umfrage-seite .umfrage-frage-text {
  margin-bottom: 1.25rem;
  color: var(--bs-secondary-color);
}
@media (min-width: 768px) {
  .umfrage-seite [id^=div-frage-] > .umfrage-frage-kopf:has(.umfrage-frage-nummer) ~ *,
  .umfrage-seite .umfrage-frage > .umfrage-frage-kopf:has(.umfrage-frage-nummer) ~ * {
    padding-left: calc(1.9rem + 0.75rem);
  }
}
.umfrage-seite .frage-nummer {
  font-weight: 700;
  letter-spacing: -0.02em;
  box-shadow: var(--umfrage-schatten);
}
.umfrage-seite .frage-container .form-check {
  padding: 0;
  margin-bottom: 0.5rem !important;
  border: 1.5px solid var(--umfrage-linie);
  background-color: var(--umfrage-flaeche);
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.umfrage-seite .frage-container .form-check:hover {
  border-color: var(--umfrage-akzent-kante);
  background-color: var(--umfrage-akzent-hauch);
}
.umfrage-seite .umfrage-opt-marke {
  flex: 0 0 auto;
  width: 1.3rem;
  height: 1.3rem;
  display: grid;
  place-items: center;
  border: 2px solid var(--umfrage-linie-bedienung);
  border-radius: 50%;
  transition: border-color 0.14s ease, background-color 0.14s ease;
}
.umfrage-seite .umfrage-opt-mehrfach .umfrage-opt-marke {
  border-radius: 0.3em;
}
.umfrage-seite .umfrage-opt-marke::after {
  content: "";
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background-color: #fff;
  transform: scale(0);
  transition: transform 0.14s cubic-bezier(0.2, 0.9, 0.3, 1.4);
}
.umfrage-seite .umfrage-opt-mehrfach .umfrage-opt-marke::after {
  width: 0.4rem;
  height: 0.7rem;
  margin-top: -0.15rem;
  border: solid #fff;
  border-width: 0 2.5px 2.5px 0;
  border-radius: 0;
  background: none;
  rotate: 45deg;
}
.umfrage-seite .frage-container .form-check:has(.umfrage-opt-marke) .form-check-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
.umfrage-seite .frage-container .form-check:has(.form-check-input:checked) .umfrage-opt-marke {
  border-color: var(--umfrage-akzent);
  background-color: var(--umfrage-akzent);
}
.umfrage-seite .frage-container .form-check:has(.form-check-input:checked) .umfrage-opt-marke::after {
  transform: scale(1);
}
.umfrage-seite .umfrage-opt-taste {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 0 0.35rem;
  border: 1px solid var(--umfrage-linie-stark);
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  line-height: 1.5;
}
.umfrage-seite .frage-container .form-check:has(.form-check-input:checked) .umfrage-opt-taste {
  border-color: var(--umfrage-akzent);
  color: var(--umfrage-akzent);
}
@media (max-width: 767.98px) {
  .umfrage-seite .umfrage-opt-taste {
    display: none;
  }
}
.umfrage-seite .frage-container .form-check .form-check-label {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  width: 100%;
  min-height: 3rem;
  padding: 0.75rem 1rem;
  cursor: pointer;
  line-height: 1.4;
}
.umfrage-seite .frage-container .form-check .form-check-input {
  flex: 0 0 auto;
  margin: 0;
  width: 1.35em;
  height: 1.35em;
}
.umfrage-seite .frage-container .form-check:has(> .form-check-input + .form-check-label) {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding-left: 1rem;
}
.umfrage-seite .frage-container .form-check:has(> .form-check-input + .form-check-label) > .form-check-input {
  margin-top: 0;
}
.umfrage-seite .frage-container .form-check:has(> .form-check-input + .form-check-label) > .form-check-label {
  padding-left: 0;
}
.umfrage-seite .frage-container .form-check:has(.form-check-input:checked) {
  border-color: var(--umfrage-akzent);
  background-color: var(--umfrage-akzent-hauch);
}
.umfrage-seite .frage-container .form-check:has(.form-check-input:focus-visible) {
  outline: 3px solid var(--umfrage-akzent);
  outline-offset: 2px;
}
.umfrage-seite .frage-container.ist-offen .form-check:has(.form-check-input:focus) {
  outline: 3px solid var(--bs-danger);
  outline-offset: 2px;
}
.umfrage-seite .frage-container fieldset > hr {
  display: none;
}
.umfrage-seite .umfrage-ausweg {
  margin-top: 0.9rem;
  padding-top: 0.9rem;
  border-top: 1px solid var(--umfrage-linie);
}
.umfrage-seite .umfrage-ausweg .form-check {
  border-style: dashed;
}
.umfrage-seite .umfrage-ausweg .form-check .form-check-label {
  min-height: 2.7rem;
  color: var(--bs-secondary-color);
}
.umfrage-seite .umfrage-ausweg .form-check:has(.form-check-input:checked) {
  border-style: solid;
}
.umfrage-seite .umfrage-ausweg .form-check:has(.form-check-input:checked) .form-check-label {
  color: var(--bs-body-color);
}
.umfrage-seite .umfrage-begruendung {
  --umfrage-begruendung-einzug: calc(1.3rem + .85rem + 1rem);
  margin-top: 0.55rem;
  margin-left: var(--umfrage-begruendung-einzug);
  width: calc(100% - var(--umfrage-begruendung-einzug));
}
.umfrage-seite .frage-container textarea.form-control {
  margin-top: 0.5rem;
  border-color: var(--umfrage-linie-stark);
}
.umfrage-seite .frage-container.umfrage-raster fieldset {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  gap: 0.5rem;
}
.umfrage-seite .frage-container.umfrage-raster .form-check {
  margin-bottom: 0 !important;
}
.umfrage-seite .frage-container .form-check:has(.form-check-input:disabled) {
  opacity: 0.45;
}
.umfrage-seite .frage-container .form-check:has(.form-check-input:disabled) .form-check-label {
  cursor: not-allowed;
}
.umfrage-seite input.form-control,
.umfrage-seite select.form-control,
.umfrage-seite select.form-select {
  min-height: 2.75rem;
}
.umfrage-seite .form-check-input {
  border-color: var(--umfrage-linie-bedienung);
}
.umfrage-seite .form-check-input:checked,
.umfrage-seite .form-check-input[type=checkbox]:indeterminate {
  background-color: var(--umfrage-akzent);
  border-color: var(--umfrage-akzent);
}
.umfrage-seite .frage-container :is(input.form-control, select.form-select, textarea.form-control) {
  border: 1.5px solid var(--umfrage-linie);
}
.umfrage-seite .frage-container :is(input.form-control, select.form-select) {
  min-height: 3.1rem;
}
.umfrage-seite .frage-container :is(input.form-control, select.form-select, textarea.form-control):focus {
  border-color: var(--umfrage-akzent);
  box-shadow: 0 0 0 3px var(--umfrage-akzent-ring);
}
.umfrage-seite .frage-container input[type=number].form-control {
  max-width: 10rem;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.umfrage-seite .umfrage-feld-rest {
  margin: 0.35rem 0 0;
  color: var(--bs-secondary-color);
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.umfrage-seite .umfrage-feld-rest[data-knapp=true] {
  color: var(--bs-danger);
}
.umfrage-seite .form-check > .form-check-input + .form-check-label {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  cursor: pointer;
}
.umfrage-seite .form-check > .form-check-input {
  width: 1.25em;
  height: 1.25em;
  margin-top: 0.85rem;
}
.umfrage-seite .btn-check + .btn {
  position: relative;
  min-height: 2.75rem;
  flex: 1 1 7rem;
  margin: 0 0 0 -1px;
  font-weight: 500;
  transition: background-color 0.12s ease, color 0.12s ease;
}
.umfrage-seite .btn-check:checked + .btn,
.umfrage-seite .btn-check + .btn:hover {
  z-index: 2;
  font-weight: 700;
}
.umfrage-seite .btn-check:focus-visible + .btn {
  z-index: 3;
  outline: 3px solid var(--umfrage-akzent);
  outline-offset: 2px;
}
@media (max-width: 575.98px) {
  .umfrage-seite .btn-group:has(> .btn-check) {
    flex-wrap: wrap;
  }
  .umfrage-seite .btn-group:has(> .btn-check) > .btn-check + .btn {
    flex-basis: 100%;
    margin: -1px 0 0 0;
  }
  .umfrage-seite .btn-group:has(> .btn-check) > .btn-check:first-of-type + .btn {
    margin-top: 0;
  }
}
.umfrage-seite .umfrage-achse {
  margin-bottom: 1rem;
}
.umfrage-seite .umfrage-segmente {
  display: flex;
  border: 1.5px solid var(--umfrage-linie-bedienung);
  background-color: var(--umfrage-flaeche);
}
.umfrage-seite .umfrage-segment-feld {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.umfrage-seite .umfrage-segment {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  min-height: 3.5rem;
  padding: 0.7rem 0.4rem;
  border-left: 1px solid var(--umfrage-linie-bedienung);
  background-color: rgba(27, 30, 43, 0.025);
  color: var(--bs-body-color);
  text-align: center;
  cursor: pointer;
  transition: background-color 0.14s ease, color 0.14s ease;
}
.umfrage-seite .umfrage-segment:first-of-type {
  border-left: 0;
}
.umfrage-seite .umfrage-segment:first-of-type::after {
  inset-inline: 0;
}
.umfrage-seite .umfrage-segment-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.25;
  hyphens: manual;
}
.umfrage-seite .umfrage-segment:hover {
  background-color: var(--umfrage-akzent-flaeche);
}
.umfrage-seite .umfrage-segment-feld:checked + .umfrage-segment {
  background-color: var(--umfrage-akzent);
  color: #fff;
}
.umfrage-seite .umfrage-segment-feld:focus-visible + .umfrage-segment {
  outline: 3px solid var(--umfrage-akzent);
  outline-offset: -3px;
}
.umfrage-seite .umfrage-segment-schiene {
  display: flex;
  height: 4px;
  margin-top: 0.45rem;
  background-color: rgba(27, 30, 43, 0.09);
}
.umfrage-seite .umfrage-segment::after {
  content: "";
  position: absolute;
  inset-inline: -1px 0;
  bottom: -0.45rem;
  height: 4px;
  background-color: transparent;
  transition: background-color 0.16s ease;
}
.umfrage-seite .umfrage-segment:has(~ .umfrage-segment-feld:checked)::after,
.umfrage-seite .umfrage-segment-feld:checked + .umfrage-segment::after {
  background-color: var(--umfrage-akzent);
}
.umfrage-seite .umfrage-achse-senkrecht .umfrage-segmente {
  flex-direction: column;
}
.umfrage-seite .umfrage-achse-senkrecht .umfrage-segment {
  flex: 0 0 auto;
  flex-direction: row;
  justify-content: flex-start;
  gap: 0.7rem;
  min-height: 2.9rem;
  border-left: 0;
  border-top: 1px solid var(--umfrage-linie-bedienung);
  text-align: left;
}
.umfrage-seite .umfrage-achse-senkrecht .umfrage-segment:first-of-type {
  border-top: 0;
}
.umfrage-seite .umfrage-achse-senkrecht .umfrage-segment-text {
  -webkit-line-clamp: 2;
}
.umfrage-seite .umfrage-achse-senkrecht .umfrage-segment-rang {
  display: block;
}
.umfrage-seite .umfrage-achse-senkrecht .umfrage-segment::after,
.umfrage-seite .umfrage-achse-senkrecht .umfrage-segment-schiene {
  display: none;
}
.umfrage-seite .umfrage-segment-rang {
  display: none;
  flex: 0 0 auto;
  min-width: 1.2rem;
  color: var(--bs-secondary-color);
  font-size: 0.8rem;
  font-variant-numeric: tabular-nums;
}
.umfrage-seite .umfrage-segment-feld:checked + .umfrage-segment .umfrage-segment-rang {
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 575.98px) {
  .umfrage-seite .umfrage-segmente {
    flex-direction: column;
  }
  .umfrage-seite .umfrage-segment {
    flex: 0 0 auto;
    flex-direction: row;
    justify-content: flex-start;
    gap: 0.7rem;
    min-height: 2.9rem;
    border-left: 0;
    border-top: 1px solid var(--umfrage-linie-bedienung);
    text-align: left;
  }
  .umfrage-seite .umfrage-segment:first-of-type {
    border-top: 0;
  }
  .umfrage-seite .umfrage-segment-rang {
    display: block;
  }
  .umfrage-seite .umfrage-segment::after,
  .umfrage-seite .umfrage-segment-schiene {
    display: none;
  }
}
.umfrage-seite .umfrage-punkte {
  margin-bottom: 1rem;
  container-type: inline-size;
}
.umfrage-seite .umfrage-punkte-reihe {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: var(--umfrage-punkte-fuge, 0.4rem);
}
@container (max-width: 28rem) {
  .umfrage-seite .umfrage-punkte-reihe {
    gap: 0;
  }
  .umfrage-seite .umfrage-punkt + .umfrage-punkt-feld + .umfrage-punkt {
    margin-left: -1.5px;
  }
  .umfrage-seite .umfrage-punkt-feld:checked + .umfrage-punkt,
  .umfrage-seite .umfrage-punkt-feld:focus-visible + .umfrage-punkt {
    position: relative;
    z-index: 1;
  }
}
.umfrage-seite .umfrage-punkt-feld {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.umfrage-seite .umfrage-punkt {
  display: grid;
  place-items: center;
  min-height: 3rem;
  border: 1.5px solid var(--umfrage-linie-bedienung);
  background-color: var(--umfrage-flaeche);
  color: var(--bs-body-color);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}
.umfrage-seite .umfrage-punkt:hover {
  border-color: var(--umfrage-akzent-kante);
  background-color: var(--umfrage-akzent-hauch);
}
.umfrage-seite .umfrage-punkt-feld:checked + .umfrage-punkt {
  border-color: var(--umfrage-akzent);
  background-color: var(--umfrage-akzent);
  color: #fff;
}
.umfrage-seite .umfrage-punkt-feld:focus-visible + .umfrage-punkt {
  outline: 3px solid var(--umfrage-akzent);
  outline-offset: 2px;
}
.umfrage-seite .likert-zelle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.75rem;
  margin: 0;
  padding: 0.35rem;
  cursor: pointer;
  transition: background-color 0.12s ease;
}
.umfrage-seite [data-frage-typ-huelle=likert] td:not(:first-child) {
  padding: 0;
}
.umfrage-seite .likert-zelle:hover {
  background-color: rgba(27, 30, 43, 0.04);
}
.umfrage-seite .likert-zelle:has(.form-check-input:checked) {
  background-color: var(--umfrage-akzent-hauch);
  box-shadow: inset 0 -3px 0 0 var(--umfrage-akzent);
}
.umfrage-seite .likert-zelle:has(.form-check-input:focus-visible) {
  outline: 3px solid var(--umfrage-akzent);
  outline-offset: -3px;
}
.umfrage-seite [data-frage-typ-huelle=likert] tbody tr:hover {
  background-color: rgba(27, 30, 43, 0.02);
}
.umfrage-seite [data-frage-typ-huelle=likert] thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--umfrage-flaeche);
}
.umfrage-seite .likert-aussage {
  position: relative;
  padding-left: 1.4rem !important;
}
.umfrage-seite [data-frage-typ-huelle=likert] tbody tr:has(.form-check-input:checked) .likert-aussage::before {
  content: "";
  position: absolute;
  left: 0.35rem;
  top: 1.1em;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: var(--umfrage-akzent);
}
@media (max-width: 767.98px) {
  .umfrage-seite [data-frage-typ-huelle=likert] {
    overflow-x: visible;
  }
  .umfrage-seite [data-frage-typ-huelle=likert] table,
  .umfrage-seite [data-frage-typ-huelle=likert] tbody,
  .umfrage-seite [data-frage-typ-huelle=likert] tr,
  .umfrage-seite [data-frage-typ-huelle=likert] td {
    display: block;
    width: auto !important;
  }
  .umfrage-seite [data-frage-typ-huelle=likert] thead {
    display: none;
  }
  .umfrage-seite [data-frage-typ-huelle=likert] tr {
    margin-bottom: 0.75rem;
    border: 1px solid var(--umfrage-linie);
    background-color: var(--umfrage-flaeche);
    box-shadow: var(--umfrage-schatten);
  }
  .umfrage-seite [data-frage-typ-huelle=likert] td:first-child {
    padding: 0.85rem 1rem 0.7rem;
    border-bottom: 1px solid var(--umfrage-linie);
    font-weight: 600;
    line-height: 1.4;
    text-align: left !important;
  }
  .umfrage-seite [data-frage-typ-huelle=likert] td:not(:first-child) {
    padding: 0;
  }
  .umfrage-seite [data-frage-typ-huelle=likert] .likert-zelle {
    display: flex;
    justify-content: flex-start;
    gap: 0.85rem;
    width: 100%;
    min-height: 2.75rem;
    padding: 0.5rem 1rem;
    line-height: 1.4;
    text-align: left;
  }
  .umfrage-seite [data-frage-typ-huelle=likert] .likert-zelle .form-check-input {
    flex: 0 0 auto;
    width: 1.35em;
    height: 1.35em;
    margin: 0;
  }
  .umfrage-seite [data-frage-typ-huelle=likert] .likert-zelle-text {
    flex: 1 1 auto;
  }
  .umfrage-seite [data-frage-typ-huelle=likert] .likert-zelle:has(.form-check-input:checked) {
    box-shadow: inset 4px 0 0 0 var(--umfrage-akzent);
    background-color: var(--umfrage-akzent-hauch);
    font-weight: 700;
  }
  .umfrage-seite [data-frage-typ-huelle=likert] .likert-zelle:has(.form-check-input:focus-visible) {
    outline: 3px solid var(--umfrage-akzent);
    outline-offset: -3px;
  }
}
.umfrage-seite .form-range {
  height: 2.25rem;
}
.umfrage-seite .form-range::-webkit-slider-thumb {
  width: 1.75rem;
  height: 1.75rem;
  margin-top: -0.475rem;
  border: 3px solid #fff;
  background-color: var(--umfrage-akzent);
  box-shadow: 0 2px 8px rgba(27, 30, 43, 0.25);
}
.umfrage-seite .form-range::-moz-range-thumb {
  width: 1.75rem;
  height: 1.75rem;
  border: 3px solid #fff;
  background-color: var(--umfrage-akzent);
  box-shadow: 0 2px 8px rgba(27, 30, 43, 0.25);
}
.umfrage-seite .form-range::-webkit-slider-runnable-track {
  background-color: var(--umfrage-akzent-spur);
}
.umfrage-seite .form-range::-moz-range-track {
  background-color: var(--umfrage-akzent-spur);
}
.umfrage-seite .umfrage-regler-wert {
  margin-bottom: 0.35rem;
  text-align: center;
}
.umfrage-seite .umfrage-regler-wert output {
  display: inline-block;
  font-variant-numeric: tabular-nums;
  line-height: 1.3;
  color: var(--bs-secondary-color);
}
.umfrage-seite .umfrage-regler-wert output[data-beantwortet=true] {
  color: var(--umfrage-akzent);
  font-size: 2.1rem;
  font-weight: 700;
}
.umfrage-seite .umfrage-regler-striche {
  display: flex;
  justify-content: space-between;
  margin-top: -0.15rem;
  padding-inline: 0.2rem;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
}
.umfrage-seite .umfrage-skala-anker {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.35;
  color: var(--bs-secondary-color);
}
.umfrage-seite .umfrage-skala-anker span {
  flex: 1 1 0;
  text-align: center;
}
.umfrage-seite .umfrage-skala-anker span:first-child {
  text-align: left;
}
.umfrage-seite .umfrage-skala-anker span:last-child {
  text-align: right;
}
.umfrage-seite .umfrage-ranking-eintrag {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 3rem;
  padding: 0.6rem 0.85rem;
}
.umfrage-seite .umfrage-ranking-rang {
  flex: 0 0 auto;
  min-width: 1.9rem;
  padding: 0.05rem 0.35rem;
  background-color: var(--umfrage-akzent-flaeche);
  color: var(--umfrage-akzent);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  text-align: center;
}
.umfrage-seite .umfrage-ranking-griff {
  flex: 0 0 auto;
  color: var(--umfrage-linie-bedienung);
  cursor: grab;
  transition: color 0.14s ease;
}
.umfrage-seite .umfrage-ranking-eintrag:hover .umfrage-ranking-griff {
  color: var(--umfrage-akzent);
}
.umfrage-seite .umfrage-ranking-text {
  flex: 1 1 auto;
  line-height: 1.4;
}
.umfrage-seite .umfrage-ranking-knoepfe {
  flex: 0 0 auto;
  display: flex;
  gap: 0.25rem;
}
.umfrage-seite .umfrage-ranking-knoepfe .btn {
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0.25rem 0.5rem;
  border-color: transparent;
  background-color: transparent;
  color: var(--bs-secondary-color);
}
.umfrage-seite .umfrage-ranking-knoepfe .btn:hover {
  background-color: var(--umfrage-akzent-flaeche);
  color: var(--umfrage-akzent);
}
.umfrage-seite .umfrage-ranking-eintrag:has(.umfrage-ranking-knoepfe .btn:focus-visible) {
  outline: 3px solid var(--umfrage-akzent);
  outline-offset: -3px;
}
@media (max-width: 575.98px) {
  .umfrage-seite .umfrage-ranking-eintrag {
    gap: 0.5rem;
    padding: 0.4rem 0.3rem 0.4rem 0.6rem;
  }
  .umfrage-seite .umfrage-ranking-griff {
    display: none;
  }
  .umfrage-seite .umfrage-ranking-knoepfe {
    gap: 0;
  }
}
.umfrage-seite .form-range:focus-visible {
  outline: 3px solid var(--umfrage-akzent);
  outline-offset: 4px;
}
.umfrage-seite .umfrage-karten-karussell {
  margin-bottom: 1.25rem;
}
.umfrage-seite .umfrage-karten-leiste {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.85rem;
}
.umfrage-seite .umfrage-karten-leiste :is(.carousel-control-prev, .carousel-control-next) {
  position: static;
  flex: 0 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border: 1px solid var(--umfrage-linie-stark);
  background-color: var(--umfrage-flaeche);
  opacity: 1;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.umfrage-seite .umfrage-karten-leiste :is(.carousel-control-prev, .carousel-control-next):hover {
  border-color: var(--umfrage-akzent);
  background-color: rgba(27, 30, 43, 0.03);
}
.umfrage-seite .umfrage-karten-leiste :is(.carousel-control-prev, .carousel-control-next):focus-visible {
  outline: 3px solid var(--umfrage-akzent);
  outline-offset: 2px;
}
.umfrage-seite .umfrage-karten-leiste :is(.carousel-control-prev-icon, .carousel-control-next-icon) {
  width: 1.1rem;
  height: 1.1rem;
  filter: invert(1);
}
.umfrage-seite .umfrage-karten-leiste .carousel-indicators {
  position: static;
  flex: 0 1 auto;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.umfrage-seite .umfrage-karten-leiste .carousel-indicators [data-bs-target] {
  width: 0.55rem;
  height: 0.55rem;
  margin: 0.2rem;
  border: 0;
  border-radius: 50%;
  background-color: rgba(27, 30, 43, 0.25);
  opacity: 1;
}
.umfrage-seite .umfrage-karten-leiste .carousel-indicators .active {
  background-color: var(--umfrage-akzent);
}
.umfrage-seite .umfrage-karte {
  border: 1px solid var(--umfrage-linie-stark);
  background-color: var(--umfrage-flaeche);
}
.umfrage-seite .umfrage-karte-kopf {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.85rem 1.25rem;
  border-bottom: 1px solid var(--umfrage-linie);
  box-shadow: inset 4px 0 0 0 var(--umfrage-akzent);
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.umfrage-seite .umfrage-karte-icon {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}
.umfrage-seite .umfrage-karte-text {
  margin: 0;
  padding: 1.25rem;
  color: var(--bs-secondary-color);
}
.umfrage-seite .feedback-kennzahlen {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: 1rem;
  margin: 0;
}
.umfrage-seite .feedback-kennzahlen > div {
  padding: 0.85rem 1rem;
  border-left: 4px solid var(--umfrage-akzent);
  background-color: rgba(27, 30, 43, 0.025);
}
.umfrage-seite .feedback-kennzahlen dt {
  color: var(--bs-secondary-color);
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.3;
}
.umfrage-seite .feedback-kennzahlen dd {
  margin: 0.15rem 0 0;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.umfrage-seite .feedback-karte-icon {
  width: 1.35rem;
  height: 1.35rem;
  object-fit: contain;
  vertical-align: -0.2rem;
}
.umfrage-seite .umfrage-lesespalte {
  max-width: var(--umfrage-spalte);
  margin-inline: auto;
}
@media (max-width: 575.98px) {
  .umfrage-seite .umfrage-registrierung .umfrage-schritte-leiste .btn {
    width: 100%;
  }
}
.umfrage-seite .umfrage-registrierung #umfrage-sprache-aenderbar-hinweis {
  max-width: none;
}
.umfrage-seite .umfrage-skills {
  list-style: none;
  margin: 0;
  padding: 0;
}
.umfrage-seite .umfrage-skill {
  padding: 0.7rem 0;
  border-top: 1px solid var(--umfrage-linie);
}
.umfrage-seite .umfrage-skill:first-child {
  padding-top: 0;
  border-top: 0;
}
.umfrage-seite .umfrage-skill:last-child {
  padding-bottom: 0;
}
.umfrage-seite .umfrage-skill-kopf {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.6rem;
}
.umfrage-seite .umfrage-skill-name {
  font-weight: 600;
}
.umfrage-seite .umfrage-skill-stufe {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
  white-space: nowrap;
}
.umfrage-seite .umfrage-skill-wertung {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.7rem;
  margin-top: 0.4rem;
}
.umfrage-seite .umfrage-stufenleiter {
  display: flex;
  flex: 0 0 auto;
  gap: 3px;
}
.umfrage-seite .umfrage-stufenleiter-segment {
  width: 1.6rem;
  height: 0.45rem;
  background-color: rgba(27, 30, 43, 0.1);
}
.umfrage-seite .umfrage-stufenleiter-erreicht {
  background-color: var(--umfrage-akzent);
  opacity: var(--segment-deckung, 1);
}
.umfrage-seite .umfrage-skill-quelle {
  flex: 0 0 4.5rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--bs-secondary-color);
}
.umfrage-seite .umfrage-skill-einschaetzung {
  font-weight: 500;
}
.umfrage-seite .umfrage-skill-position {
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--bs-secondary-color);
  white-space: nowrap;
}
.umfrage-seite .umfrage-skill-kommentare {
  margin-top: 0.4rem;
  font-size: 0.9375rem;
}
.umfrage-seite .umfrage-skill-kommentare summary {
  color: var(--bs-secondary-color);
  cursor: pointer;
}
.umfrage-seite .umfrage-skill-kommentare ul {
  margin: 0.35rem 0 0;
  padding-left: 1.1rem;
}
.umfrage-seite .umfrage-skill-stimmen {
  margin-top: 0.4rem;
  font-size: 0.9375rem;
}
.umfrage-seite .umfrage-skill-stimmen summary {
  color: var(--bs-secondary-color);
  cursor: pointer;
}
.umfrage-seite .umfrage-skill-stimmen ul {
  list-style: none;
  margin: 0.35rem 0 0;
  padding: 0;
}
.umfrage-seite .umfrage-skill-stimmen li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 0.1rem 0.8rem;
  padding: 0.3rem 0;
  border-top: 1px solid var(--umfrage-linie);
}
.umfrage-seite .umfrage-skill-stimmen li:first-child {
  border-top: 0;
}
.umfrage-seite .umfrage-skill-stimme-name {
  font-weight: 600;
}
.umfrage-seite .umfrage-skill-stimme-stufe {
  text-align: right;
  white-space: nowrap;
}
.umfrage-seite .umfrage-skill-stimme-kommentar {
  grid-column: 1/-1;
  color: var(--bs-secondary-color);
}
.umfrage-seite .umfrage-einschaetzende {
  list-style: none;
  margin: 0;
  padding: 0;
}
.umfrage-seite .umfrage-einschaetzende-eintrag {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.25rem 0.8rem;
  padding: 0.5rem 0;
  border-top: 1px solid var(--umfrage-linie);
}
.umfrage-seite .umfrage-einschaetzende-eintrag:first-child {
  padding-top: 0;
  border-top: 0;
}
.umfrage-seite .umfrage-einschaetzende-name {
  font-weight: 600;
}
.umfrage-seite .umfrage-einschaetzende-anzahl {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
  font-variant-numeric: tabular-nums;
}
.umfrage-seite .umfrage-auswahl {
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
}
.umfrage-seite .umfrage-auswahl-eintrag {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
  padding: 0.7rem 0;
  border-top: 1px solid var(--umfrage-linie);
}
.umfrage-seite .umfrage-auswahl-eintrag:first-child {
  padding-top: 0;
  border-top: 0;
}
.umfrage-seite .umfrage-auswahl-person {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.6rem;
  flex: 1 1 12rem;
}
.umfrage-seite .umfrage-auswahl-name {
  font-weight: 600;
}
.umfrage-seite .umfrage-auswahl-marke {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
  white-space: nowrap;
}
.umfrage-seite .umfrage-auswahl-status {
  font-size: 0.9375rem;
  color: var(--bs-secondary-color);
  white-space: nowrap;
}
.umfrage-seite .umfrage-auswahl-aktion {
  margin: 0;
  flex: 0 0 auto;
}
.umfrage-seite .umfrage-stufenliste {
  list-style: none;
  display: grid;
  gap: 0.8rem;
  margin: 0;
  padding: 0;
}
.umfrage-seite .umfrage-stufenliste-eintrag {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.7rem;
}
.umfrage-seite .umfrage-stufenliste-rang {
  flex: 0 0 auto;
  width: 1.6rem;
  height: 1.6rem;
  display: grid;
  place-items: center;
  font-size: 0.8125rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #fff;
  background-color: var(--umfrage-akzent);
}
.umfrage-seite .umfrage-stufenliste-kopf {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.6rem;
}
.umfrage-seite .umfrage-stufenliste-marke {
  width: 0.8rem;
  height: 0.8rem;
  flex: 0 0 auto;
  align-self: center;
}
.umfrage-seite .umfrage-stufenliste-name {
  font-weight: 600;
}
.umfrage-seite .umfrage-stufenliste-anzahl {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
  font-variant-numeric: tabular-nums;
}
.umfrage-seite .umfrage-stufenliste-text {
  font-size: 0.9375rem;
  color: var(--bs-secondary-color);
}
.umfrage-seite .umfrage-stufenliste-text p:last-child {
  margin-bottom: 0;
}
.umfrage-seite .sticky-top {
  background-color: #fff !important;
  border-bottom: 1px solid var(--umfrage-linie);
  box-shadow: 0 4px 16px rgba(27, 30, 43, 0.06);
}
html:has(body.umfrage-seite) {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html:has(body.umfrage-seite) {
    scroll-behavior: auto;
  }
}
.umfrage-seite [id^=div-frage-],
.umfrage-seite [id^=div-kategorie-],
.umfrage-seite [data-schritt],
.umfrage-seite .umfrage-abschnitt,
.umfrage-seite .umfrage-frage {
  scroll-margin-top: calc(var(--umfrage-leiste-hoehe, 5.5rem) + 1rem);
}
.umfrage-seite .umfrage-fortschritt {
  margin-bottom: 1.5rem;
}
.umfrage-seite .umfrage-fortschritt-text {
  margin-top: 0.35rem;
  color: var(--bs-secondary-color);
  text-align: center;
}
body.umfrage-seite > main:has(> .umfrage-einstieg-voll) {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

.umfrage-seite .umfrage-einstieg-voll {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.umfrage-seite .umfrage-fortschritt-schlank {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.25rem 0.1rem;
}
.umfrage-seite .umfrage-fortschritt-schlank .progress {
  flex: 1 1 auto;
  height: 0.35rem;
  border: 0;
}
.umfrage-seite .umfrage-fortschritt-schlank .umfrage-fortschritt-text {
  flex: 0 0 auto;
  margin-top: 0;
  font-variant-numeric: tabular-nums;
}
.umfrage-seite .progress {
  height: 1.1rem;
  border: 1px solid var(--umfrage-linie);
}
.umfrage-seite .progress-bar {
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.umfrage-seite .btn-lg {
  min-height: 3rem;
  padding-inline: 1.75rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
}
.umfrage-seite .btn-lg:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: var(--umfrage-schatten-hover);
}
.umfrage-seite .btn-lg:active:not(:disabled) {
  transform: translateY(0);
}
.umfrage-seite .btn-outline-light.text-white:hover,
.umfrage-seite .btn-outline-light.text-white:focus,
.umfrage-seite .btn-outline-light.text-white:active,
.umfrage-seite .btn-outline-light.text-white:focus-visible {
  color: var(--umfrage-akzent) !important;
  background-color: #fff;
  border-color: #fff;
}
.umfrage-seite .btn:focus-visible {
  outline: 3px solid var(--umfrage-akzent);
  outline-offset: 2px;
  box-shadow: none;
}
.umfrage-seite .dot-link-feld .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 2.75rem;
  min-height: 2.75rem;
}
@media (max-width: 575.98px) {
  .umfrage-seite .list-inline .list-inline-item {
    display: block;
    margin: 0 0 0.75rem 0;
  }
  .umfrage-seite .list-inline .list-inline-item .btn,
  .umfrage-seite .list-inline > .btn,
  .umfrage-seite .list-inline > form .btn,
  .umfrage-seite .list-inline > .btn-lg {
    width: 100%;
  }
}
.umfrage-seite .navbar {
  border-bottom: 1px solid var(--umfrage-linie);
}
.umfrage-seite .navbar .ribbon {
  transform: scale(0.72);
  transform-origin: top left;
}
.umfrage-seite .navbar:has(.ribbon) .navbar-brand {
  margin-left: 5.5rem;
}
.umfrage-seite footer {
  border-top: 3px solid rgba(255, 255, 255, 0.2);
}
.umfrage-seite .alert {
  border-left: 4px solid currentColor;
}
.umfrage-seite hr {
  border-color: var(--umfrage-linie);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .umfrage-seite *,
  .umfrage-seite *::before,
  .umfrage-seite *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .umfrage-seite .btn-lg:hover:not(:disabled) {
    transform: none;
  }
}
.umfrage-seite .umfrage-frage-fehlt {
  border-left: 3px solid var(--bs-danger);
  padding-left: 1rem;
  margin-left: -1rem;
  scroll-margin-top: 6rem;
}
.umfrage-seite .umfrage-schritte-leiste {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.umfrage-seite .umfrage-schritte-zaehler {
  flex: 1 0 100%;
  margin-bottom: 0.25rem;
  color: var(--bs-secondary-color);
  font-variant-numeric: tabular-nums;
  text-align: center;
}
.umfrage-seite .umfrage-schritte-anzeige .nav-link {
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  color: var(--bs-secondary-color);
  background: none;
  line-height: 1.25;
}
.umfrage-seite .umfrage-schritte-anzeige .nav-link:hover {
  border-bottom-color: var(--umfrage-linie-stark);
  color: var(--bs-emphasis-color);
}
.umfrage-seite .sticky-top .nav-link:focus-visible,
.umfrage-seite .umfrage-schritte-anzeige .nav-link:focus-visible {
  outline: 3px solid var(--umfrage-akzent);
  outline-offset: -3px;
  box-shadow: none;
}
.umfrage-seite .umfrage-schritte-anzeige .nav-link.active {
  border-bottom-color: var(--umfrage-akzent);
  color: var(--bs-emphasis-color);
  font-weight: 600;
}
.umfrage-seite .umfrage-schritte-anzeige .nav-link.umfrage-schritt-erledigt {
  color: var(--bs-emphasis-color);
}
.umfrage-seite .umfrage-schritte-anzeige .nav-link.umfrage-schritt-erledigt::before {
  content: "✓ ";
  color: var(--bs-success);
  font-weight: 700;
}
@media (forced-colors: active) {
  .umfrage-seite .umfrage-opt-marke,
  .umfrage-seite .umfrage-segment,
  .umfrage-seite .umfrage-segment-schiene,
  .umfrage-seite .umfrage-punkt,
  .umfrage-seite .btn-check + .btn {
    forced-color-adjust: none;
  }
  .umfrage-seite .umfrage-opt-marke {
    border-color: CanvasText;
    background-color: Canvas;
  }
  .umfrage-seite .frage-container .form-check:has(.form-check-input:checked) .umfrage-opt-marke {
    border-color: Highlight;
    background-color: Highlight;
  }
  .umfrage-seite .umfrage-opt-marke::after {
    background-color: HighlightText;
  }
  .umfrage-seite .umfrage-opt-mehrfach .umfrage-opt-marke::after {
    border-color: HighlightText;
    background: none;
  }
  .umfrage-seite .frage-container .form-check:has(.form-check-input:checked) {
    border-color: Highlight;
    outline: 2px solid Highlight;
    outline-offset: -3px;
  }
  .umfrage-seite .umfrage-segment,
  .umfrage-seite .umfrage-punkt {
    border-color: CanvasText;
    background-color: Canvas;
    color: CanvasText;
  }
  .umfrage-seite .umfrage-segment:hover,
  .umfrage-seite .umfrage-punkt:hover {
    background-color: Canvas;
    color: Highlight;
  }
  .umfrage-seite .umfrage-segment-feld:checked + .umfrage-segment,
  .umfrage-seite .umfrage-punkt-feld:checked + .umfrage-punkt,
  .umfrage-seite .btn-check:checked + .btn {
    border-color: Highlight;
    background-color: Highlight;
    color: HighlightText;
  }
  .umfrage-seite .umfrage-segment-rang {
    color: CanvasText;
  }
  .umfrage-seite .umfrage-segment-feld:checked + .umfrage-segment .umfrage-segment-rang {
    color: HighlightText;
  }
  .umfrage-seite .umfrage-segment-schiene {
    background-color: GrayText;
  }
  .umfrage-seite .umfrage-segment:has(~ .umfrage-segment-feld:checked)::after,
  .umfrage-seite .umfrage-segment-feld:checked + .umfrage-segment::after {
    background-color: Highlight;
  }
  .umfrage-seite .btn-check + .btn {
    border-color: ButtonText;
    background-color: ButtonFace;
    color: ButtonText;
  }
  .umfrage-seite .form-check-input {
    appearance: auto;
  }
  .umfrage-seite .likert-zelle:has(.form-check-input:checked) {
    outline: 2px solid Highlight;
    outline-offset: -3px;
  }
  .umfrage-seite .umfrage-ranking-knoepfe .btn {
    border-color: ButtonText;
  }
  .umfrage-seite .umfrage-ranking-knoepfe .btn:disabled {
    border-color: GrayText;
    color: GrayText;
  }
  .umfrage-seite .umfrage-ranking-eintrag.sortable-ghost {
    outline: 2px dashed Highlight;
    outline-offset: -3px;
  }
}
.umfrage-seite.umfrage-nps {
  padding: 1.25rem 1rem;
}
.umfrage-seite.umfrage-nps .umfrage-frage-titel {
  font-size: 1rem;
  line-height: 1.35;
}
.umfrage-seite.umfrage-nps .umfrage-frage-kopf {
  margin-bottom: 0.5rem;
}
.umfrage-seite.umfrage-nps .umfrage-skala,
.umfrage-seite.umfrage-nps .frage-container {
  margin-bottom: 0 !important;
}
.umfrage-seite.umfrage-nps .umfrage-punkte {
  margin-bottom: 0.75rem !important;
}
.umfrage-seite.umfrage-nps .umfrage-punkte-reihe {
  --umfrage-punkte-fuge: .3rem;
}
.umfrage-seite.umfrage-nps .umfrage-punkt {
  min-height: 2.5rem;
}
.umfrage-seite.umfrage-nps .umfrage-skala-anker {
  font-size: 0.8125rem;
}

/*# sourceMappingURL=umfrage.css.map */