/* Generated; edit the listed source files, then rebuild. */

/* SOURCE: styles/interactions/01-grundregeln.css */

/* Native browser controls replacing the former component framework. */
[hidden], dialog:not([open])  {
  display: none !important;
}
dialog  {
  color: var(--foreground);
  background: var(--background);
  border: 1px solid var(--border);
}
dialog::backdrop  {
  background: rgb(0 0 0 / 50%);
}
body.dialog-open  {
  overflow: hidden;
}
.navigation-sheet  {
  position: fixed;
  inset: 0 0 0 auto;
  height: 100dvh;
  max-height: 100dvh;
  margin: 0;
  overflow: auto;
  border-width: 0 0 0 1px;
}
.navigation-sheet nav a[aria-current="page"]  {
  color: var(--primary);
}
.film-dialog  {
  position: fixed;
  inset: 0;
  margin: auto;
  box-shadow: 0 20px 60px #0003;
}
.film-dialog[open]  {
  display: grid;
}
[data-slot="dialog-description"], [data-slot="sheet-description"]  {
  color: var(--muted-foreground);
}
[data-tabs]  {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
[data-slot="tabs-list"]  {
  display: inline-flex;
  align-items: center;
}
[data-slot="tabs-trigger"]  {
  position: relative;
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  font-weight: 500;
  white-space: nowrap;
}
[data-slot="tabs-trigger"] svg  {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
[data-slot="tabs-trigger"]::after  {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
}
[data-slot="tabs-trigger"][aria-selected="true"]::after  {
  opacity: 1;
}
.process-tabs  {
  gap: 0;
}
.faq [data-slot="accordion-item"]:not(:last-child)  {
  border-bottom: 1px solid var(--border);
}
.faq summary  {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  list-style: none;
  border: 1px solid transparent;
}
.faq summary::-webkit-details-marker  {
  display: none;
}
.faq summary:hover  {
  text-decoration: underline;
}
.faq summary:focus-visible  {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
}
.faq summary svg  {
  flex-shrink: 0;
  color: var(--muted-foreground);
}
.faq details[open] summary svg  {
  transform: rotate(180deg);
}
.reference-viewport  {
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  cursor: grab;
}


/* SOURCE: styles/interactions/02-grundregeln.css */

.reference-viewport::-webkit-scrollbar  {
  display: none;
}
.reference-viewport.is-dragging  {
  cursor: grabbing;
  scroll-snap-type: none;
  user-select: none;
}
.reference-viewport img  {
  -webkit-user-drag: none;
}
.reference-track  {
  display: flex;
  position: relative;
  touch-action: auto;
}
.reference-slide  {
  flex-grow: 0;
  flex-shrink: 0;
  scroll-snap-align: start;
}
.reference-arrow  {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border);
  border-radius: 50%;
}
.reference-arrow svg  {
  width: 16px;
  height: 16px;
}
.topic-select  {
  border: 1px solid #cfd8eb;
  color: var(--foreground);
}
.topic-select:focus-visible  {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
.draft-panel > .fineprint  {
  margin-top: 16px;
}
.contact-fields:disabled  {
  opacity: .75;
}


/* SOURCE: styles/interactions/03-prefers-reduced-motion-reduce.css */

@media (prefers-reduced-motion: reduce)  {
  .reference-viewport, .collection-track  {
    scroll-behavior: auto;
  }
}