@charset "UTF-8";
:root {
  --bg-primary: #FFFFFF;
  --bg-primary_alt: #FFFFFF;
  --bg-primary_hover: #FAFAFA;
}
.dark {
  --bg-primary: #0A0D12;
  --bg-primary_alt: #0A0D12;
  --bg-primary_hover: #252837;
}
:root {
  --bg-primary-solid: #0A0D12;
}
.dark {
  --bg-primary-solid: #181D27;
}
:root {
  --bg-secondary: #FAFAFA;
  --bg-secondary_alt: #FAFAFA;
  --bg-secondary_hover: #F5F5F5;
  --bg-secondary_subtle: #F0F0F0;
}
.dark {
  --bg-secondary: #181D27;
  --bg-secondary_alt: #0A0D12;
  --bg-secondary_hover: #252837;
  --bg-secondary_subtle: #181D27;
}
:root {
  --bg-secondary-solid: #535862;
}
.dark {
  --bg-secondary-solid: #535862;
}
:root {
  --bg-tertiary: #F5F5F5;
}
.dark {
  --bg-tertiary: #252837;
}
:root {
  --bg-quaternary: #E9EAEB;
}
.dark {
  --bg-quaternary: #414851;
}
:root {
  --bg-active: #FAFAFA;
}
.dark {
  --bg-active: #252837;
}
:root {
  --bg-disabled: #F5F5F5;
  --bg-disabled_subtle: #FAFAFA;
}
.dark {
  --bg-disabled: #252837;
  --bg-disabled_subtle: #181D27;
}
:root {
  --bg-overlay: #0A0D12;
}
.dark {
  --bg-overlay: #252837;
}
:root {
  --bg-brand-primary: #FEFBE8;
  --bg-brand-primary_alt: #FEFBE8;
}
.dark {
  --bg-brand-primary: #EAAA08;
  --bg-brand-primary_alt: #252837;
}
:root {
  --bg-brand-secondary: #FEF7C3;
}
.dark {
  --bg-brand-secondary: #CA8504;
}
:root {
  --bg-brand-solid: #CA8504;
  --bg-brand-solid_hover: #A15C07;
}
.dark {
  --bg-brand-solid: #CA8504;
  --bg-brand-solid_hover: #EAAA08;
}
:root {
  --bg-brand-section: #854A0E;
  --bg-brand-section_subtle: #A15C07;
}
.dark {
  --bg-brand-section: #252837;
  --bg-brand-section_subtle: #0A0D12;
}
:root {
  --bg-error-primary: #FE3F32;
}
.dark {
  --bg-error-primary: #55160C;
}
:root {
  --bg-error-secondary: #FEE4E2;
}
.dark {
  --bg-error-secondary: #D92D20;
}
:root {
  --bg-error-solid: #D92D20;
}
.dark {
  --bg-error-solid: #F04438;
}
:root {
  --bg-warning-primary: #FFFAEB;
}
.dark {
  --bg-warning-primary: #4E1D09;
}
:root {
  --bg-warning-secondary: #FEF0C7;
}
.dark {
  --bg-warning-secondary: #DC6803;
}
:root {
  --bg-warning-solid: #DC6803;
}
.dark {
  --bg-warning-solid: #DC6803;
}
:root {
  --bg-success-primary: #ECFDF3;
}
.dark {
  --bg-success-primary: #053321;
}
:root {
  --bg-success-secondary: #DCF6E6;
}
.dark {
  --bg-success-secondary: #079455;
}
:root {
  --bg-success-solid: #079455;
}
.dark {
  --bg-success-solid: #079455;
}
:root {
  --fg-primary: #181D27;
}
.dark {
  --fg-primary: #FFFFFF;
}
:root {
  --fg-secondary: #414851;
  --fg-secondary_hover: #252837;
}
.dark {
  --fg-secondary: #D5D7DA;
  --fg-secondary_hover: #E9EAEB;
}
:root {
  --fg-tertiary: #535862;
  --fg-tertiary_hover: #414851;
}
.dark {
  --fg-tertiary: #A4A7AE;
  --fg-tertiary_hover: #D5D7DA;
}
:root {
  --fg-quaternary: #A4A7AE;
  --fg-quaternary_hover: #717680;
}
.dark {
  --fg-quaternary: #535862;
  --fg-quaternary_hover: #717680;
}
:root {
  --fg-white: #FFFFFF;
}
.dark {
  --fg-white: #FFFFFF;
}
:root {
  --fg-disabled: #A4A7AE;
  --fg-disabled_subtle: #D5D7DA;
}
.dark {
  --fg-disabled: #717680;
  --fg-disabled_subtle: #535862;
}
:root {
  --fg-brand-primary: #CA8504;
  --fg-brand-primary_alt: #CA8504;
}
.dark {
  --fg-brand-primary: #EAAA08;
  --fg-brand-primary_alt: #D5D7DA;
}
:root {
  --fg-brand-secondary: #EAAA08;
  --fg-brand_secondary_alt: #EAAA08;
}
.dark {
  --fg-brand-secondary: #EAAA08;
  --fg-brand-secondary_alt: #535862;
}
:root {
  --fg-error-primary: #D92D20;
  --fg-error-secondary: #F04438;
}
.dark {
  --fg-error-primary: #F04438;
  --fg-error-secondary: #F97066;
}
:root {
  --fg-warning-primary: #DC6803;
  --fg-warning-secondary: #F79009;
}
.dark {
  --fg-warning-primary: #F79009;
  --fg-warning-secondary: #FDB022;
}
:root {
  --fg-success-primary: #079455;
  --fg-success-secondary: #17B26A;
}
.dark {
  --fg-success-primary: #17B26A;
  --fg-success-secondary: #47CD89;
}
:root {
  --border-primary: #D5D7DA;
}
.dark {
  --border-primary: #414851;
}
:root {
  --border-secondary: #E9EAEB;
  --border-secondary_alt: rgba(0, 0, 0, 0.08);
}
.dark {
  --border-secondary: #252837;
  --border-secondary_alt: #252837;
}
:root {
  --border-tertiary: #F5F5F5;
}
.dark {
  --border-tertiary: #252837;
}
:root {
  --border-disabled: #D5D7DA;
  --border-disabled_subtle: #E9EAEB;
}
.dark {
  --border-disabled: #414851;
  --border-disabled_subtle: #252837;
}
:root {
  --border-brand-primary: #EAAA08;
  --border-brand_alt: #CA8504;
}
.dark {
  --border-brand-primary: #FAC515;
  --border-brand_alt: #414851;
}
:root {
  --border-error-primary: #F04438;
  --border-error_subtle: #FDA29B;
}
.dark {
  --border-error-primary: #F97066;
  --border-error_subtle: #F04438;
}
:root {
  --text-primary: #181D27;
  --text-primary_on-brand: #FFFFFF;
}
.dark {
  --text-primary: #FAFAFA;
  --text-primary_on-brand: #FAFAFA;
}
:root {
  --text-secondary: #414851;
  --text-secondary_hover: #252837;
  --text-secondary_on-brand: #FEEE95;
}
.dark {
  --text-secondary: #D5D7DA;
  --text-secondary_hover: #E9EAEB;
  --text-secondary_on-brand: #D5D7DA;
}
:root {
  --text-tertiary: #535862;
  --text-tertiary_hover: #414851;
  --text-tertiary_on-brand: #FEEE95;
}
.dark {
  --text-tertiary: #A4A7AE;
  --text-tertiary_hover: #D5D7DA;
  --text-tertiary_on-brand: #A4A7AE;
}
:root {
  --text-quaternary: #717680;
  --text-quaternary_on-brand: #FDE272;
}
.dark {
  --text-quaternary: #A4A7AE;
  --text-quaternary_on-brand: #A4A7AE;
}
:root {
  --text-white: #FFFFFF;
}
.dark {
  --text-white: #FFFFFF;
}
:root {
  --text-disabled: #717680;
  --text-disabled_subtle: #717680;
}
.dark {
  --text-disabled: #717680;
  --text-disabled_subtle: #A4A7AE;
}
:root {
  --text-placeholder: #717680;
  --text-placeholder_subtle: #D5D7DA;
}
.dark {
  --text-placeholder: #A4A7AE;
  --text-placeholder_subtle: #414851;
}
:root {
  --text-brand-primary: #FAC515;
}
.dark {
  --text-brand-primary: #FAFAFA;
}
:root {
  --text-brand-secondary: #EAAA08;
  --text-brand_secondary_hover: #CA8504;
}
.dark {
  --text-brand-secondary: #D5D7DA;
  --text-brand_secondary_hover: #D5D7DA;
}
:root {
  --text-brand-tertiary: #CA8504;
  --text-brand-tertiary_alt: #CA8504;
}
.dark {
  --text-brand-tertiary: #A4A7AE;
  --text-brand-tertiary_alt: #FAFAFA;
}
:root {
  --text-error-primary: #D92D20;
  --text-warning-primary: #DC6803;
  --text-success-primary: #079455;
}
.dark {
  --text-error-primary: #F97066;
  --text-warning-primary: #FDB022;
  --text-success-primary: #47CD89;
}
.light {
  color: #A4A7AE;
}
:root {
  --spacing-none: 0px;
  --spacing-xxs: 0.125rem;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.375rem;
  --spacing-md: 0.5rem;
  --spacing-lg: 0.75rem;
  --spacing-xl: 1rem;
  --spacing-2xl: 1.25rem;
  --spacing-3xl: 1.5rem;
  --spacing-4xl: 2rem;
  --spacing-5xl: 2.5rem;
  --spacing-6xl: 3rem;
  --spacing-7xl: 4rem;
  --spacing-8xl: 5rem;
  --spacing-9xl: 6rem;
  --spacing-10xl: 8rem;
  --spacing-11xl: 10rem;
}
.list-group-item.active {
  z-index: 2;
  color: black;
  background-color: #FAC515;
  border-color: #FAC515;
}
.btn:hover {
  color: black;
  background-color: #FAC515;
  border-color: #FAC515;
}
.spinner-border {
  border: var(--bs-spinner-border-width) solid #FAC515;
  border-right-color: transparent;
}
@media (max-width: 576px) {
  .p-sm-none {
    padding: 0px !important;
  }
}
@media (max-width: 768px) {
  .p-md-none {
    padding: 0px !important;
  }
}
@media (max-width: 992px) {
  .p-lg-none {
    padding: 0px !important;
  }
}
@media (max-width: 1200px) {
  .p-xl-none {
    padding: 0px !important;
  }
}
@media (max-width: 1400px) {
  .p-xxl-none {
    padding: 0px !important;
  }
}
@media (max-width: 576px) {
  .minw-sm-none {
    min-width: 0px !important;
  }
}
@media (max-width: 768px) {
  .minw-md-none {
    min-width: 0px !important;
  }
}
@media (max-width: 992px) {
  .minw-lg-none {
    min-width: 0px !important;
  }
}
@media (max-width: 1200px) {
  .minw-xl-none {
    min-width: 0px !important;
  }
}
@media (max-width: 1400px) {
  .minw-xxl-none {
    min-width: 0px !important;
  }
}
@media (max-width: 576px) {
  .h-sm-100 {
    height: 100% !important;
  }
}
.x-small {
  font-size: 0.7rem;
}
/* Scroll-to-top button */
#scrollTopBtn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  padding: 12px 18px;
  background-color: white;
  opacity: 0.8;
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  display: none;
}
#scrollTopBtn:hover {
  background-color: #555;
}
/* Exception overlay */
.exception-wrapper {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.2666666667);
  display: flex;
  justify-content: center;
  align-items: center;
}
.exception-wrapper .exception-presenter {
  width: 50%;
  height: 30%;
  background: white;
  border: 1px solid gray;
  border-radius: 1rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.exception-wrapper .exception-presenter .exception-header {
  background: #e4d400;
  padding: 0.5rem 1rem;
  font-weight: 600;
}
.exception-wrapper .exception-presenter .exception-body {
  padding: 1rem;
  font-size: 0.875rem;
  color: #2c2c2c;
}
/* Side menu */
.daspario-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  background: white;
  border-right: 1px solid black;
  padding: 1rem;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
}
.daspario-menu .menu-item {
  padding: 1rem;
  background: white;
  transition: 0.8s;
  cursor: pointer;
  text-decoration: none;
  display: block;
  color: black;
}
.daspario-menu .menu-item:hover {
  background: #e2e2e2;
  transition: 0.1s;
}
/* Assistant input */
.assistant-input {
  padding: 1rem;
  border-radius: 3rem;
  margin: 1rem 0;
  width: 100%;
}
/* Gradient visuals */
.gradient-view,
.gradient-preview {
  width: 100%;
  height: 8rem;
  border-radius: 0.5rem;
  background: linear-gradient(90deg, #f0a500, #ffcc00);
}
/* Tab content fix */
.tab-content.border {
  border: 0 !important;
}
/* Label styling */
.daspario-label {
  color: gray;
  font-size: 0.875rem;
  font-weight: 500;
  display: block;
  margin-bottom: 0.25rem;
}
@font-face {
  font-family: "Switzer";
  src: url("/fonts/Switzer/Switzer-Regular.woff2") format("woff2"), url("/fonts/Switzer/Switzer-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --radius-full: 9999px;
}
html,
body {
  font-family: Switzer, "Hedvig Letters Serif", sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  color: #2c2c2c;
  background: #fff;
  font-size: 16px;
}
main {
  overflow: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
main::-webkit-scrollbar {
  display: none;
}
.text-brand-tertiary {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: var(--text-brand-tertiary);
}
.text-brand-secondary-tertiary {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: var(--text-brand-secondary);
}
.text-secondary-medium {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--text-secondary);
}
.text-secondary-sm-regular {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--text-secondary);
}
.text-tertiary-sm-regular {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--text-tertiary);
}
.text-xl-semibold {
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 600;
  color: var(--text-secondary);
}
.text-lg-semibold {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: var(--text-secondary);
}
.text-sm-semibold {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: var(--text-secondary);
}
.text-sm-regular {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--text-tertiary);
}
.text-xs-regular {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: var(--text-tertiary);
}
.dap-gap-xl-2 {
  gap: 1.25rem;
}
.daspario-label {
  color: gray;
}
.no-border {
  border: 0;
}
.border {
  border: 1px solid lightgray !important;
  border-radius: 0.25rem;
}
.tab-content.border {
  border: 0 !important;
}
.active {
  opacity: 1;
}
.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.bg-rounded {
  border-radius: 2rem;
}
.bg-orange {
  background: #FAC515;
}
.bg-red {
  background: #F97066;
}
.hidden {
  display: none;
}
.border-box {
  box-sizing: border-box;
}
.limited-viewport {
  margin: 0 auto;
  overflow: auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.assistant-input {
  padding: 1rem;
  border-radius: 3rem;
  margin: 1rem 0;
  width: 100%;
}
.devider {
  border-bottom: 1px solid var(--border-primary);
  width: 100%;
  height: 1px;
}
.border-none {
  border: none !important;
}
.line-height-md {
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.subtitle-section {
  padding: 1rem 0;
}
.subtitle-text {
  font-size: 1rem;
  font-weight: 700;
  color: #495057;
  line-height: 1.6;
  margin: 0;
}
.point:before {
  content: "•";
  font-size: 1rem;
  margin: 0 0.5rem;
}
/* ProfileHero OrganisationHero */
.text-preview {
  margin-bottom: 0.25rem;
  max-width: 80vw;
  overflow: hidden;
}
.text-preview.collapsed {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text-preview.expanded {
  display: block;
  overflow: visible;
}
.sozial-media-icon-btn, .btn-tertiary-sm, .btn-tertiary-md, .btn-tertiary-lg, .btn-tertiary-xl, .btn-toggle-secondary-sm, .btn-secondary-sm, .btn-secondary-md, .btn-secondary-lg, .btn-secondary-xl, .btn-primary-sm, .btn-primary-md, .btn-primary-lg, .btn-primary-xl, .btn-primary {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  transition: box-shadow 0.2s ease;
  outline: none;
  text-wrap: nowrap;
  cursor: pointer;
  box-sizing: border-box;
}
.sozial-media-icon-btn:disabled, .btn-tertiary-sm:disabled, .btn-tertiary-md:disabled, .btn-tertiary-lg:disabled, .btn-tertiary-xl:disabled, .btn-toggle-secondary-sm:disabled, .btn-secondary-sm:disabled, .btn-secondary-md:disabled, .btn-secondary-lg:disabled, .btn-secondary-xl:disabled, .btn-primary-sm:disabled, .btn-primary-md:disabled, .btn-primary-lg:disabled, .btn-primary-xl:disabled, .btn-primary:disabled {
  background-color: #F5F5F5;
  cursor: not-allowed;
  border: 1px solid #E9EAEB;
  box-shadow: 0px 1px 2px 0px var(--ColorsEffectsShadowsshadow-xs);
}
.sozial-media-icon-btn:focus, .btn-tertiary-sm:focus, .btn-tertiary-md:focus, .btn-tertiary-lg:focus, .btn-tertiary-xl:focus, .btn-toggle-secondary-sm:focus, .btn-secondary-sm:focus, .btn-secondary-md:focus, .btn-secondary-lg:focus, .btn-secondary-xl:focus, .btn-primary-sm:focus, .btn-primary-md:focus, .btn-primary-lg:focus, .btn-primary-xl:focus, .btn-primary:focus {
  box-shadow: 0px 0px 0px 2px var(--bg-primary);
}
.btn-primary-sm, .btn-primary-md, .btn-primary-lg, .btn-primary-xl, .btn-primary {
  background-color: #FAC515;
  border: 2px solid transparent;
  color: #0E1012;
}
.btn-primary-sm:hover, .btn-primary-md:hover, .btn-primary-lg:hover, .btn-primary-xl:hover, .btn-primary:hover {
  background-color: #EAAA08;
}
.btn-primary-sm:focus, .btn-primary-md:focus, .btn-primary-lg:focus, .btn-primary-xl:focus, .btn-primary:focus {
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #EAAA08;
}
.btn-toggle-secondary-sm, .btn-secondary-sm, .btn-secondary-md, .btn-secondary-lg, .btn-secondary-xl {
  color: #0E1012;
  border: 1px solid var(--fg-primary);
  background: var(--bg-primary_hover);
}
.btn-toggle-secondary-sm:focus, .btn-secondary-sm:focus, .btn-secondary-md:focus, .btn-secondary-lg:focus, .btn-secondary-xl:focus {
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #EAAA08;
}
.sozial-media-icon-btn, .btn-tertiary-sm, .btn-tertiary-md, .btn-tertiary-lg, .btn-tertiary-xl {
  background-color: #fff;
  border: 1px solid var(--border-primary);
  color: #0E1012;
}
.sozial-media-icon-btn:hover, .btn-tertiary-sm:hover, .btn-tertiary-md:hover, .btn-tertiary-lg:hover, .btn-tertiary-xl:hover {
  border: 1px solid var(--fg-quaternary);
  background: var(--bg-primary_hover);
}
.sozial-media-icon-btn:focus, .btn-tertiary-sm:focus, .btn-tertiary-md:focus, .btn-tertiary-lg:focus, .btn-tertiary-xl:focus {
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #EAAA08;
}
.btn-primary-xl {
  padding: calc(0.75rem - 2px) 18px;
  gap: 0.375rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}
.btn-primary-lg {
  padding: 0.5rem 1rem;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.btn-primary-md {
  padding: 0.5rem 0.75rem;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.btn-primary-sm {
  padding: 0.5rem 0.75rem;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.btn-secondary-xl {
  padding: calc(0.75rem - 2px) 18px;
  gap: 0.375rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}
.btn-secondary-lg {
  padding: 0.5rem 1rem;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.btn-secondary-md {
  padding: 0.5rem 14px;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.btn-secondary-sm {
  padding: calc(0.5rem - 1px) 0.75rem;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.btn-tertiary-xl {
  padding: calc(0.75rem - 2px) 18px;
  gap: 0.375rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}
.btn-tertiary-lg {
  padding: 0.5rem 1rem;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.btn-tertiary-md {
  padding: 0.5rem 14px;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.btn-tertiary-sm {
  padding: calc(0.5rem - 1px) 0.75rem;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.btn-toggle-secondary-sm {
  padding: calc(0.5rem - 1px) 0.75rem;
  background-color: var(--bg-primary);
  border: 1px solid var(--fg-tertiary);
  color: var(--text-primary);
  gap: 0.25rem;
}
.btn-toggle-secondary-sm.active {
  background-color: #FAC515;
}
.btn:hover {
  background: #FAC515;
}
.btn-cta-secondary-sm {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bg-primary);
  border: none;
  border-radius: 9999px;
  gap: 0.25rem;
  transition: box-shadow 0.2s ease;
  outline: none;
  box-shadow: 0px 0px 0px 2px var(--bg-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--text-tertiary);
  text-wrap: nowrap;
  padding: 0px !important;
}
.btn-cta-secondary-sm:disabled {
  background-color: #F5F5F5;
  cursor: not-allowed;
  box-shadow: none;
  border: 1px #E9EAEB solid;
  outline: none;
  box-shadow: 0px 1px 2px 0px var(--ColorsEffectsShadowsshadow-xs);
}
[class^=btn-] img,
[class*=" btn-"] img {
  width: 18px;
  height: 18px;
}
.btn-cta-secondary-sm {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bg-primary);
  border: none;
  border-radius: 9999px;
  gap: 0.25rem;
  transition: box-shadow 0.2s ease;
  outline: none;
  box-shadow: 0px 0px 0px 2px var(--bg-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--text-tertiary);
  text-wrap: nowrap;
  padding: 0px !important;
}
.btn-cta-secondary-sm:disabled {
  background-color: #F5F5F5;
  cursor: not-allowed;
  box-shadow: none;
  border: 1px #E9EAEB solid;
  outline: none;
  box-shadow: 0px 1px 2px 0px var(--ColorsEffectsShadowsshadow-xs);
}
.sozial-media-icon-btn {
  display: inline-flex;
  padding: 14px;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-full) !important;
}
.badge-lg,
.badge-md,
.badge-sm {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  border: 1px solid var(--fg-quaternary);
  text-wrap: nowrap;
  cursor: pointer;
}
.badge-lg:hover,
.badge-md:hover,
.badge-sm:hover {
  border: 1px solid var(--border-primary);
}
.badge-lg {
  padding: 0.25rem 0.75rem;
}
.badge-md {
  padding: 0.125rem 0.5rem;
}
.badge-sm {
  padding: 0.125rem 0.5rem;
}
.badge.dp-badge {
  color: #333;
  border: 1px solid #ddd;
  padding: 0.5rem !important;
  font-weight: unset;
  border-radius: 9999px;
}
.badge.dp-badge.dp-badge-url {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border: none;
  background-color: transparent;
  border-radius: 9999px;
  padding: 0 !important;
  color: #414851;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}
.badge.dp-badge.dp-badge-url::before {
  font-family: "bootstrap-icons";
  content: "\f470";
  font-size: 20px;
  line-height: 1;
  color: #A4A7AE;
  flex-shrink: 0;
}
.dp-btn-expand-menu {
  position: relative;
  width: 200px;
  max-width: 100%;
}
.dp-btn-expand-menu-list {
  display: none;
  position: absolute;
  left: 0;
  bottom: 110%;
  width: 100%;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  padding: 0.5rem 0;
  margin: 0;
  z-index: 1000;
  max-height: 320px;
  overflow-y: auto;
  list-style: none;
  transition: opacity 0.2s;
  opacity: 0;
  pointer-events: none;
}
.dp-btn-expandmenu-wrapper {
  position: relative;
  display: flex;
}
.dp-btn-expandmenu-content {
  position: absolute;
  bottom: 100%;
  left: 0;
  z-index: 1000;
  background: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  min-width: 200px;
}
.dp-btn-expand-menu-list.open {
  display: block;
  opacity: 1;
  pointer-events: auto;
}
.dp-btn-lang-btn {
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  transition: background 0.15s;
}
.dp-btn-lang-btn:hover,
.dp-btn-lang-btn:focus {
  background: #f5f5f5;
}
.dp-btn-lang-flag {
  width: 22px;
  height: 16px;
  object-fit: contain;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
@media (max-width: 576px) {
  .dp-btn-expand-menu {
    width: 100%;
  }
  .expand-menu {
    font-size: 0.95rem;
  }
}
.icon-btn {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: none;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.icon-btn:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.icon-btn svg,
.icon-btn img,
.icon-btn i {
  width: 100%;
  height: 100%;
  object-fit: contain;
  line-height: 18px;
  font-size: 18px;
}
.size-15 {
  width: 15px;
  height: 15px;
}
.work-icon {
  color: #585B62 !important;
  stroke: #585B62 !important;
}
.ribbon-container {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  padding: 0.5rem;
  align-items: center;
}
@media (max-width: 576px) {
  .ribbon-container {
    gap: 0.5rem;
  }
}
.ribbon-container .icon-btn {
  flex: 0 0 auto;
}
.dropdown-wrapper {
  position: relative;
  display: flex;
}
.dropdown-panel {
  position: absolute;
  min-width: 200px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  padding: 0.5rem 0;
}
.dropdown-panel.down {
  top: 100%;
  margin-top: 1.5rem;
}
.dropdown-panel.up {
  bottom: 100%;
  margin-bottom: 1.5rem;
}
.dropdown-panel.right {
  right: 0%;
}
.dropdown-panel.left {
  left: 0%;
}
.dropdown-item {
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  padding: 0.5rem 1rem;
  cursor: pointer;
}
.dropdown-item:hover {
  background: #f0f0f0;
}
.dp-icon-label-md {
  display: inline-flex;
  padding: 0.125rem 0.25rem 0.125rem 5px;
  justify-content: center;
  align-items: center;
  gap: 3px;
  border-radius: 0.375rem;
  border: 1px solid var(--border-primary);
  background: var(--bg-primary);
}
.radio-btn {
  display: flex;
  flex: 0 0 1rem;
  height: 1rem;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 2px solid var(--border-primary);
}
.radio-input:checked + .radio-btn {
  border: 5px solid #FAC515;
}
.radio-group-container {
  border-radius: 0.5rem;
  border: 1px solid var(--border-primary);
}
.radio-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 0.5rem;
}
.radio-input {
  display: none;
}
.radio-btn-container {
  display: flex;
  min-height: 40px;
  padding: 0.75rem 1rem;
  align-items: center;
  gap: 0.5rem;
  flex: 1 0 0;
  border-radius: 0.5rem;
}
.radio-btn-container.active-radio {
  background: var(--bg-brand-primary);
}
.radio-btn-devider {
  border-right: 1px solid var(--border-primary);
  border-radius: 0.5rem 0 0 0.5rem;
}
.switch {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.switch .dp-toggle-switch {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch .dp-toggle-switch:checked + .slider {
  background-color: #EAAA08;
}
.switch .dp-toggle-switch:checked + .slider::before {
  transform: translateX(20px);
}
.switch .dp-toggle-switch:focus + .slider {
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #EAAA08;
}
.switch .slider {
  display: flex;
  position: relative;
  width: 44px;
  height: 24px;
  background-color: #ccc;
  border-radius: 34px;
  transition: 0.4s;
}
.switch .slider::before {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.4s;
}
.switch .slider:hover {
  box-shadow: 0 0 0 3px #EAAA08;
}
.dp-toggle-switch-md {
  background-color: var(--bg-tertiary);
  display: flex;
  width: 44px;
  height: 24px;
  padding: 0.125rem;
  align-items: center;
  border-radius: 9999px;
  background: var(--bg-tertiary);
}
.dp-toggle-switch-md:checked {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  background-color: var(--bg-brand-solid) !important;
  border-color: var(--bg-brand-solid) !important;
}
.dp-toggle-switch-md:focus {
  box-shadow: 0 0 0 0.25rem rgba(234, 170, 8, 0.25);
}
.border-none {
  border: none !important;
}
.dp-transparent-btn {
  border: none !important;
  background: none !important;
}
.btn-search-bar {
  background-color: transparent;
  width: 24px;
  height: 24px;
  color: #A4A7AE;
  border: none;
}
.btn-search-bar i {
  position: relative;
  top: 0px;
  left: 2px;
  margin: 0px !important;
  font-size: 1.125rem;
}
.section-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section-label .label-text {
  color: var(--text-secondary);
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}
.section-label .label-supporting-text {
  color: var(--text-tertiary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
.section-label .icon-btn {
  width: 16px;
  height: 16px;
}
.featured-icon-btn-md {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 0.5rem;
  border: 1px solid var(--border-primary);
  background: var(--bg-primary);
  box-shadow: 0 0 0 1px var(rgba(10, 13, 18, 0.18)) inset, 0 -2px 0 0 var(rgba(10, 13, 18, 0.05)) inset, 0 1px 2px 0 var(rgba(10, 13, 18, 0.05));
}
.featured-icon-btn-md svg {
  width: 16.667px;
  height: 16.667px;
  flex-shrink: 0;
  stroke-width: 1.667px;
  stroke: var(--fg-secondary-700);
}
.dp-icon-label-md {
  display: inline-flex;
  padding: 0.125rem 0.25rem 0.125rem 5px;
  justify-content: center;
  align-items: center;
  gap: 3px;
  border-radius: 0.375rem;
  border: 1px solid var(--border-primary);
  background: var(--bg-primary);
}
.dp-input-frame {
  display: flex;
  padding: 0.75rem 14px;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid var(--border-primary);
  background: var(--bg-primary);
}
.search-container {
  box-sizing: border-box;
  display: flex;
  padding: 0.5rem 0.75rem;
  gap: 0.5rem;
  border-radius: 9999px;
  border: 1px solid lightgray;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
}
.search-container:focus {
  outline: none;
  border: none;
}
.search-content-container {
  gap: 0.75rem;
  flex-grow: 1;
}
.search-content-container input {
  border-radius: 1rem;
}
.search-container button:hover {
  background: #ccc;
}
.dp-input-frame {
  display: flex;
  padding: 0.75rem 14px;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid var(--border-primary);
  background: var(--bg-primary);
}
.dp-avatar-md {
  width: 32px;
  height: 32px;
  border-radius: var(9999px);
  border: 1px solid var(#E9EAEB);
  background-color: var(#F5F5F5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dp-avatar-md-img {
  width: 18px;
  height: 18px;
  background-image: url("/img-v1/BaseComponent-Assets/avatar/Icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.cropper-wrapper {
  margin-top: 10px;
  width: 100%;
  height: 300px;
  max-height: 100vh;
  overflow: hidden;
  position: relative;
}
.performance-modal-overlay {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(5px);
  z-index: 9999;
  overflow: hidden;
}
.performance-modal-content {
  width: 55vw;
  max-height: 95vh;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1rem;
}
.performance-modal-hero {
  position: sticky;
  top: 0;
  z-index: 10;
  background: transparent;
  flex-shrink: 0;
}
.performance-modal-body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  flex: 1 1 auto;
  overflow-y: auto;
  min-height: 0;
  background: transparent;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.performance-modal-body::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.pagination-buttons {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
}
.ellipsis {
  padding: 0.4rem 0.8rem;
  user-select: none;
}
.icon-btn-md {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: none;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.profile-img-md {
  width: 40px;
  height: 40px;
  object-fit: cover;
  position: relative;
  border-radius: 9999px;
}
.image-wrapper-contactPage {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.image-wrapper-contactPage img {
  width: auto;
  height: auto;
  max-width: 50%;
  max-height: 50%;
  object-fit: contain;
}
@media (max-width: 768px) {
  .image-wrapper-contactPage img {
    max-width: 80%;
    max-height: 80%;
  }
}
/* Header */
.header-wrapper {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0px 4rem;
  z-index: 12;
}
@media (max-width: 576px) {
  .header-wrapper {
    padding: 0px;
  }
}
.header {
  box-sizing: border-box;
  background: #fefefe;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 1rem 1rem;
  padding: 0.75rem 0.75rem 11px 1.5rem;
  max-height: 64px;
  width: 100%;
  opacity: 0.9;
}
.header .project-name {
  font-size: 1.5rem;
  font-weight: bold;
}
.header .language-selector .dropdown {
  font-size: 1rem;
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  color: #333;
}
.header .language-selector .dropdown:focus {
  outline: none;
  border-color: #FAC515;
}
@media (max-width: 576px) {
  .header.isOpen {
    border-radius: 0px;
  }
}
/* Main content area */
main,
.main {
  overflow: auto;
  width: 100%;
  height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
main::-webkit-scrollbar,
.main::-webkit-scrollbar {
  display: none;
}
/* Gallery */
.gallery-container {
  display: flex;
  flex-direction: row;
  align-items: end;
  gap: 1.5rem;
  border-radius: 8px;
  margin-bottom: -1%;
}
@media (max-width: 576px) {
  .gallery-container {
    gap: 0.5rem;
  }
}
.gallery-container .gallery-column {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-radius: 8px;
  max-height: 80%;
  flex-grow: 1;
  width: 100%;
}
.gallery-container .gallery-column img {
  width: 100%;
  border-radius: 8px;
  object-fit: contain;
}
/* Generic layout helpers */
.dp-row-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.flex-item {
  flex: 1 1 auto;
}
.custom-tab-control {
  border-bottom: 1px solid #ccc;
  position: relative;
}
.tab-header {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #ccc;
  position: relative;
  z-index: 1;
}
.tab-header li {
  padding: 10px 20px;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.media-active-tab {
  color: black;
  border-bottom: 2px solid black;
  position: relative;
  z-index: 3;
  margin-bottom: -2px;
}
.media-inactive-tab {
  color: gray;
}
.tab-content {
  padding: 20px 0;
}
.performance-container {
  position: relative;
  padding: 16px 16px 0 16px !important;
}
@media (max-width: 992px) {
  .performance-container {
    padding: 16px 8px 0 8px !important;
  }
}
@media (max-width: 576px) {
  .performance-container {
    padding: 16px 0 0 0 !important;
  }
}
/* Flex utilities */
.flex {
  display: flex;
}
.flex.center {
  justify-content: center;
  align-items: center;
}
.flex.space-between {
  justify-content: space-between;
}
.flex.vertical-center {
  align-items: center;
}
.flex.gap {
  gap: 1rem;
}
/* Entfernt Spinner-Arrows bei number-Inputs */
.no-spinner {
  -moz-appearance: textfield;
  appearance: textfield;
}
.no-spinner::-webkit-outer-spin-button, .no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Margin and padding scale */
.m-0 {
  margin: 0rem;
}
.p-0 {
  padding: 0rem;
}
.mt-0 {
  margin-top: 0rem;
}
.mb-0 {
  margin-bottom: 0rem;
}
.ml-0 {
  margin-left: 0rem;
}
.mr-0 {
  margin-right: 0rem;
}
.pt-0 {
  padding-top: 0rem;
}
.pb-0 {
  padding-bottom: 0rem;
}
.pl-0 {
  padding-left: 0rem;
}
.pr-0 {
  padding-right: 0rem;
}
.m-1 {
  margin: 0.25rem;
}
.p-1 {
  padding: 0.25rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.m-2 {
  margin: 0.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.m-3 {
  margin: 0.75rem;
}
.p-3 {
  padding: 0.75rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.m-4 {
  margin: 1rem;
}
.p-4 {
  padding: 1rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.ml-4 {
  margin-left: 1rem;
}
.mr-4 {
  margin-right: 1rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pr-4 {
  padding-right: 1rem;
}
.m-5 {
  margin: 1.25rem;
}
.p-5 {
  padding: 1.25rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.m-6 {
  margin: 1.5rem;
}
.p-6 {
  padding: 1.5rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.m-7 {
  margin: 1.75rem;
}
.p-7 {
  padding: 1.75rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.ml-7 {
  margin-left: 1.75rem;
}
.mr-7 {
  margin-right: 1.75rem;
}
.pt-7 {
  padding-top: 1.75rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pr-7 {
  padding-right: 1.75rem;
}
.m-8 {
  margin: 2rem;
}
.p-8 {
  padding: 2rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-8 {
  margin-left: 2rem;
}
.mr-8 {
  margin-right: 2rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pr-8 {
  padding-right: 2rem;
}
.m-9 {
  margin: 2.25rem;
}
.p-9 {
  padding: 2.25rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.ml-9 {
  margin-left: 2.25rem;
}
.mr-9 {
  margin-right: 2.25rem;
}
.pt-9 {
  padding-top: 2.25rem;
}
.pb-9 {
  padding-bottom: 2.25rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pr-9 {
  padding-right: 2.25rem;
}
.m-10 {
  margin: 2.5rem;
}
.p-10 {
  padding: 2.5rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.mr-10 {
  margin-right: 2.5rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
/* Borders */
.border {
  border: 1px solid lightgray !important;
  border-radius: 0.25rem;
}
.border-none,
.no-border {
  border: 0 !important;
}
/* Visibility and display helpers */
.hidden {
  display: none !important;
}
.visible {
  display: flex !important;
}
.active {
  opacity: 1;
}
.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.border-box {
  box-sizing: border-box;
}
/* Width and height utilities */
.w-100 {
  width: 100% !important;
}
.h-100 {
  height: 100% !important;
}
.max-w-100 {
  max-width: 100% !important;
}
.max-h-100 {
  max-height: 100% !important;
}
/* Text alignment */
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
/* Position helpers */
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
/* Responsive height utilities */
@media (max-width: 576px) {
  .max-h-sm-200 {
    max-height: 200px;
  }
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .max-h-lg-500 {
    max-height: 500px;
  }
  .hidden-lg {
    display: none !important;
  }
}
.perf-icon {
  font-size: 16px;
  color: #454951;
}
.perf-icon-highlighted {
  color: #FAC515;
}
.dp-url-badge-input {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  height: auto;
  min-height: calc(1.5em + 0.75rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.dp-url-badge-input .dp-profile-badge {
  cursor: default;
}
.dp-url-badge-input .dp-url-badge-input-field {
  border: none;
  outline: none;
  background-color: transparent;
  flex: 1 1 8rem;
  min-width: 6rem;
  padding: 0;
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.dp-url-badge-input .badge.dp-badge:not(.dp-badge-url) {
  max-width: none;
  cursor: default;
}
.dp-url-badge-input .badge.dp-badge.dp-badge-url {
  max-width: none;
  cursor: default;
}
.dp-url-badge-input .badge.dp-badge.dp-badge-url .dp-badge-url-text {
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dp-url-badge-input .badge.dp-badge.dp-badge-url .dp-badge-url__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  padding: 0;
  margin: 0 0 0 0.25rem;
  border: none;
  background: transparent;
  color: #A4A7AE;
  cursor: pointer;
  line-height: 0;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.dp-url-badge-input .badge.dp-badge.dp-badge-url .dp-badge-url__close:hover {
  color: #717680;
}
.dp-url-badge-input .badge.dp-badge.dp-badge-url:hover .dp-badge-url__close, .dp-url-badge-input .badge.dp-badge.dp-badge-url:focus-within .dp-badge-url__close {
  opacity: 1;
}
.dp-url-badge-input:hover .badge.dp-badge.dp-badge-url .dp-badge-url__close, .dp-url-badge-input:focus-within .badge.dp-badge.dp-badge-url .dp-badge-url__close {
  opacity: 1;
}
.dp-url-badge-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
}
.dp-url-badge-list .dp-url-badge-list-item {
  text-decoration: none;
  cursor: pointer;
}
.dp-url-badge-list .dp-url-badge-list-item:hover, .dp-url-badge-list .dp-url-badge-list-item:focus-visible {
  color: #181D27;
}
.dp-url-badge-list .dp-url-badge-list-item .dp-badge-url-text {
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dp-schlagworte-badge-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}
.dp-sachgebiet-dropdown-key {
  font-weight: 500;
  color: #FAC515;
  flex-shrink: 0;
}
.dp-sachgebiet-dropdown-name {
  color: #181D27;
  flex-shrink: 0;
}
.dp-sachgebiet-dropdown-name-en {
  color: #535862;
  font-size: 0.875rem;
  font-style: italic;
  flex-shrink: 0;
}
.dp-combobox-list {
  position: fixed;
  padding: 0.35rem;
  margin: 0;
  background: #FFFFFF;
  border-radius: 0.5rem;
  border: 1px solid #d1d5db;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  z-index: 1050;
  box-sizing: border-box;
  max-height: 240px;
  overflow-y: auto;
  list-style: none;
}
.dp-combobox-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.6rem 0.75rem;
  text-align: left;
  color: #111827;
  background: transparent;
  border: none;
  border-radius: 0.35rem;
  cursor: pointer;
  gap: 0.75rem;
}
.dp-combobox-item:hover, .dp-combobox-item.is-focused {
  background: #f3f4f6;
  color: #111827;
}
.dp-combobox-item.is-selected {
  background: #f8fafc;
  opacity: 0.5;
  cursor: default;
}
.dp-profile-badge {
  display: inline-flex;
  align-items: center;
  gap: 0;
  max-width: 100%;
  padding: 0.125rem 0.375rem 0.125rem 5px;
  border: 1px solid var(--border-primary);
  border-radius: 0.375rem;
  background: var(--bg-primary);
  color: var(--text-secondary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.dp-profile-badge__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dp-profile-badge__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  padding: 0;
  margin: 0 0 0 8px;
  border: none;
  background: transparent;
  color: #A4A7AE;
  cursor: pointer;
  line-height: 0;
}
.dp-profile-badge__close:hover {
  color: #717680;
}
.dp-profile-badge__close-icon {
  display: block;
  width: 8px;
  height: 8px;
}
.dp-profile-badge--readonly {
  padding-right: 5px;
}
.sgb-add-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  grid-template-rows: auto auto;
  column-gap: 1rem;
  row-gap: 0.5rem;
  align-items: center;
}
.sgb-add-label-sachgebiet {
  grid-column: 1;
  grid-row: 1;
}
.sgb-add-label-percent {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
}
.sgb-add-cell-sachgebiet {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
}
.sgb-add-cell-percent {
  grid-column: 2;
  grid-row: 2;
}
.sgb-add-cell-btn {
  grid-column: 3;
  grid-row: 2;
  justify-self: center;
}
.sgb-add-cell-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.sgb-input {
  width: 7.5rem;
  max-width: 100%;
}
.sgb-saved-item {
  border: 1px solid #D5D7DA;
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sgb-saved-item-row {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.sgb-tachometer {
  width: 4rem;
  height: 2.5rem;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-shrink: 0;
  align-self: center;
}
.sgb-saved-item-subgroups {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sgb-tachometer-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.sgb-tachometer-text {
  position: relative;
  font-weight: 500;
  font-size: 0.875rem;
  z-index: 2;
  margin-bottom: 0.125rem;
}
.sgb-delete-btn {
  color: #F97066;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: auto;
  line-height: 1;
  align-self: center;
}
.sgb-delete-btn:hover {
  opacity: 0.8;
}
.sgb-autocomplete {
  position: relative;
}
.sgb-autocomplete-dropdown {
  position: fixed;
  background: #FFFFFF;
  border: 1px solid #D5D7DA;
  border-radius: 0.375rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  max-height: 200px;
  overflow-y: auto;
  z-index: 9999;
}
.sgb-autocomplete-item {
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  border-bottom: 1px solid #F5F5F5;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.sgb-autocomplete-item:last-child {
  border-bottom: none;
}
.sgb-autocomplete-item:hover {
  background-color: #F5F5F5;
}
.sgb-autocomplete-item.is-highlighted {
  background-color: #F5F5F5;
}
.sgb-autocomplete-item-key {
  font-weight: 500;
  color: #EAAA08;
  flex-shrink: 0;
}
.sgb-autocomplete-item-name {
  color: #181D27;
  flex-shrink: 0;
}
.sgb-autocomplete-item-name-en {
  color: #535862;
  font-size: 0.875rem;
  font-style: italic;
  flex-shrink: 0;
}
.sgb-calc-btn {
  color: #535862;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sgb-calc-btn:hover {
  color: #CA8504;
}
.sgb-calc-btn:disabled {
  color: #D5D7DA;
  cursor: not-allowed;
}
.sgb-validation {
  padding: 0.75rem 1rem;
  border-radius: 0.375rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sgb-validation-success {
  background-color: #DCF6E6;
  color: #058D3A;
  border: 1px solid #ABEFCD;
}
.sgb-validation-warning {
  background-color: #FEF0C7;
  color: #93370D;
  border: 1px solid #FEDF89;
}
.sgb-item-details {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 0.5rem;
  min-width: 0;
  line-height: 1.25;
}
.sgb-item-name {
  line-height: 1.25;
}
.sgb-item-key {
  font-size: 0.75rem;
  color: #EAAA08;
  font-weight: 500;
  line-height: 1.25;
}
.sgb-item-name-en {
  font-size: 0.875rem;
  color: #535862;
  font-style: italic;
  line-height: 1.25;
}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(5px);
  pointer-events: auto;
}
.dp-modal-content {
  height: auto;
  background: white;
  border-radius: 1rem;
  padding: 2.5rem 1.5rem 1.5rem 1.5rem;
  gap: 1.5rem;
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
}
.dp-modal-content .form-control::placeholder {
  color: #a8a8a8;
  opacity: 0.7;
  font-style: italic;
}
.modal-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: none;
  border-radius: 50%;
  background: transparent;
  font-size: 2rem;
  line-height: 1;
  transition: background 0.15s;
  color: #A4A7AE;
  padding-bottom: 5px;
}
.modal-close:hover,
.modal-close:focus-visible {
  background: rgba(0, 0, 0, 0.08);
  outline: none;
}
.modal-button-frame {
  display: flex;
  justify-content: right;
  flex-direction: column;
  gap: 16px;
}
.modal-button {
  width: 100%;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #585B62;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  cursor: pointer;
  padding: 0.75rem 16px 0.75rem 16px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.modal-button:hover {
  background: #9c9ca5;
  color: #2c2c2c;
  transition: 0.1s;
}
.modal-button:hover img {
  mix-blend-mode: multiply;
}
.modal-button.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.7;
  background-color: #F5F5F5 !important;
  pointer-events: none;
}
.modal-button.loginbtn {
  background-color: #FAC515;
  border: none;
}
.modal-button.border-lightgrey {
  border-color: lightgray;
}
.InputFrame {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.InputWithLabelContainer {
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: relative;
}
.InputWithLabelContainer.password {
  padding-bottom: 2px;
}
.InputWithLabelContainer label {
  width: fit-content;
  min-width: 0;
  gap: 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.InputWithLabelContainer input {
  box-sizing: border-box;
  padding: 11px 14px 11px 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  display: flex;
  gap: 8px;
}
.InputWithLabelContainer input::placeholder {
  color: #a8a8a8 !important;
  opacity: 0.7;
  font-style: italic;
}
input:focus::placeholder {
  color: transparent !important;
}
input:focus::-webkit-input-placeholder {
  color: transparent !important;
}
input:focus:-moz-placeholder {
  color: transparent !important;
} /* FF 4-18 */
input:focus::-moz-placeholder {
  color: transparent !important;
} /* FF 19+ */
input:focus:-ms-input-placeholder {
  color: transparent !important;
} /* IE 10+ */
.InputWithLabelContainer input:hover,
.InputWithLabelContainer input:focus {
  background: #e9e9e9;
  border: 1px solid #e9e9e9;
  outline: none;
}
.content-divider {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
}
.content-divider::before,
.content-divider::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #E9EAEB;
}
.content-divider:not(:empty)::before {
  margin-right: 0.75em;
}
.content-divider:not(:empty)::after {
  margin-left: 0.75em;
}
.content-divider span {
  color: #585B62;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  font-family: switzer;
}
.linkedLabel {
  color: #717680;
  text-decoration: underline;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  line-height: 20px;
}
.linkedLabel:hover {
  text-shadow: 0 0 5px #81c9e6;
}
.textarea {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}
.textarea .textarea-label {
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  color: #0E1012;
  font-family: Hedwic letters serif;
}
.textarea .support-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #585B62;
  padding: 0px 25px 0px 25px;
}
.close-x {
  font-size: 2rem;
  color: rgba(164, 167, 174, 0.9);
  line-height: 2rem;
  font-weight: 500;
  cursor: pointer;
}
.center-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
/* Critical Error Modal Styles */
.critical-error-modal-header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -1rem;
}
.critical-error-modal-content {
  width: 90%;
  max-width: 650px;
  background: #fff;
  border-radius: 1.25rem;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
  box-sizing: border-box;
  box-shadow: 0 15px 50px rgba(220, 53, 69, 0.3);
  border: 3px solid #dc3545;
}
.critical-error-modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
}
.critical-error-icon {
  font-size: 5rem;
  color: #dc3545;
  margin-bottom: 0.5rem;
  animation: pulse-error 2s infinite;
}
@keyframes pulse-error {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
.critical-error-title {
  font-size: 2rem;
  font-weight: 700;
  color: #dc3545;
  margin: 0;
}
.critical-error-message {
  font-size: 1.1rem;
  color: #212529;
  line-height: 1.6;
  margin: 0.5rem 0;
  font-weight: 600;
}
.critical-error-explanation {
  background-color: #fff3cd;
  border-left: 4px solid #ffc107;
  padding: 1rem;
  margin: 1rem 0;
  text-align: left;
  border-radius: 4px;
}
.critical-error-explanation p {
  margin: 0;
  font-size: 0.95rem;
  color: #856404;
  line-height: 1.5;
}
.critical-error-reference {
  background-color: #f8d7da;
  border-left: 4px solid #dc3545;
  padding: 1rem;
  margin: 1rem 0;
  text-align: left;
  width: 100%;
  border-radius: 4px;
}
.critical-error-reference .error-id {
  margin: 0.5rem 0;
  font-family: "Courier New", monospace;
}
.critical-error-reference .error-id code {
  background-color: #f5c6cb;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.95rem;
  color: #721c24;
  font-weight: 600;
}
.critical-error-reference .error-help-text {
  font-size: 0.9rem;
  color: #721c24;
  margin: 0.5rem 0 0 0;
  font-weight: 500;
}
.critical-error-details {
  width: 100%;
  margin-top: 1rem;
}
.critical-error-footer {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.critical-error-footer .btn,
.critical-error-footer a.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}
/* Error Modal Styles */
.error-modal-content {
  width: 90%;
  max-width: 600px;
  background: #fff;
  border-radius: 1.25rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
  box-sizing: border-box;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.error-modal-header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -1rem;
}
.error-modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
}
.error-modal-icon {
  font-size: 4rem;
  color: #dc3545;
  margin-bottom: 0.5rem;
}
.error-modal-title {
  font-size: 1.75rem;
  font-weight: 600;
  color: #212529;
  margin: 0;
}
.error-modal-message {
  font-size: 1rem;
  color: #6c757d;
  line-height: 1.6;
  margin: 0.5rem 0;
}
.error-modal-reference {
  background-color: #f8f9fa;
  border-left: 4px solid #007bff;
  padding: 1rem;
  margin: 1rem 0;
  text-align: left;
  width: 100%;
  border-radius: 4px;
}
.error-modal-reference .error-id {
  margin: 0.5rem 0;
  font-family: "Courier New", monospace;
}
.error-modal-reference .error-id code {
  background-color: #e9ecef;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.95rem;
  color: #495057;
}
.error-modal-reference .error-help-text {
  font-size: 0.9rem;
  color: #6c757d;
  margin: 0.5rem 0 0 0;
}
.error-modal-details {
  width: 100%;
  margin-top: 1rem;
}
.error-details-toggle {
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  color: #007bff;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: none;
  background: none;
  cursor: pointer;
}
.error-details-toggle:hover {
  text-decoration: underline;
}
.error-details-toggle i {
  font-size: 0.8rem;
}
.error-details-content {
  background-color: #fff3cd;
  border-left: 4px solid #ffc107;
  padding: 1rem;
  margin-top: 0.5rem;
  text-align: left;
  border-radius: 4px;
  max-height: 300px;
  overflow-y: auto;
}
.error-details-content pre {
  background-color: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 1rem;
  overflow-x: auto;
  font-size: 0.85rem;
  color: #495057;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.error-modal-footer {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
.error-modal-footer .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
/* Error Content Blur Classes */
.error-content-blurred {
  filter: blur(3px);
  pointer-events: none;
  transition: filter 0.3s ease;
}
.error-content-normal {
  filter: none;
  pointer-events: auto;
  transition: filter 0.3s ease;
}
/* Error Page Styles (for /Error route) */
.error-page-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
  padding: 2rem;
  background-color: #f8f9fa;
}
.error-page-background {
  min-height: 50vh;
  background-color: #f8f9fa;
}
.error-content {
  max-width: 600px;
  background: white;
  border-radius: 12px;
  padding: 3rem 2rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  text-align: center;
}
.error-icon {
  font-size: 4rem;
  color: #dc3545;
  margin-bottom: 1.5rem;
}
.error-title {
  font-size: 2rem;
  font-weight: 600;
  color: #212529;
  margin-bottom: 1rem;
}
.error-message {
  font-size: 1.1rem;
  color: #6c757d;
  margin-bottom: 2rem;
  line-height: 1.6;
}
.error-details {
  background-color: #f8f9fa;
  border-left: 4px solid #007bff;
  padding: 1rem;
  margin: 2rem 0;
  text-align: left;
}
.error-id {
  margin: 0.5rem 0;
  font-family: "Courier New", monospace;
}
.error-id code {
  background-color: #e9ecef;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.95rem;
  color: #495057;
}
.error-help-text {
  font-size: 0.9rem;
  color: #6c757d;
  margin: 0.5rem 0 0 0;
}
.error-actions {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}
.error-actions .btn {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.dev-error-details {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 2px solid #dee2e6;
  text-align: left;
}
.dev-error-details h3 {
  font-size: 1.25rem;
  color: #495057;
  margin-bottom: 1rem;
}
.dev-error-message,
.dev-stack-trace {
  margin-bottom: 1.5rem;
}
.dev-error-message pre,
.dev-stack-trace pre {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 1rem;
  overflow-x: auto;
  font-size: 0.875rem;
  color: #212529;
  margin-top: 0.5rem;
}
/* Error Boundary Styles */
.error-boundary-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60vh;
  padding: 2rem;
  width: 100%;
}
.error-boundary-container {
  max-width: 700px;
  background: white;
  border-radius: 12px;
  padding: 2.5rem 2rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  text-align: center;
}
.error-boundary-icon {
  font-size: 3.5rem;
  color: #ffc107;
  margin-bottom: 1.5rem;
}
.error-boundary-header h2 {
  font-size: 1.75rem;
  font-weight: 600;
  color: #212529;
  margin-bottom: 1rem;
}
.error-boundary-body {
  margin-bottom: 2rem;
}
.error-boundary-message {
  font-size: 1rem;
  color: #6c757d;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}
.error-boundary-details {
  background-color: #fff3cd;
  border-left: 4px solid #ffc107;
  padding: 1rem;
  margin-top: 1.5rem;
  text-align: left;
  border-radius: 4px;
}
.error-boundary-stack {
  background-color: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 1rem;
  overflow-x: auto;
  font-size: 0.85rem;
  color: #495057;
  margin-top: 0.75rem;
  white-space: pre-wrap;
  word-break: break-word;
}
.error-boundary-actions {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}
.error-boundary-actions .btn {
  padding: 0.75rem 1.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
/* Search Terms Error States */
.search-terms-loading,
.search-terms-error,
.search-terms-empty {
  padding: 2rem;
  text-align: center;
  color: #6c757d;
}
.search-terms-loading i {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
.search-terms-error {
  background-color: #fff3cd;
  border-left: 4px solid #ffc107;
  border-radius: 4px;
}
.search-terms-error i {
  color: #ffc107;
  font-size: 1.5rem;
  display: block;
  margin-bottom: 0.5rem;
}
.search-terms-error p {
  margin: 0;
  color: #856404;
}
.search-terms-empty p {
  margin: 0;
  font-style: italic;
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .critical-error-modal-content {
    width: 95%;
    padding: 2rem 1.5rem;
  }
  .critical-error-title {
    font-size: 1.5rem;
  }
  .critical-error-icon {
    font-size: 4rem;
  }
  .critical-error-footer {
    flex-direction: column;
  }
  .critical-error-footer .btn,
  .critical-error-footer a.btn {
    width: 100%;
  }
  .error-modal-content {
    width: 95%;
    padding: 1.5rem;
  }
  .error-modal-title {
    font-size: 1.5rem;
  }
  .error-modal-icon {
    font-size: 3rem;
  }
  .error-modal-footer {
    flex-direction: column;
  }
  .error-modal-footer .btn {
    width: 100%;
  }
  .error-page-container,
  .error-boundary-wrapper {
    padding: 1rem;
  }
  .error-content,
  .error-boundary-container {
    padding: 2rem 1.5rem;
  }
  .error-title,
  .error-boundary-header h2 {
    font-size: 1.5rem;
  }
  .error-actions,
  .error-boundary-actions {
    flex-direction: column;
  }
  .error-actions .btn,
  .error-boundary-actions .btn {
    width: 100%;
  }
}
.tabcontrol-height {
  height: calc(100% - 2rem);
}
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out;
}
.popup-overlay.show {
  opacity: 1;
  background: rgba(0, 0, 0, 0.7);
}
.popup-overlay.hide {
  opacity: 0;
  background: rgba(0, 0, 0, 0);
}
.popup {
  background: white;
  padding: 20px;
  border-radius: 8px;
  min-width: 50%;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  height: 66.67%;
}
.popup.popup-show {
  opacity: 1;
  transform: translateY(0);
}
.popup.popup-hide {
  opacity: 0;
  transform: translateY(-20px);
}
.worktype-button {
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid gray;
  cursor: pointer;
}
.avatar-group-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 56px;
}
.avatar {
  vertical-align: middle;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-top: 4px;
}
.avatar.centered {
  width: 56px;
  height: 56px;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 0px !important;
  z-index: 1;
  border: 1px solid #fff;
}
.textarea-register {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
  align-items: center;
}
.textarea-register .textarea-register-label {
  width: 390px;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  color: #0E1012;
  font-family: Hedwic letters serif;
  padding: 0px 25px 0px 25px;
}
.textarea-register .support-register-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #585B62;
}
.performance-search-card__gradient,
.performance-search-card__fallback {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.performance-search-card__gradient {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.performance-search-card__fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  color: #535862;
  text-align: center;
  overflow-wrap: anywhere;
}
/* Content */
.performance-search-card__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
.performance-search-card__date {
  min-height: 20px;
  margin-bottom: 12px;
  color: #535862;
  font-size: 14px;
  line-height: 20px;
}
.performance-search-card__location {
  min-height: 20px;
  margin-bottom: 12px;
  color: #535862;
  font-size: 14px;
  line-height: 20px;
}
.performance-search-card__title {
  max-width: 100%;
  margin: 0;
  color: #181D27;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
/* Tags and organisation */
.performance-search-card__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  margin-top: 14px;
}
.performance-search-card__tag {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border: 1px solid #D5D7DA;
  border-radius: 999px;
  background: #fff;
  color: #414651;
  font-size: 12px;
  line-height: 1.4;
  white-space: nowrap;
}
.performance-search-card__organisation {
  color: #535862;
  font-size: 12px;
  line-height: 1.5;
}
/* Contributors */
.performance-search-card__contributors {
  display: flex;
  align-items: center;
  min-height: 28px;
  margin-top: 16px;
  padding-left: 8px;
}
.performance-search-card__contributors img,
.performance-search-card__avatar {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin-left: -6px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #E4E7EC;
  object-fit: cover;
}
.performance-search-card__contributors > :first-child {
  margin-left: -8px;
}
.performance-search-card__avatar-count {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin-left: -2px;
  border-radius: 50%;
  background: #F2F4F7;
  color: #535862;
  font-size: 10px;
}
/* Unsichtbare Platzhalter behalten ihren Platz */
.performance-search-card__placeholder {
  visibility: hidden;
}
.work-thumbnail video.work-thumbnail__media {
  pointer-events: none;
}
.performance-search-card__date-location {
  align-items: center;
  gap: 8px;
}
/* Responsive */
@media (max-width: 768px) {
  .performance-search-card__date {
    margin-bottom: 8px;
  }
  .performance-search-card__title {
    font-size: 23px;
  }
}
@media (max-width: 520px) {
  .performance-search-card__title {
    font-size: 19px;
  }
  .performance-search-card__meta {
    gap: 6px;
    margin-top: 8px;
  }
}
.daspario-admin {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  width: 100%;
}
.daspario-admin-header {
  background-color: #d8e9ed;
  padding: 2rem;
  display: flex;
  justify-content: space-between;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
.hero-background {
  display: flex;
  background-image: radial-gradient(farthest-corner at 10% 12%, rgba(1, 1, 1, 0.1215686275) 12%, rgb(0, 0, 0) 100%);
  height: 100%;
  flex-grow: 1;
  width: inherit;
  flex-direction: column;
  border-radius: 0% 0% 2.5rem 2.5rem;
}
@media (max-width: 576px) {
  .hero-background {
    border-radius: 0% 0% 1.5rem 1.5rem;
  }
}
.hero-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-radius: 0% 0% 2.5rem 2.5rem;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
@media (max-width: 576px) {
  .hero-container {
    border-radius: 0% 0% 1.5rem 1.5rem;
  }
}
.responsive-gap {
  gap: 100px;
}
@media (max-height: 768px) {
  .responsive-gap {
    gap: 0px !important;
  }
}
.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
  mix-blend-mode: soft-light;
}
.flex-container {
  display: flex;
}
.center-content {
  align-items: center;
  justify-content: center;
}
.grid-container {
  display: grid;
}
.main-container {
  height: 100%;
  gap: 100px;
}
.nav-container {
  height: 92px;
  padding: 0px 4rem 0px 4rem;
}
.nav-wrapper {
  height: 4rem;
  border-radius: 0px 0px 1rem 1rem;
  justify-content: space-between;
  padding: 0.75rem 0.75rem 0.75rem 1.5rem;
  background-color: #ffffff;
  border-bottom: 1.5px solid var(--Colors-Border-border-secondary_alt, rgba(0, 0, 0, 0.0784313725));
  display: flex;
}
.nav-container .logo {
  width: 136px;
  height: 38px;
  gap: 0.75rem;
}
.nav-wrapper li {
  display: inline-block;
  font-size: 1.25rem;
  padding: 1.25rem;
}
.nav-ul-container {
  gap: 0.75rem;
}
.nav-ul-container li {
  display: flex;
  border-radius: 0.5rem;
  padding: 0.25rem 0.375rem 0.25rem 0.375rem;
  gap: 0.125rem;
}
.nav-ul-container li a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #414651;
  text-decoration: none;
}
.nav-logo {
  width: 136px;
  height: 34px;
}
.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 1.25rem;
}
.PlayPause {
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  background-color: transparent;
  color: #fff;
  font-size: 2rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
  position: absolute;
  bottom: 2.5%;
  right: 2.5%;
  z-index: 1;
}
@media (max-width: 576px) {
  .PlayPause {
    background-color: black;
    opacity: 0.7;
    border-radius: 9999px;
  }
}
.icon {
  pointer-events: none;
}
.icon-pause {
  display: none;
}
#playPausebtn.playing .icon-play {
  display: none;
}
#playPausebtn.playing .icon-pause {
  display: inline;
}
.center-flex-container {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.textAndSearch-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  .textAndSearch-container {
    gap: 0px;
    padding: 0px 1.5rem 0px 1.5rem;
  }
}
.text-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  flex-direction: column;
}
.text-heading-container {
  text-align: center;
  color: #ffffff;
  font-size: 4rem;
  line-height: 114.99999%;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .text-heading-container {
    font-size: 2.25rem;
    line-height: 2.75rem;
    font-weight: 600;
  }
}
@media (max-height: 768px) {
  .text-heading-container {
    font-size: 2.25rem;
    line-height: 2.75rem;
    font-weight: 600;
  }
}
.supporting-text-container {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.8;
}
@media (max-width: 576px) {
  .supporting-text-container {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    opacity: 1;
  }
}
.hero-search-container {
  box-sizing: border-box;
  display: flex;
  padding: 0.25rem 0.25rem 0.25rem 1.25rem;
  gap: 1rem;
  max-width: 640px;
  height: 56px;
  border-radius: 9999px;
  background-color: #ffffff;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.hero-search-container.hidden {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
}
.hero-search-container input {
  border-radius: 1rem;
}
.hero-content-container {
  flex-direction: column;
  gap: 100px;
  display: flex;
  flex-grow: 1;
}
@media (max-width: 576px) {
  .hero-content-container {
    gap: 80px;
  }
}
@media (max-height: 768px) {
  .hero-content-container {
    gap: 0px;
  }
}
.flex-center-column-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flex-center-row-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.justifiy-content-r {
  justify-content: right;
}
.hero-search-content-container {
  gap: 1rem;
  flex-grow: 1;
}
.header-search-content-container {
  gap: 0.75rem;
  flex-grow: 1;
}
.header-search-content-container input {
  border-radius: 1rem;
}
.header-search-container {
  box-sizing: border-box;
  display: flex;
  padding: 0.5rem 0.75rem;
  gap: 0.5rem;
  border-radius: 9999px;
  border: 1px;
  background-color: #F5F5F5;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  position: sticky;
  top: 0;
  z-index: 100;
}
.header-search-container.visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.header-search-container .btn-search-bar:last-child {
  display: none;
}
.header-search-container:focus {
  outline: none;
  border: none;
}
@media (max-width: 768px) {
  .header-search-container {
    display: none !important;
  }
}
.search-container button:hover {
  background: #ccc;
}
.searchbar-container {
  width: 1001px;
  height: 40px;
  display: flex;
  gap: 2rem;
}
.searchbar {
  height: 100%;
}
.searchbar:focus {
  outline: none;
  border: none;
}
.searchbar:focus::placeholder {
  color: transparent;
}
.nav-search {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem;
  font-size: 17px;
  border: none;
}
.card-container {
  width: 80vw;
  height: 180px;
}
.proofSection-main-container {
  display: flex;
  padding: 3rem 5rem 3rem 5rem;
  gap: 4rem;
}
@media (max-width: 768px) {
  .proofSection-main-container {
    padding: 2.5rem 1rem 2.5rem 1rem;
    gap: 2rem;
    font-size: 1.875rem;
    line-height: 115%;
    font-weight: 400;
  }
}
.proofSection-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 1rem;
  padding: 3rem 130px 3rem 130px;
  gap: 2rem;
}
.static-text-container {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 2.25rem;
  line-height: 115%;
  font-weight: 400;
  color: #0E1012;
  margin: 0px !important;
}
@media (max-width: 768px) {
  .static-text-container {
    font-size: 1.875rem;
    line-height: 115%;
    font-weight: 400;
  }
}
.dynamic-content-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}
.dynamic-element {
  border: 1px solid gray;
  border-radius: 10px;
  margin: 5px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
}
.fa-search {
  margin-right: 5px;
}
.dynamic-item {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid gray;
  border-radius: 9999px;
  padding: 10px 1rem 10px 1rem;
  background-color: #ffffff;
}
.search-button {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #D5D7DA;
  border-radius: 9999px;
  padding: 10px 1rem 10px 1rem;
  background-color: #ffffff;
  gap: 0.375rem;
}
.search-button i {
  position: relative;
  top: 0px;
  left: 2px;
  margin: 0px !important;
  font-size: 15px;
}
.main-content-text-container {
  font-size: 1rem;
  padding: 0px 0.125rem 0px 0.125rem;
  margin: 0px;
  line-height: 1.5rem;
  font-family: inherit;
}
.sozial-proof-container {
  padding: 1.5rem 6rem 2.5rem 6rem;
  width: 100%;
}
@media (max-width: 768px) {
  .sozial-proof-container {
    padding: 1.5rem 1rem 1.5rem 1rem;
    gap: 1rem;
  }
}
.sozial-proof-logo-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .sozial-proof-logo-row {
    width: 100%;
    justify-content: space-between;
  }
}
.sozial-proof-text-container {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  max-width: 140px;
}
@media (max-width: 992px) {
  .sozial-proof-text-container {
    max-width: fit-content !important;
  }
}
@media (max-width: 576px) {
  .sozial-proof-title {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
  }
}
.about-us-content-container {
  display: flex;
  border-radius: 0.75rem;
  flex-direction: row;
  padding: 0px 6rem 5rem 5rem;
  gap: 6rem;
}
@media (max-width: 1200px) {
  .about-us-content-container {
    padding: 2rem 1rem 2.5rem 1rem;
    gap: 3rem;
    height: auto;
  }
}
@media (max-width: 576px) {
  .about-us-content-container {
    padding: 2rem 1rem 2.5rem 1rem;
    gap: 3rem;
    height: auto;
  }
}
.about-us-card-container {
  display: flex;
  border-radius: 0.75rem;
  flex-direction: row;
  height: inherit;
}
@media (max-width: 576px) {
  .about-us-card-container {
    padding: 2rem 1rem 2.5rem 1rem;
    gap: 3rem;
  }
}
.about-us-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  border-radius: 0.5rem;
  opacity: 0.6;
}
.content-layer {
  position: relative;
  z-index: 2;
  color: white;
  text-align: center;
  padding: 3rem;
}
.content-col {
  padding: 0px 5rem 0px 0px;
  gap: 2rem;
  height: auto;
}
@media (max-width: 1400px) {
  .content-col {
    padding: 0px !important;
  }
}
.content-stack {
  display: flex;
  gap: 1.5rem;
  flex-direction: column;
  overflow: auto;
}
.about-us-daspario-logo {
  display: flex;
  z-index: 1;
  background-color: transparent;
  align-items: center;
  justify-content: center;
  color: #fff;
  opacity: 0.8;
}
@media (max-width: 576px) {
  .about-us-daspario-img {
    height: 4rem;
  }
}
.content-frame {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  height: inherit;
  overflow: hidden;
}
.cta-stack {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
}
.aboutus-radient-background-container {
  border-radius: 0.5rem;
  background: url(../img-v1/AboutUsBackground.jpg), linear-gradient(0deg, #FAC515 0%, #FAC515 100%), radial-gradient(86.39% 86.39% at 50% 5.21%, rgba(1, 1, 1, 0.12) 0%, #010101 100%);
  background-position: 50% 50%, center, center;
  background-size: cover, cover, cover;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-blend-mode: soft-light, color, normal;
}
.background-hero-container {
  display: flex;
  position: relative;
  height: 100%;
  overflow: hidden;
  width: 100%;
  background: transparent;
}
.background-container {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: contain;
  min-height: 350px;
}
.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
  opacity: 0.6;
  flex-grow: 1;
  border-radius: 0% 0% 2.5rem 2.5rem;
}
@media (max-width: 576px) {
  .bg-video {
    border-radius: 0% 0% 1.5rem 1.5rem;
  }
}
.bg-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(100% 100% at 50% 0%, #0d0f10 0%, #212529 100%), #0e1012;
  background-blend-mode: soft-light, hard-light, normal;
  opacity: 0.5;
  border-radius: 0% 0% 2.5rem 2.5rem;
}
@media (max-width: 576px) {
  .bg-hero-overlay {
    border-radius: 0% 0% 1.5rem 1.5rem;
  }
}
.bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  opacity: 0.7;
  background-color: #010101;
}
.expand-menu {
  border-radius: 1rem;
  border: 1px;
  background-color: #FAFAFA;
  z-index: 10;
  top: 4.5rem;
  right: 4rem;
  position: absolute;
}
@media (max-width: 768px) {
  .expand-menu {
    position: relative;
    top: 0%;
    right: 0%;
  }
}
@media (max-width: 576px) {
  .expand-menu {
    border-radius: 0px;
    border: none;
  }
}
.expand-menu-primary {
  display: flex;
  padding: 2rem 2rem 4rem 2rem;
  gap: 1.5rem;
  border: 1px solid #E9EAEB;
  border-radius: 0.75rem;
}
.expand-menu-primary .expand-menu-col {
  display: flex;
  gap: 1.25rem;
  flex-direction: column;
}
.expand-menu-primary .expand-menu-col .expand-navigation-container {
  display: inherit;
  gap: 1rem;
  flex-direction: inherit;
}
.expand-menu-primary .expand-menu-col .expand-navigation-container a {
  text-decoration: none !important;
  color: inherit;
}
@media (max-width: 576px) {
  .expand-menu-primary {
    border-radius: 0px;
    border: none;
    padding: 0.5rem 1.5rem 1rem 1.5rem;
    gap: 0px;
  }
}
.expand-link {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: var(--text-primary);
  text-decoration: none !important;
}
.expand-menu-secondary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem 1rem 2rem;
  flex-wrap: wrap;
}
.expand-menu-secondary .link-stack {
  display: inherit;
  gap: 1.5rem;
}
.expand-menu-secondary a {
  text-decoration: none;
  color: inherit;
}
@media (max-width: 576px) {
  .expand-menu-secondary {
    border-radius: 0px;
    border: none;
    height: 100%;
    display: block;
    align-items: center;
    gap: 1.5rem;
    padding: 1rem 0px 1rem 0px;
  }
}
@media (max-width: 576px) {
  .link-stack {
    padding-top: 2rem;
    border-top: 2px solid var(--fg-tertiary);
  }
}
.header-section {
  padding: 2.5rem 5rem 2rem 5rem;
  gap: 1rem;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  .header-section {
    justify-content: center;
    padding: 2.5rem 1rem 2rem 1rem;
  }
}
.contact-header {
  font-size: 2.25rem;
  line-height: 115%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .contact-header {
    font-size: 1.875rem;
    line-height: 115%;
    font-weight: 400;
  }
}
.section-container {
  padding: 0px 5rem 6rem 5rem;
  gap: 4rem;
  background-color: var(--bg-primary);
  max-width: 100vw;
}
@media (max-width: 576px) {
  .section-container {
    padding: 0px 1rem 1rem 1rem;
    gap: 4rem;
  }
}
.card-board-container {
  gap: 1rem;
  max-width: 100vw;
}
.contact-card {
  display: flex;
  flex: 1;
  flex-grow: 1 !important;
  flex-direction: column;
  min-width: 280px;
  padding: 1.5rem;
  border-radius: 0.5rem;
  justify-content: space-between;
  background-color: var(--bg-tertiary);
  height: 400px;
}
@media (max-width: 1200px) {
  .contact-card {
    min-width: 0px !important;
  }
}
@media (max-width: 992px) {
  .contact-card {
    flex: none;
  }
}
.card-background {
  background-color: #F5F5F5;
}
.footer-cta {
  margin-bottom: -2.5%;
  padding: 0% 0% 0% 0%;
  border-radius: 24px 24px 0 0;
  background: linear-gradient(180deg, rgba(254, 251, 232, 0) 0%, #FEF7C3 68.16%);
}
@media (max-width: 992px) {
  .footer-cta {
    margin-bottom: -10.5%;
  }
}
.footer-cta-Gallery {
  margin-bottom: 2.5%;
  flex: 1;
  margin-top: 2rem;
}
@media (max-width: 992px) {
  .footer-cta-Gallery {
    margin-bottom: 8.5%;
  }
}
.footer-devider {
  height: 100%;
  flex: 1 1 auto;
}
.footer-gallery {
  height: fit-content;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.footer-slim {
  z-index: 0;
  height: fit-content;
  width: 100%;
  border-radius: 2.5rem 2.5rem 0 0;
  padding: 2rem 5rem 2rem 5rem;
  background: url(../img-v1/FooterCta/FooterSlim/footerSlim_1.jpg) 20%/cover no-repeat, url(../img-v1/FooterCta/FooterSlim/footerSlim_2.jpg) 50%/cover no-repeat, linear-gradient(to bottom, #0E1012);
  background-blend-mode: multiply, saturation;
}
@media (max-width: 576px) {
  .footer-slim {
    padding: 0px 1.5rem 2rem 1.5rem;
  }
}
.footer-main {
  height: 100%;
}
.footer-top-container {
  padding-top: 2.5rem;
  padding-bottom: 2rem;
  gap: 2rem;
}
@media (max-width: 768px) {
  .footer-top-container {
    gap: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media (max-width: 576px) {
  .footer-logo-text-container {
    padding: 4rem 0px 3rem 0px;
    gap: 3rem;
  }
}
.footer-bottom-container {
  padding-top: calc(2rem - 2px);
  border-top: 2px solid var(--fg-tertiary);
}
@media (max-width: 576px) {
  .footer-bottom-container {
    padding-top: 0px;
    gap: 1.25rem;
  }
}
.height-grow-auto {
  flex: 1 1 auto;
}
.footer-daspario-logo {
  background-color: transparent;
  color: #fff;
  height: auto;
  display: flex;
  min-width: 50%;
  justify-content: center;
}
.footer-daspario-logo a img {
  max-width: 100%;
  object-fit: contain;
  height: 48px;
}
@media (max-width: 576px) {
  .footer-daspario-logo {
    min-width: 0%;
  }
}
.supporting-logo-container {
  opacity: 0.7;
}
.footer-link {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: var(--text-placeholder_subtle);
  text-decoration: none !important;
}
.header-link {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--text-secondary);
  text-decoration: none !important;
}
.phone {
  z-index: 0;
  top: 0%;
  position: relative;
  min-width: 16vw;
  max-height: 100%;
  border-radius: 40px 40px 0px 0px;
  background: #1a1a1a;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}
@media (max-width: 992px) {
  .phone {
    z-index: 0;
    position: relative;
    min-width: 30vw;
    background: #1a1a1a;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    flex-grow: 2;
  }
}
@media (max-width: 576px) {
  .phone {
    width: fit-content;
    border-radius: 14px;
  }
}
.status-bar {
  position: relative;
  left: 2%;
  top: -2%;
  width: auto;
  height: 30px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: sans-serif;
  font-size: 14px;
  opacity: 0.9;
  margin: 0.5rem 0.5rem;
}
.status-bar > div {
  font-size: 12px;
}
@media (max-width: 576px) {
  .status-bar {
    position: relative;
    left: 2%;
    top: -2%;
    width: auto;
    height: 3px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: sans-serif;
    font-size: 5px;
    opacity: 0.9;
    margin: 0.5rem 0.5rem 0rem 0.5rem;
  }
  .status-bar > div {
    font-size: 6px;
  }
}
.display {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 48px 48px 0px 0px;
  overflow: hidden;
  border: 12px solid #111;
}
@media (max-width: 576px) {
  .display {
    border-radius: 20px 20px 0px 0px;
    border: 5px solid #111;
  }
}
.notch {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 8%;
  background: #111;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  z-index: 11;
}
@media (max-width: 768px) {
  .notch {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #111;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    z-index: 11;
  }
}
.display img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.top-bar {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 6px;
  background: #333;
  border-radius: 3px;
}
.camera {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 10px;
  height: 10px;
  background: #666;
  border-radius: 50%;
}
.footer-text-heading-container {
  text-align: center;
  color: #000;
  font-size: 3rem;
  line-height: 114.99999%;
  font-weight: 400;
}
@media (max-width: 576px) {
  .footer-text-heading-container {
    font-size: 2.25rem;
    line-height: 2.75rem;
    font-weight: 600;
  }
}
.footer-cta-container {
  padding: 2rem 5rem 2rem 5rem;
}
@media (max-width: 992px) {
  .footer-cta-container {
    padding: 80px 1.5rem 0px 1.5rem;
  }
}
.footer-bottom-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--text-placeholder_subtle);
  margin: 0px !important;
}
.footer-language-button {
  box-shadow: 0px 0px 0px 2px var(--fg-tertiary) !important;
  color: #fff !important;
  background-color: transparent !important;
}
.supporting-text-footer-container {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--text-placeholder_subtle);
}
.text-sm-semibold-white {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #fff;
}
.text-sm-semibold {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.text-sm-medium-white {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #fff;
}
.text-sm-medium {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.text-md-regular {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}
.text-md-regular-white {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: var(--text-placeholder_subtle);
}
.main-text {
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 500;
}
.supporting-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
.display-sm-regular {
  font-size: 1.875rem;
  line-height: 115%;
  font-weight: 400;
}
.display-md-regular {
  font-size: 2.25rem;
  line-height: 115%;
  font-weight: 400;
}
.horizontal-list-footer {
  display: flex;
  list-style: none;
  padding: 0;
}
.horizontal-list-footer li::before {
  content: "•";
  color: white;
  font-size: 1rem;
  margin: 0 0.5rem;
}
@media (max-width: 576px) {
  .horizontal-list-footer li::before {
    font-size: 0.75rem;
  }
}
.horizontal-list-footer li:first-child::before {
  content: "";
  margin: 0px;
  /* kein Punkt vor dem ersten Item */
}
@media (min-width: 992px) {
  .min-height-lg-360 {
    height: 360px;
  }
}
.link-dropdown {
  width: 100%;
  font-size: 0.9rem;
}
.dropdown-header {
  cursor: pointer;
  padding: 1rem 0;
  border-top: 2px solid var(--fg-tertiary);
}
.dropdown-arrow {
  font-size: 0.8rem;
  margin-left: 0.5rem;
  transition: transform 0.3s ease;
}
.dropdown-body {
  max-height: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 96px;
}
.link-dropdown.open .dropdown-body {
  max-height: 200px;
  margin-bottom: 2rem;
}
.color-white {
  color: white;
}
.contentxyz {
  flex: 1;
  min-height: 72px;
  width: 100%;
}
.switch-icon-button {
  background-color: transparent;
  border-radius: 9999px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  width: 36px;
  height: 36px;
  border: 1px solid lightgray;
}
.switch-icon-button img {
  width: 20px;
  height: 20px;
}
.switch-icon-button:active {
  box-shadow: 0 0 8px 2px rgba(0, 123, 255, 0.5);
}
.profile-stack {
  padding: 0px 5rem 6rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgb(255, 255, 255) 10%);
  backdrop-filter: blur(5px);
  flex: 1 1 auto;
  overflow: auto;
  height: auto;
}
@media (max-width: 768px) {
  .profile-stack {
    padding: 0px 1rem;
  }
}
.highlights {
  padding: 3rem 5rem 4rem 5rem;
  gap: 2rem;
  background-color: var(--bg-secondary_alt);
}
@media (max-width: 768px) {
  .highlights {
    padding: 3rem 1rem;
  }
}
.background-picture-container {
  height: 41vh;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .background-picture-container {
    height: 240px;
    min-height: 240px !important;
  }
}
.background-picture-container-orga {
  height: 41vh;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .background-picture-container-orga {
    height: 240px;
    min-height: 240px !important;
  }
}
.with-bottom-border {
  border-bottom: 1px solid #cfcfcf;
}
.profile-button-line a,
.profile-button-line .filter-tab {
  height: 40px;
  text-decoration: none;
  color: #000;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.profile-button-line a:hover:not(.filter-tab--disabled):not(.filter-tab--active),
.profile-button-line .filter-tab:hover:not(.filter-tab--disabled):not(.filter-tab--active) {
  border-bottom: 1px solid #000;
}
.profile-button-line a.filter-tab--active,
.profile-button-line .filter-tab.filter-tab--active {
  border-bottom: 1px solid #000;
}
.profile-button-line a.filter-tab--disabled,
.profile-button-line .filter-tab.filter-tab--disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.profile-button-line a.filter-tab--disabled .count-span,
.profile-button-line .filter-tab.filter-tab--disabled .count-span {
  border-color: var(--border-disabled);
  color: var(--text-disabled);
}
.profile-button-line a.filter-tab--disabled .count-span:hover,
.profile-button-line .filter-tab.filter-tab--disabled .count-span:hover {
  background-color: transparent;
}
.profile-button-line a .count-span,
.profile-button-line .filter-tab .count-span {
  border-radius: 9999px;
  backdrop-filter: blur(4px);
  padding: 5px;
  border: 1px solid lightgray;
}
.profile-button-line a .count-span:hover,
.profile-button-line .filter-tab .count-span:hover {
  background-color: #fff;
}
@media (max-width: 1200px) {
  .profile-button-line {
    padding-left: 3rem;
  }
}
@media (max-width: 992px) {
  .profile-button-line {
    padding-left: 2rem;
  }
}
@media (max-width: 768px) {
  .profile-button-line {
    padding-left: 2rem;
  }
}
@media (max-width: 576px) {
  .profile-button-line {
    padding-left: 0rem;
  }
}
.user-Name {
  color: var(--text-primary);
  /* Display xl/Regular */
  font-family: "Hedvig Letters Serif";
  font-size: 4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
}
@media (max-width: 992px) {
  .user-Name {
    color: var(--text-primary);
    /* Display md/Regular */
    font-family: "Hedvig Letters Serif";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 119%;
  }
}
.submissions-container {
  padding: 1rem 6rem;
}
@media (max-width: 768px) {
  .submissions-container {
    padding: 1rem 3rem 1rem;
  }
}
@media (max-width: 576px) {
  .submissions-container {
    padding: 1rem;
  }
}
.profile-img-container {
  width: 100%;
  height: 40vh;
  min-height: 40vh;
}
@media (max-width: 768px) {
  .profile-img-container {
    height: 240px;
    min-height: 240px !important;
  }
}
.img-container {
  position: absolute;
  top: 40vh;
  left: 10rem;
  width: 152px;
  height: 152px;
  border-radius: 9999px;
  box-shadow: 0 0 0 2px #FFFFFF;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media (max-width: 1200px) {
  .img-container {
    left: 9rem;
  }
}
@media (max-width: 992px) {
  .img-container {
    left: 8rem;
  }
}
@media (max-width: 768px) {
  .img-container {
    left: 15%;
    width: 88px;
    height: 88px;
    transform: translate(-50%, -50%);
    top: 240px;
  }
}
.profile-img {
  width: 152px;
  height: 152px;
  object-fit: cover;
  position: relative;
  border-radius: 9999px;
}
@media (max-width: 768px) {
  .profile-img {
    width: 88px;
    height: 88px;
  }
}
.profile-img-sm {
  width: 40px;
  height: 40px;
  object-fit: cover;
  position: relative;
  border-radius: 9999px;
}
@media (max-width: 768px) {
  .profile-img-sm {
    width: 32px;
    height: 32px;
  }
}
.layout-wrapper {
  display: flex;
  flex-direction: column;
}
.main-content {
  padding: 64px 6rem 24px 6rem;
  flex-grow: 1;
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .main-content {
    padding: 3rem 1rem;
  }
}
.card-grid {
  column-count: 4;
  column-gap: 1.5rem;
}
@media (max-width: 1200px) {
  .card-grid {
    column-count: 3 !important;
  }
}
@media (max-width: 992px) {
  .card-grid {
    column-count: 2 !important;
  }
}
@media (max-width: 576px) {
  .card-grid {
    column-count: 1 !important;
  }
}
.grid-card {
  display: inline-block;
  width: 100%;
  margin-bottom: 1.5rem;
  break-inside: avoid;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  align-items: center;
  gap: 40px;
  align-self: stretch;
}
.grid-card:hover {
  box-shadow: 0 8px 24px var(--bg-primary_hover), 0 1.5px 6px rgba(0, 0, 0, 0.08);
  /*        transform: translateY(-6px) scale(1.03);*/
  transition: box-shadow 0.3s cubic-bezier(0.4, 2, 0.6, 1), transform 0.3s cubic-bezier(0.4, 2, 0.6, 1);
  border-color: #007bff;
}
@media (max-width: 768px) {
  .grid-card {
    padding: 1rem 0;
  }
}
.grid-list-card {
  max-height: none;
  margin: 0;
  overflow: visible;
  width: 100%;
  background: transparent;
  border-radius: 0;
}
.grid-list-card-container {
  display: grid;
  grid-template-columns: clamp(12rem, 16vw, 15rem) minmax(0, 1fr) auto;
  gap: 40px;
  border-top: 1px solid #E9EAEB;
  width: 100%;
  padding: 24px 40px 24px 0px;
}
@media (max-width: 576px) {
  .grid-list-card-container {
    grid-template-columns: clamp(6.5rem, 22vw, 9rem) minmax(0, 1fr) auto;
    gap: 0.75rem;
  }
}
.work-thumbnail {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  min-width: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  overflow: hidden;
  border-radius: 8px;
}
.work-visibility-badge {
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  z-index: 2;
}
.work-visibility-badge__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.15rem 0.45rem;
  border: 1px solid #e2e2e2;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.96);
  color: #343434;
  font-size: 0.7rem;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow: none;
}
.work-visibility-badge__button img {
  width: 0.7rem;
  height: 0.7rem;
  object-fit: contain;
}
.work-thumbnail > .work-thumbnail__media {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 8px;
}
.work-thumbnail > video.work-thumbnail__media {
  pointer-events: none;
}
.work-thumbnail__gradient {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
}
.work-list-details {
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}
.work-list-meta {
  display: flex;
  flex-direction: row;
  justify-content: flex-start !important;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  min-height: 1.5rem;
}
.work-list-meta > * {
  flex: 0 0 auto;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
.work-list-contributors {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 1.5rem;
  margin-top: 0.1rem;
}
.work-thumbnail__quote {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.5rem;
  overflow: hidden;
  border-radius: 2px;
  text-align: center;
}
.work-thumbnail__quote > img {
  display: block;
  flex-shrink: 0;
  width: 18px;
  height: auto;
  margin: 0;
}
.work-thumbnail__quote > div {
  width: 100%;
  min-width: 0;
  text-align: center;
  overflow-wrap: anywhere;
  line-height: 1.2;
}
.work-list-title {
  line-height: 1.3;
  font-size: 30px;
  font-weight: 400 !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.work-list-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}
.work-list-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.5rem;
  border: 1px solid #d5d7da;
  border-radius: 999px;
  color: #343434;
  font-size: 0.75rem;
  line-height: 1.3;
  white-space: nowrap;
}
.work-list-organisation {
  font-size: 0.75rem;
  color: #555;
  white-space: nowrap;
}
.work-list-avatar,
.work-list-avatar-count {
  width: 1.4rem;
  height: 1.4rem;
  flex: 0 0 1.4rem;
  border-radius: 50%;
}
.work-list-avatar {
  background: #e5e7eb;
  border: 2px solid #fff;
  margin-right: -0.35rem;
}
.work-list-avatar-count {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.4rem;
  background: #f0f0f0;
  color: #555;
  font-size: 0.6rem;
}
.work-list-placeholder {
  visibility: hidden;
}
.card-item:has(.dropdown-panel) {
  position: relative;
  z-index: 100;
}
.card-img-top {
  width: 100%;
  object-fit: contain;
  border-radius: 8px;
  background-color: transparent !important;
}
.card-img-top-list {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
  aspect-ratio: 16/9;
}
.loading-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #ddd;
  border-top: 4px solid #555;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.content-section {
  gap: 64px;
  padding: 80px;
}
@media (max-width: 576px) {
  .content-section {
    padding: 2.5rem 1.5rem;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    align-self: stretch;
  }
}
.about-me-text {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}
.about-me-content-container {
  gap: 4rem;
}
@media (max-width: 576px) {
  .about-me-content-container {
    gap: 1.5rem;
  }
}
.horizontal-list {
  display: flex;
  list-style: none;
  padding: 0;
}
.horizontal-list li:first-child::before {
  content: "•";
  font-size: 1rem;
  margin: 0 0.5rem;
}
@media (max-width: 576px) {
  .horizontal-list li:first-child::before {
    content: "";
    font-size: 0rem;
    margin: 0;
  }
}
.horizontal-list li {
  display: flex;
}
.horizontal-link {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--text-placeholder_subtle);
  margin: 0px !important;
}
.text-sm-medium-about-us {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--text-primary);
}
.settings-hero-container {
  background-color: var(--bg-tertiary);
}
.settings-header-section {
  width: 100%;
  padding: 2.5rem 5rem 2rem 5rem;
  gap: 2.5rem;
  flex-direction: column !important;
  display: flex;
}
@media (max-width: 576px) {
  .settings-header-section {
    padding: 1rem;
  }
}
.settings-form {
  background-color: var(--bg-primary);
}
.settings-section {
  width: 100%;
  padding: 2.5rem 5rem 2rem 5rem;
}
@media (max-width: 768px) {
  .settings-section {
    padding: 48px 1rem;
  }
}
.settings-button-line {
  border-bottom: 1px solid var(--border-secondary);
  overflow: auto;
}
.settings-button-line button {
  height: 40px;
  text-decoration: none;
  color: #000;
  border: none;
  background-color: transparent;
}
.settings-button-line button:hover {
  border-bottom: 1px solid #000;
}
.settings-button-line button .count-span {
  border-radius: 9999px;
  backdrop-filter: blur(4px);
  padding: 5px;
  border: 1px solid lightgray;
}
.settings-button-line button .count-span:hover {
  background-color: #fff;
}
.activeTab {
  border-bottom: 1px solid #000 !important;
}
.form-check-input {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
}
.multi-select {
  gap: 0.25rem;
}
.profileEditInput {
  background-color: var(--bg-primary);
  border: 1px solid var(--border-primary);
  padding: 0.75rem 14px 0.75rem 14px;
  gap: 0.5rem;
}
.profileEditInput:focus {
  background-color: var(--bg-primary) !important;
  border-color: var(--bg-primary) !important;
  box-shadow: 0 0 0 0.25rem var(--text-tertiary_on-brand) !important;
}
.profileEditSubmit-container {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 1rem;
  align-self: stretch;
  justify-content: right;
  padding: 1rem;
}
.settings-form-container {
  padding-right: 80px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .settings-form-container {
    padding-right: 0px;
  }
}
.settings-profile-img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  position: relative;
  border-radius: 9999px;
}
.settings-org-profile-img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  position: relative;
  border-radius: 9999px;
}
.settings-title-img {
  width: 100%;
  object-fit: cover;
  position: relative;
  border-radius: 0.5rem;
  aspect-ratio: 21/9;
}
.switch-text-header {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.switch-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
@media (max-width: 576px) {
  .switch-text {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
  }
}
.social-media-dropdown {
  position: relative;
  width: 100%;
  min-height: 44px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background-color: #fff;
  z-index: 1001;
}
.social-media-dropdown .dropdown-panel {
  z-index: 1002;
  max-height: 320px;
  overflow-y: auto;
  overflow-x: hidden;
}
.social-media-row {
  display: grid;
  grid-template-columns: 38% minmax(0, 1fr) auto;
  align-items: end;
  gap: 0.5rem;
  width: 100%;
  min-width: 0;
}
.social-media-row-empty {
  grid-template-columns: 38% auto;
}
.social-media-selector {
  min-width: 0;
}
.social-media-row-empty .sozial-media-icon-btn {
  width: 44px !important;
  min-width: 44px;
  height: 44px;
  justify-self: end;
  padding: 0;
}
@media (max-width: 768px) {
  .social-media-row {
    grid-template-columns: 1fr auto;
  }
  .social-media-selector:first-child {
    grid-column: 1;
  }
  .social-media-selector:nth-child(2) {
    grid-column: 1/-1;
  }
}
.social-media-field {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  padding: 0.375rem 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background-color: #fff;
  box-sizing: border-box;
}
.social-media-dropdown {
  position: relative;
  width: 100%;
  min-height: 44px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background-color: #fff;
}
.social-media-dropdown-btn {
  width: 100%;
  min-height: 42px;
  padding: 0.375rem 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
.social-media-input {
  width: 100%;
  min-height: 44px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 0.375rem 0.75rem;
  box-sizing: border-box;
}
.social-media-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.social-media-chevron {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  flex-shrink: 0;
}
.social-media-link {
  color: inherit;
  text-decoration: none;
}
.social-media-link:hover {
  text-decoration: underline;
}
.form-label {
  display: block;
  margin-bottom: 0.375rem;
}
input:focus-visible {
  outline: none;
}
.wv-control {
  padding: 11px 9px;
}
.workview-gutter {
  --bs-gutter-x: 12px;
}
.wv-btn {
  height: 2.5rem;
}
.wv-add-btn {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  border: 1px solid #dee2e6;
  background-color: white;
  cursor: pointer;
}
.wv-add-btn:hover {
  background-color: #f8f9fa;
}
.font-weight-500 {
  font-weight: 600 !important;
}
.daspario-workview-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  width: 100vw;
  background: rgba(17, 17, 17, 0.4);
  position: fixed;
  z-index: 9999;
  overflow: hidden;
}
.daspario-workview-modal {
  --workview-modal-transition-duration: 300ms;
  --workview-modal-transition-timing: ease-in-out;
  width: 40vw;
  min-width: 700px;
  max-height: calc(100vh - 5rem);
  margin-top: 5rem;
  border-radius: 1rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5333333333);
  background: #ffffff;
  padding: 1rem;
  overflow: visible;
  position: relative;
  display: flex;
  flex-direction: column;
  transition: width var(--workview-modal-transition-duration) var(--workview-modal-transition-timing), height var(--workview-modal-transition-duration) var(--workview-modal-transition-timing);
}
.daspario-workview-modal--animating-height {
  overflow: hidden;
}
.daspario-workview-modal--preview {
  width: 55vw;
}
.daspario-workview-modal .scrollable-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  max-height: calc(100vh - 6rem);
  padding: 0.5rem;
  overflow-x: hidden;
}
.daspario-workview-modal::-webkit-scrollbar {
  width: 8px;
}
.daspario-workview-modal::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
  border: 4px solid transparent;
}
.daspario-workview-modal .dp-field-input::placeholder {
  color: #b8b8b8 !important;
  opacity: 1 !important;
  font-weight: 300 !important;
}
.daspario-workview-modal .dp-field-input::-moz-placeholder {
  color: #b8b8b8 !important;
  opacity: 1 !important;
  font-weight: 300 !important;
}
.daspario-workview-modal .dp-field-input::-ms-input-placeholder {
  color: #b8b8b8 !important;
  opacity: 1 !important;
  font-weight: 300 !important;
}
.daspario-workview-modal .dp-field-input::-webkit-input-placeholder {
  color: #b8b8b8 !important;
  opacity: 1 !important;
  font-weight: 300 !important;
}
.daspario-workview-modal {
  /*input[type="date"]::-webkit-datetime-edit-text,
  input[type="date"]::-webkit-datetime-edit-month-field,
  input[type="date"]::-webkit-datetime-edit-day-field,
  input[type="date"]::-webkit-datetime-edit-year-field {
    color: $placeholder-color !important;
    font-weight: $placeholder-font-weight !important;
  }*/
  /* Bei Fokus oder wenn ausgefüllt */
  /*input[type="date"]:focus::-webkit-datetime-edit-text,
  input[type="date"]:focus::-webkit-datetime-edit-month-field,
  input[type="date"]:focus::-webkit-datetime-edit-day-field,
  input[type="date"]:focus::-webkit-datetime-edit-year-field {
    color: inherit !important;
    font-weight: normal !important;
  }*/
}
.daspario-workview-modal textarea.dp-field-input::placeholder {
  color: #b8b8b8;
  opacity: 1 !important;
  font-weight: 300 !important;
}
.daspario-workview-modal textarea.dp-field-input::-moz-placeholder {
  color: #b8b8b8 !important;
  opacity: 1 !important;
  font-weight: 300 !important;
}
.daspario-workview-modal textarea.dp-field-input::-ms-input-placeholder {
  color: #b8b8b8 !important;
  opacity: 1 !important;
}
.daspario-workview-modal textarea.dp-field-input::-webkit-input-placeholder {
  color: #b8b8b8 !important;
  opacity: 1 !important;
}
.daspario-user-answer {
  background: #FAC515 !important;
  padding: 0.5rem;
  border-radius: 1rem;
}
.daspario-inactive {
  color: #FAC515;
}
.thinking-indicator {
  display: inline-block;
}
.thinking-indicator .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 2px;
  background: #007bff;
  border-radius: 50%;
  animation: blink 1s infinite alternate;
}
.thinking-indicator .dot:nth-child(2) {
  animation-delay: 0.2s;
}
.thinking-indicator .dot:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes blink {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.list-group-item.small {
  padding: 0.25rem 0.5rem;
}
.daspario-disabled,
button:disabled,
.list-group-item:disabled {
  color: #bfc8cd !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}
.info-icon-wrapper {
  display: inline-block;
  position: relative;
}
.info-icon-wrapper .info-tooltip {
  position: fixed;
  background: #ffffff;
  border: 1px solid #d5d7da;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 10000;
  min-width: 200px;
  max-width: 350px;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #2c2c2c;
  white-space: normal;
  word-wrap: break-word;
  pointer-events: auto;
  margin-top: 0.5rem;
}
.info-icon-wrapper .info-tooltip::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 1rem;
  border: 6px solid transparent;
  border-bottom-color: #d5d7da;
}
.info-icon-wrapper .info-tooltip::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 1rem;
  border: 5px solid transparent;
  border-bottom-color: #ffffff;
  margin-bottom: -1px;
}
.dp-row-container {
  overflow: visible;
}
.dp-switch-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.dp-switch-label {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #454951;
}
.dp-switch-checkbox {
  display: none;
}
.dp-switch {
  display: inline-block;
  flex-shrink: 0;
  width: 48px;
  height: 28px;
  background: #f5f5f5;
  border-radius: 999px;
  position: relative;
  transition: background 200ms ease;
  cursor: pointer;
  vertical-align: middle;
  box-sizing: border-box;
}
.dp-switch::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  background: #ffffff;
  border-radius: 50%;
  transition: transform 200ms ease, box-shadow 200ms;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}
.dp-switch-checkbox:checked + .dp-switch {
  background: #FAC515;
}
.dp-switch-checkbox:checked + .dp-switch::after {
  transform: translateX(20px);
}
.dp-switch-checkbox:focus + .dp-switch {
  box-shadow: 0 0 0 3px rgba(250, 197, 21, 0.18);
}
.dp-switch-checkbox:disabled + .dp-switch {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}
.dp-switch-row--disabled,
.dp-switch-tabs--disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.dp-switch-tabs {
  display: flex;
  width: 100%;
  border: 1.5px solid #e6e6e6;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
  height: 3rem;
}
.dp-switch-tab {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 0.95rem;
  transition: background 200ms ease;
  user-select: none;
}
.dp-switch-tab--active {
  background: #FEFBE8;
}
.dp-switch-tab:not(.dp-switch-tab--active):hover {
  background: #f5f5f5;
}
.dp-switch-tab + .dp-switch-tab {
  border-left: 1.5px solid #e6e6e6;
}
.dp-switch-tab-radio {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #d0d0d0;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color 200ms ease, background 200ms ease;
  box-sizing: border-box;
}
.dp-switch-tab-radio--active {
  border-color: #FAC515;
  background: #FAC515;
  box-shadow: inset 0 0 0 3px #fff;
}
.dp-radio-list {
  display: flex;
  flex-direction: column;
  border: 1.5px solid #e6e6e6;
  border-radius: 8px;
  overflow: hidden;
}
.dp-radio-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-bottom: 1px solid #e6e6e6;
  cursor: pointer;
  transition: background 150ms ease;
  user-select: none;
}
.dp-radio-item:first-child {
  border-radius: 6px 6px 0 0;
}
.dp-radio-item:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}
.dp-radio-item:first-child:last-child {
  border-radius: 6px;
}
.dp-radio-item--active {
  background: #FEFBE8;
  border-bottom-color: #FAC515;
  box-shadow: inset 0 0 0 1.5px #FAC515;
}
.dp-radio-item--disabled {
  color: #b0b0b0;
  cursor: default;
  pointer-events: none;
}
.dp-radio-item:not(.dp-radio-item--active):not(.dp-radio-item--disabled):hover {
  background: #f5f5f5;
}
.dp-radio-dot {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #d0d0d0;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color 150ms ease, background 150ms ease;
  box-sizing: border-box;
}
.dp-radio-dot--active {
  border-color: #FAC515;
  background: #FFF;
  box-shadow: inset 0 0 0 4px #FAC515;
}
.dp-radio-dot--disabled {
  border-color: #d0d0d0;
  background: #f0f0f0;
}
.btn-orange-light {
  border: 1px solid #FAC515;
  background: #FFF;
}
.btn-orange-light:hover {
  background: #FEF0A8 !important;
}
.form-control:disabled {
  background-color: #F9FAFB !important;
}
.repeatable {
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.dp-repeatable-sort-list {
  user-select: none;
}
.dp-repeatable-sort-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
  padding: 8px 12px 8px 8px;
  background: #FAFAFA;
  border: 1px solid #E9EAEB;
  border-radius: 8px;
  transition: background-color 200ms ease, border-color 200ms ease, box-shadow 200ms ease, opacity 200ms ease;
}
.dp-repeatable-sort-item-main {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 8px;
}
.dp-repeatable-sort-item-identity {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 12px;
}
.dp-drag-handle {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: #A4A7AE;
  cursor: grab;
  touch-action: none;
}
.dp-drag-handle svg {
  display: block;
  width: 16px;
  height: 16px;
}
.dp-drag-handle:active {
  cursor: grabbing;
}
.dp-repeatable-sort-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: #FFFFFF;
  border: 1px solid #E9EAEB;
  border-radius: 50%;
  color: #717680;
}
.dp-repeatable-sort-content {
  flex: 1;
  min-width: 0;
  cursor: pointer;
  user-select: none;
}
.dp-repeatable-sort-field {
  flex: 1;
  min-width: 0;
  user-select: text;
}
.dp-repeatable-sort-field input,
.dp-repeatable-sort-field textarea,
.dp-repeatable-sort-field select {
  user-select: text;
}
.dp-repeatable-sort-line1 {
  color: #0A0D12;
  font-weight: 600;
  line-height: 1.25;
}
.dp-repeatable-sort-line2 {
  color: #585B62;
  font-size: 0.875rem;
  line-height: 1.25;
}
.dp-repeatable-sort-actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.dp-repeatable-sort-delete {
  color: #D92D20 !important;
}
body.dp-repeatable-sorting,
.dp-repeatable-sort-list.dp-sortable-active {
  user-select: none;
}
body.dp-repeatable-sorting .dp-repeatable-sort-item,
.dp-repeatable-sort-list.dp-sortable-active .dp-repeatable-sort-item {
  transition: none !important;
}
.dp-repeatable-sort-item.dp-sort-placeholder {
  position: relative;
  opacity: 1 !important;
  background: rgba(250, 197, 21, 0.14) !important;
  border: 2px dashed #FAC515 !important;
  box-shadow: none !important;
}
.dp-repeatable-sort-item.dp-sort-placeholder > * {
  opacity: 0 !important;
  visibility: hidden;
  pointer-events: none;
}
.dp-repeatable-sort-item.dp-sort-placeholder::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 3.5V8.5M10 3.5L7 6.5M10 3.5L13 6.5M10 16.5V11.5M10 16.5L7 13.5M10 16.5L13 13.5' stroke='%23CA8A04' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat;
  pointer-events: none;
}
.dp-sort-floating {
  opacity: 1 !important;
  background: #FFF6D6 !important;
  border: 1px solid #FAC515 !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 28px rgba(202, 138, 4, 0.35) !important;
  cursor: grabbing !important;
  z-index: 10000;
}
.dp-sort-floating .dp-drag-handle {
  color: #FAC515;
}
.dp-repeatable-sort-item.dp-sort-drop-highlight {
  animation: dp-sort-drop-flash 650ms cubic-bezier(0.2, 0, 0, 1);
}
@keyframes dp-sort-drop-flash {
  0%, 35% {
    background: rgba(250, 197, 21, 0.14);
    border-color: #FAC515;
  }
  100% {
    background: #FAFAFA;
    border-color: #E9EAEB;
  }
}
.close-x svg {
  width: 15px;
  height: 15px;
  stroke: rgba(164, 167, 174, 0.9);
  stroke-width: 1;
  stroke-linecap: round;
}
.smaller {
  font-size: 0.8rem;
}
.small {
  font-size: 0.7rem;
}
.required {
  color: #CC0000;
}
.daspario-tab-navigation {
  display: flex;
  gap: 2rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  border-bottom: 1px solid #e5e7eb;
}
.daspario-tab-btn {
  padding: 0.4rem 0;
  background: transparent;
  border: none;
  border-bottom: 3px solid transparent;
  color: #9ca3af;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
  transition: all 200ms ease;
  text-decoration: none;
  display: inline-block;
  position: relative;
}
.daspario-tab-btn:hover {
  color: #6b7280;
}
.daspario-tab-btn--active {
  color: #111827;
  font-weight: 500;
  border-bottom-color: #111827;
}
.daspario-tab-content-wrapper {
  background: transparent;
  padding: 1.5rem 0;
}
.performance-view {
  width: 100%;
  background-color: var(--bg-primary);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.performance-view .pd-block-field-value .dp-schlagworte-badge-list {
  margin: 0;
}
.performance-view .performance-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.performance-view .highlights {
  background-color: transparent;
  padding: 0;
}
.performance-view .profile-stack {
  background: transparent;
  backdrop-filter: none;
  padding: 0;
}
.performance-view--page .performance-view__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.performance-view--modal {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding: 1.5rem;
  gap: 1.5rem;
  --performance-highlight-available-height: 60vh;
}
.performance-view--page {
  --performance-highlight-available-height: 80vh;
}
.dynamic-view-performance-preview {
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: 68vh;
  overflow: hidden;
  --performance-highlight-available-height: 40vh;
}
.dynamic-view-performance-preview .performance-view--modal {
  padding: 1rem;
  gap: 1rem;
  max-height: 68vh;
}
.dynamic-view-performance-preview .performance-modal-body {
  overflow-y: auto;
}
.performance-hero {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.performance-hero__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
}
.performance-hero__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  color: var(--text-secondary);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}
.performance-hero__headline-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  width: 100%;
}
.performance-hero__title {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  color: var(--text-primary);
  font-family: "Hedvig Letters Serif", serif;
  font-size: 2.25rem;
  line-height: 1.19;
  font-weight: 400;
}
.performance-hero__subtitle {
  margin: 0;
  color: var(--text-primary);
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 400;
}
.performance-hero__visibility {
  flex: 0 0 auto;
  padding-top: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.performance-highlights {
  width: 100%;
  max-width: 100%;
  padding: 0 !important;
}
.performance-highlights .grid-card {
  margin-bottom: 0;
  background: transparent;
  border-radius: 0.5rem;
  width: 100%;
}
.performance-highlights .grid-card:hover {
  box-shadow: none;
  border-color: transparent;
  transform: none;
}
.performance-highlights .performance-highlight-quote {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 35vh;
  padding: 1.25rem 1.5rem;
  text-align: center;
}
.performance-highlights .performance-highlight-quote__icon {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.performance-highlights .performance-highlight-quote__icon img {
  width: 18px;
  height: auto;
}
.performance-highlights .performance-highlight-quote__text {
  margin: 0;
  max-width: 40rem;
  color: #333;
  font-family: "Hedvig Letters Serif", serif;
  font-size: 1.25rem;
  font-weight: 400;
  font-style: italic;
  line-height: 1.5;
  word-wrap: break-word;
}
.performance-highlights .performance-highlight-media {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.performance-highlights .performance-highlight-media--landscape {
  height: auto;
  max-height: none;
}
.performance-highlights .performance-highlight-media--landscape .performance-highlight-image {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: none;
  object-fit: contain;
  border-radius: 0.5rem;
}
.performance-highlights .performance-highlight-media--portrait {
  height: var(--performance-highlight-available-height, 80vh);
  max-height: var(--performance-highlight-available-height, 80vh);
}
.performance-highlights .performance-highlight-media--portrait .performance-highlight-image {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 80%;
  object-fit: contain;
  border-radius: 0.5rem;
}
.performance-content-align {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  padding-right: 2.5rem;
  color: var(--text-primary);
}
.performance-media-copyright {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  width: 100%;
  text-align: left;
  color: var(--text-secondary);
}
.performance-media-copyright p {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
}
.performance-intro {
  width: 100%;
}
.performance-section-divider {
  width: 100%;
  border-bottom: 1px dashed var(--border-secondary);
  margin-top: 1rem;
  margin-bottom: 1.25rem;
}
.performance-summary {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 500;
}
.performance-long-text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}
.performance-long-text p {
  margin: 0;
}
.performance-view .original-links-container {
  justify-content: flex-start;
}
.head-container {
  padding: 10rem 4rem 5rem 4rem;
  gap: 7rem;
}
.scope-container {
  padding: 0rem 4rem 0rem 4rem;
}
.heading {
  padding: 2rem 0rem 1rem 0rem;
}
.contact-container {
  padding: 8rem 2rem 4rem 2rem;
}
/*# sourceMappingURL=daspario.css.map */

.arthes-brand-label {
  font-size: 1.5rem;
  font-weight: 650;
  letter-spacing: 0.02em;
  color: inherit;
  text-decoration: none;
}
.arthes-brand-label--footer {
  color: #fff;
  font-size: 2.5rem;
}
.arthes-login {
  max-width: 24rem;
  margin: 3rem auto;
  padding: 0 1rem;
}
.arthes-login-form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1.5rem;
}
.arthes-login-form input {
  padding: 0.6rem 0.75rem;
  border: 1px solid rgba(28, 27, 25, 0.2);
  border-radius: 4px;
  font: inherit;
}
.arthes-login-form button {
  margin-top: 0.75rem;
  padding: 0.7rem 1rem;
  border: none;
  border-radius: 4px;
  background: #2f5d50;
  color: #fff;
  font: inherit;
  cursor: pointer;
}
.arthes-login-error {
  color: #8a1f1f;
}