/*! tailwindcss v4.1.15 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-bold: 700;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --spacing-page: 370px;
    --spacing-headerHeight: 110px;
    --spacing-logoPadding: 27px;
    --spacing-pageHeadHeight: 285px;
    --spacing-pageHeadHeightDesk: 618px;
    --spacing-pageHeadStartpageHeight: 644px;
    --spacing-pageHeadStartpageHeightDesk: 800px;
    --spacing-pageHeadTherapienHeight: 392px;
    --spacing-textflowPartMarginBottom: 50px;
    --spacing-textflowPartMarginBottomDesk: 70px;
    --spacing-textflowPartMarginBottomExtraDesk: 100px;
    --spacing-textflowPartMarginHalf: 25px;
    --spacing-textflowPartMarginBottomLow: 30px;
    --spacing-textflowPadding: 30px;
    --spacing-textflowWidth: 650px;
    --color-fgMain: oklch(0.6691 0.1816 139.05 / 100%);
    --color-bgMain: oklch(1 0 0 / 100%);
    --color-fgLight: hsla(90, 43%, 71%, 100%);
    --color-default: hsla(0, 0%, 100%, 100%);
    --color-whiteLightTrans: hsla(0, 0%, 100%, 97%);
    --color-light: oklch(0.9641 0.0199 128.69);
    --color-dark: hsla(105, 55%, 44%, 100%);
    --color-mainTrans: oklch(0.92 0.0675 137.18);
    --color-pageHeadFilter: hsl(0, 0%, 0%, 10%);
    --color-fgErgoMotus: hsla(30, 100%, 47%, 100%);
    --color-fgPhysMotus: hsla(188, 100%, 33%, 100%);
    --color-textColor: oklch(0.4532 0 0);
    --background-image-logoComplete: url('../images/logoLogoComplete.svg');
    --background-image-logoCompleteWhite: url('../images/logoLogoCompleteWhite.svg');
    --background-image-logoSimple: url('../images/logoSimple.svg');
    --background-image-logoCompleteLogo: url('../images/logoCompleteLogo.svg');
    --background-image-hamburger: url('../images/hamburger.svg');
    --background-image-close: url('../images/close.svg');
    --background-image-arrowDown: url('../images/arrowDown.svg');
    --background-image-logoFooterBg: url('../images/logoFooterBg.svg');
    --background-image-logoFooterSlogan: url('../images/therapieDieBewegt.webp');
    --background-image-logoSimpleWhite: url('../images/logoSimpleWhite.svg');
    --background-image-iconFooter: url('../images/iconFooter.svg');
    --background-image-logoSprachtherapie: url('../images/fbSprachtherapie.svg');
    --background-image-logoSprechtherapie: url('../images/fbSprechtherapie.svg');
    --background-image-logoStimmtherapie: url('../images/fbStimmtherapie.svg');
    --background-image-logoSchlucktherapie: url('../images/fbSchlucktherapie.svg');
    --background-image-logoBg: url('../images/bgLogo.svg');
    --background-image-backToTeamArrow: url('../images/backToTeam.svg');
    --background-image-pageHeadStartpageBg: url('../images/pageHeadStartpageBg.webp');
    --background-image-pageHeadPraxisHermsdorfBg: url('../images/pageHeadPraxisHermsdorfBg.webp');
    --background-image-pageHeadKooperationenBg: url('../images/pageHeadKooperationenBg.webp');
    --background-image-pageHeadPraxisraeumeBg: url('../images/pageHeadPraxisraeumeBg.webp');
    --background-image-pageHeadKontaktBg: url('../images/pageHeadKontaktBg.webp');
    --background-image-pageHeadTeamBg: url('../images/pageHeadTeamBg.webp');
    --background-image-pageHeadTermineBg: url('../images/pageHeadTermineBg.webp');
    --background-image-logoSprachtherapieWhite: url('../images/sprachtherapie.svg');
    --background-image-logoSprechtherapieWhite: url('../images/sprechtherapie.svg');
    --background-image-logoStimmtherapieWhite: url('../images/stimmtherapie.svg');
    --background-image-logoSchlucktherapieWhite: url('../images/schlucktherapie.svg');
    --background-image-logoLRStherapieWhite: url('../images/lrstherapie.svg');
    --background-image-logoCompleteErgoMotus: url('../images/logoCompleteErgoMotus.svg');
    --color-active: oklch(1 0 0 / .7);
    --gallery-row-elements: 3;
    --gallery-row-gaps: calc(var(--gallery-row-elements) - 1);
    --gap-width: 10px;
    --calc-without-gap: var(--gallery-row-elements) - (var(--gap-width) * var(--gallery-row-gaps) / var(--gallery-row-elements));
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        & {
          color: color-mix(in oklab, currentcolor 50%, transparent);
        }
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .\@container\/body {
    container-type: inline-size;
    container-name: body;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .bottom-\[-130px\] {
    bottom: -130px;
  }
  .container {
    width: 100%;
  }
  .mx-\[8px\] {
    margin-inline: 8px;
  }
  .mx-\[20px\] {
    margin-inline: 20px;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-\[10px\] {
    margin-top: 10px;
  }
  .mt-\[25px\] {
    margin-top: 25px;
  }
  .mt-\[30px\] {
    margin-top: 30px;
  }
  .mr-\[10px\] {
    margin-right: 10px;
  }
  .mb-\[12px\] {
    margin-bottom: 12px;
  }
  .mb-\[30px\] {
    margin-bottom: 30px;
  }
  .mb-\[50px\] {
    margin-bottom: 50px;
  }
  .mb-textflowPartMarginBottomLow {
    margin-bottom: var(--spacing-textflowPartMarginBottomLow);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-\[5px\] {
    height: 5px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[41px\] {
    height: 41px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[73px\] {
    height: 73px;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[90px\] {
    height: 90px;
  }
  .h-\[118px\] {
    height: 118px;
  }
  .h-\[122px\] {
    height: 122px;
  }
  .h-\[140px\] {
    height: 140px;
  }
  .h-\[1000px\] {
    height: 1000px;
  }
  .h-full {
    height: 100%;
  }
  .min-h-\[20px\] {
    min-height: 20px;
  }
  .min-h-\[56px\] {
    min-height: 56px;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[100\%\] {
    width: 100%;
  }
  .w-\[124px\] {
    width: 124px;
  }
  .w-\[153px\] {
    width: 153px;
  }
  .w-\[193px\] {
    width: 193px;
  }
  .w-\[270px\] {
    width: 270px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-full {
    width: 100%;
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-\[550px\] {
    max-width: 550px;
  }
  .max-w-\[650px\] {
    max-width: 650px;
  }
  .max-w-fit {
    max-width: fit-content;
  }
  .min-w-\[20px\] {
    min-width: 20px;
  }
  .min-w-\[23px\] {
    min-width: 23px;
  }
  .min-w-\[122px\] {
    min-width: 122px;
  }
  .min-w-\[280px\] {
    min-width: 280px;
  }
  .min-w-page {
    min-width: var(--spacing-page);
  }
  .basis-full {
    flex-basis: 100%;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .list-none {
    list-style-type: none;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-\[0px\] {
    gap: 0px;
  }
  .gap-\[5px\] {
    gap: 5px;
  }
  .gap-\[30px\] {
    gap: 30px;
  }
  .gap-\[40px\] {
    gap: 40px;
  }
  .gap-\[50px\] {
    gap: 50px;
  }
  .gap-x-\[120px\] {
    column-gap: 120px;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-\[40px\] {
    border-radius: 40px;
  }
  .rounded-\[100\%\] {
    border-radius: 100%;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .bg-dark {
    background-color: var(--color-dark);
  }
  .bg-default {
    background-color: var(--color-default);
  }
  .bg-fgMain {
    background-color: var(--color-fgMain);
  }
  .bg-light {
    background-color: var(--color-light);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-close {
    background-image: var(--background-image-close);
  }
  .bg-hamburger {
    background-image: var(--background-image-hamburger);
  }
  .bg-iconFooter {
    background-image: var(--background-image-iconFooter);
  }
  .bg-logoComplete {
    background-image: var(--background-image-logoComplete);
  }
  .bg-logoFooterBg {
    background-image: var(--background-image-logoFooterBg);
  }
  .bg-logoFooterSlogan {
    background-image: var(--background-image-logoFooterSlogan);
  }
  .bg-logoSimpleWhite {
    background-image: var(--background-image-logoSimpleWhite);
  }
  .bg-\[length\:887px_529px\] {
    background-size: 887px 529px;
  }
  .bg-contain {
    background-size: contain;
  }
  .bg-\[center_bottom\] {
    background-position: center bottom;
  }
  .bg-\[center_bottom_35px\] {
    background-position: center bottom 35px;
  }
  .bg-\[center_center\] {
    background-position: center center;
  }
  .bg-center {
    background-position: center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .p-\[20px\] {
    padding: 20px;
  }
  .p-logoPadding {
    padding: var(--spacing-logoPadding);
  }
  .px-\[15px\] {
    padding-inline: 15px;
  }
  .px-\[20px\] {
    padding-inline: 20px;
  }
  .px-\[45px\] {
    padding-inline: 45px;
  }
  .px-\[calc\(40vw-150px\)\] {
    padding-inline: calc(40vw - 150px);
  }
  .px-textflowPadding {
    padding-inline: var(--spacing-textflowPadding);
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .pt-\[10px\] {
    padding-top: 10px;
  }
  .pt-\[50px\] {
    padding-top: 50px;
  }
  .pt-\[100px\] {
    padding-top: 100px;
  }
  .pt-\[140px\] {
    padding-top: 140px;
  }
  .pt-textflowPartMarginBottom {
    padding-top: var(--spacing-textflowPartMarginBottom);
  }
  .pb-\[30px\] {
    padding-bottom: 30px;
  }
  .font-\[\'Roboto_bold\'\] {
    font-family: 'Roboto bold';
  }
  .font-\[\'Roboto_semi-bold\'\] {
    font-family: 'Roboto semi-bold';
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .leading-\[25px\] {
    --tw-leading: 25px;
    line-height: 25px;
  }
  .text-bgMain {
    color: var(--color-bgMain);
  }
  .text-fgMain {
    color: var(--color-fgMain);
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition-\[background-color\] {
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .delay-0 {
    transition-delay: 0ms;
  }
  .duration-\[500ms\] {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .hover\:bg-mainTrans {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-mainTrans);
      }
    }
  }
  .\@desk\/body\:absolute {
    @container body (width >= 1100px) {
      position: absolute;
    }
  }
  .\@desk\/body\:relative {
    @container body (width >= 1100px) {
      position: relative;
    }
  }
  .\@desk\/body\:right-\[2vw\] {
    @container body (width >= 1100px) {
      right: 2vw;
    }
  }
  .\@desk\/body\:bottom-\[-100px\] {
    @container body (width >= 1100px) {
      bottom: -100px;
    }
  }
  .\@desk\/body\:z-10 {
    @container body (width >= 1100px) {
      z-index: 10;
    }
  }
  .\@desk\/body\:m-auto {
    @container body (width >= 1100px) {
      margin: auto;
    }
  }
  .\@desk\/body\:block {
    @container body (width >= 1100px) {
      display: block;
    }
  }
  .\@desk\/body\:flex {
    @container body (width >= 1100px) {
      display: flex;
    }
  }
  .\@desk\/body\:hidden {
    @container body (width >= 1100px) {
      display: none;
    }
  }
  .\@desk\/body\:h-\[31px\] {
    @container body (width >= 1100px) {
      height: 31px;
    }
  }
  .\@desk\/body\:h-\[45px\] {
    @container body (width >= 1100px) {
      height: 45px;
    }
  }
  .\@desk\/body\:h-\[120px\] {
    @container body (width >= 1100px) {
      height: 120px;
    }
  }
  .\@desk\/body\:h-\[468px\] {
    @container body (width >= 1100px) {
      height: 468px;
    }
  }
  .\@desk\/body\:w-\[31px\] {
    @container body (width >= 1100px) {
      width: 31px;
    }
  }
  .\@desk\/body\:w-\[226px\] {
    @container body (width >= 1100px) {
      width: 226px;
    }
  }
  .\@desk\/body\:w-\[300px\] {
    @container body (width >= 1100px) {
      width: 300px;
    }
  }
  .\@desk\/body\:w-\[600px\] {
    @container body (width >= 1100px) {
      width: 600px;
    }
  }
  .\@desk\/body\:w-\[784px\] {
    @container body (width >= 1100px) {
      width: 784px;
    }
  }
  .\@desk\/body\:w-full {
    @container body (width >= 1100px) {
      width: 100%;
    }
  }
  .\@desk\/body\:flex-row {
    @container body (width >= 1100px) {
      flex-direction: row;
    }
  }
  .\@desk\/body\:flex-nowrap {
    @container body (width >= 1100px) {
      flex-wrap: nowrap;
    }
  }
  .\@desk\/body\:items-center {
    @container body (width >= 1100px) {
      align-items: center;
    }
  }
  .\@desk\/body\:justify-center {
    @container body (width >= 1100px) {
      justify-content: center;
    }
  }
  .\@desk\/body\:justify-start {
    @container body (width >= 1100px) {
      justify-content: flex-start;
    }
  }
  .\@desk\/body\:gap-\[30px\] {
    @container body (width >= 1100px) {
      gap: 30px;
    }
  }
  .\@desk\/body\:overflow-visible {
    @container body (width >= 1100px) {
      overflow: visible;
    }
  }
  .\@desk\/body\:bg-whiteLightTrans {
    @container body (width >= 1100px) {
      background-color: var(--color-whiteLightTrans);
    }
  }
  .\@desk\/body\:bg-logoBg {
    @container body (width >= 1100px) {
      background-image: var(--background-image-logoBg);
    }
  }
  .\@desk\/body\:bg-logoCompleteWhite {
    @container body (width >= 1100px) {
      background-image: var(--background-image-logoCompleteWhite);
    }
  }
  .\@desk\/body\:bg-center {
    @container body (width >= 1100px) {
      background-position: center;
    }
  }
  .\@desk\/body\:bg-no-repeat {
    @container body (width >= 1100px) {
      background-repeat: no-repeat;
    }
  }
  .\@desk\/body\:p-0 {
    @container body (width >= 1100px) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .\@desk\/body\:py-\[50px\] {
    @container body (width >= 1100px) {
      padding-block: 50px;
    }
  }
  .\@desk\/body\:pt-\[300px\] {
    @container body (width >= 1100px) {
      padding-top: 300px;
    }
  }
  .\@desk\/body\:pb-\[40px\] {
    @container body (width >= 1100px) {
      padding-bottom: 40px;
    }
  }
  .\[\&_img\]\:h-\[250px\] {
    & img {
      height: 250px;
    }
  }
  .\[\&_img\]\:w-\[250px\] {
    & img {
      width: 250px;
    }
  }
  .\[\&\>li\]\:text-center {
    &>li {
      text-align: center;
    }
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/RobotoCondensed-ExtraLight.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto light';
  src: url('../fonts/RobotoCondensed-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto semi-bold';
  src: url('../fonts/RobotoCondensed-SemiBold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto bold';
  src: url('../fonts/RobotoCondensed-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@layer framework-david;
@layer framework-david {
  #hit-main {
    min-width: var(--spacing-page);
    overflow: hidden;
  }
  nav.david-navigation {
    visibility: hidden;
    height: fit-content;
    max-height: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 0);
    overflow: hidden;
    transition-property: max-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 100ms;
    transition-duration: 100ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    @container body (width >= 1100px) {
      visibility: visible;
    }
    @container body (width >= 1100px) {
      position: absolute;
    }
    @container body (width >= 1100px) {
      right: 10%;
    }
    @container body (width >= 1100px) {
      height: fit-content;
    }
    @container body (width >= 1100px) {
      width: fit-content;
    }
    @container body (width >= 1100px) {
      overflow: visible;
    }
  }
  nav.david-navigation.open {
    visibility: visible;
    height: 100%;
    max-height: 2000px;
    width: 100%;
    transition-property: max-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 100ms;
    transition-duration: 100ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    @container body (width >= 1100px) {
      width: auto;
    }
  }
  nav.david-navigation > ul > li {
    @container body (width >= 1100px) {
      position: relative;
    }
    @container body (width >= 1100px) {
      width: fit-content;
    }
  }
  nav.david-navigation > ul > li > ul {
    height: fit-content;
    max-height: calc(var(--spacing) * 0);
    transition-property: max-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 100ms;
    transition-duration: 100ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    @container body (width >= 1100px) {
      position: absolute;
    }
    @container body (width >= 1100px) {
      top: 73px;
    }
    @container body (width >= 1100px) {
      left: calc(var(--spacing) * 0);
    }
    @container body (width >= 1100px) {
      margin-bottom: 0px;
    }
    @container body (width >= 1100px) {
      display: flex;
    }
    @container body (width >= 1100px) {
      height: fit-content;
    }
    @container body (width >= 1100px) {
      max-height: calc(var(--spacing) * 0);
    }
    @container body (width >= 1100px) {
      width: 300px;
    }
    @container body (width >= 1100px) {
      flex-direction: column;
    }
    @container body (width >= 1100px) {
      flex-wrap: nowrap;
    }
    @container body (width >= 1100px) {
      align-items: flex-start;
    }
    @container body (width >= 1100px) {
      justify-content: center;
    }
    @container body (width >= 1100px) {
      background-color: var(--color-whiteLightTrans);
    }
    @container body (width >= 1100px) {
      padding-bottom: calc(var(--spacing) * 0);
    }
    @container body (width >= 1100px) {
      transition-property: max-height;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    @container body (width >= 1100px) {
      transition-delay: 0ms;
    }
    @container body (width >= 1100px) {
      --tw-duration: 100ms;
      transition-duration: 100ms;
    }
    @container body (width >= 1100px) {
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
    }
  }
  nav.david-navigation ul {
    width: 100%;
    @container body (width >= 1100px) {
      display: flex;
    }
    @container body (width >= 1100px) {
      width: fit-content;
    }
    @container body (width >= 1100px) {
      flex-direction: row;
    }
    @container body (width >= 1100px) {
      flex-wrap: nowrap;
    }
    @container body (width >= 1100px) {
      align-items: center;
    }
    @container body (width >= 1100px) {
      justify-content: flex-start;
    }
  }
  #david-navigation-main {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    @container body (width >= 1100px) {
      flex-direction: row;
    }
  }
  #david-navigation-main li.nav-depth-0 {
    display: flex;
    height: 55px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
  }
  #david-navigation-main li.nav-depth-0.menu-active {
    height: 100%;
  }
  #david-navigation-main ul.menu li.nav-depth-0 > *:first-child.kontakt {
    margin-inline: auto;
    height: 30px;
    width: fit-content;
    border-radius: 40px;
    background-color: var(--color-fgMain);
    padding-inline: 20px;
    color: var(--color-bgMain);
    @container body (width >= 1100px) {
      margin-left: 20px;
    }
    @container body (width >= 1100px) {
      height: 31px;
    }
    @container body (width >= 1100px) {
      width: 110px;
    }
    @container body (width >= 1100px) {
      text-indent: calc(var(--spacing) * 0);
    }
  }
  #david-navigation-main li.nav-depth-0 > *:first-child.kontakt:hover {
    color: var(--color-bgMain);
  }
  #david-navigation-main ul.menu li > *:first-child {
    display: flex;
    height: 55px;
    cursor: pointer;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    @container body (width >= 1100px) {
      display: flex;
    }
    @container body (width >= 1100px) {
      height: 37px;
    }
    @container body (width >= 1100px) {
      flex-wrap: nowrap;
    }
    @container body (width >= 1100px) {
      align-items: center;
    }
    @container body (width >= 1100px) {
      justify-content: flex-start;
    }
  }
  #david-navigation-main ul.menu li.nav-depth-0 > *:first-child {
    @container body (width >= 1100px) {
      text-indent: 20px;
    }
  }
  #david-navigation-main > ul.menu li.nav-depth-0:last-child {
    @container body (width >= 1100px) {
      display: none;
    }
  }
  #david-navigation-main ul.menu li > *:nth-child(1) + ul {
    overflow: hidden;
  }
  #david-navigation-main ul.menu li.menu-active > *:nth-child(1) {
    color: hsla(105, 55%, 44%, 100%);
    width: 100%;
    background-color: var(--color-light);
    @container body (width >= 1100px) {
      background-color: transparent;
    }
  }
  #david-navigation-main ul.menu li > *:nth-child(1):hover {
    color: hsla(105, 55%, 44%, 100%);
  }
  #david-navigation-main ul.menu li.menu-active > *:nth-child(1) + ul {
    margin-bottom: 20px;
    height: fit-content;
    max-height: 1000px;
    transition-property: max-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 100ms;
    transition-duration: 100ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    @container body (width >= 1100px) {
      height: fit-content;
    }
    @container body (width >= 1100px) {
      max-height: 650px;
    }
    @container body (width >= 1100px) {
      width: max-content;
    }
    @container body (width >= 1100px) {
      min-width: 300px;
    }
    @container body (width >= 1100px) {
      padding-bottom: 15px;
    }
    @container body (width >= 1100px) {
      transition-property: max-height;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    @container body (width >= 1100px) {
      transition-delay: 0ms;
    }
    @container body (width >= 1100px) {
      --tw-duration: 100ms;
      transition-duration: 100ms;
    }
    @container body (width >= 1100px) {
      --tw-ease: var(--ease-in);
      transition-timing-function: var(--ease-in);
    }
  }
  #david-navigation-main li.nav-depth-1 {
    @container body (width >= 1100px) {
      margin-right: 10px;
    }
    @container body (width >= 1100px) {
      width: 100%;
    }
    @container body (width >= 1100px) {
      text-indent: 20px;
    }
  }
  #david-navigation-main li.nav-depth-1:hover {
    @container body (width >= 1100px) {
      background-color: var(--color-light);
    }
  }
  #david-navigation-main li.nav-depth-0 > *:first-child {
    color: hsla(0, 0%, 34%, 100%);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 79px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    font-size: 16px;
  }
  #david-navigation-main li.nav-depth-1 > *:first-child {
    color: hsla(0, 0%, 34%, 100%);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    font-size: 18px;
    --tw-leading: 37px;
    line-height: 37px;
  }
  #pagehead-sprachtherapie2 h1 {
    width: 600px;
  }
  #pagehead-reizstromtherapie h1 {
    width: 700px;
  }
  .pagehead {
    @container body (width >= 1100px) {
      margin-inline: auto;
    }
    @container body (width >= 1100px) {
      max-width: 2220px;
    }
  }
  .pageHeadSloganTitle {
    color: hsla(0, 0%, 100%, 100%);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 70px;
    font-style: normal;
    font-weight: 300;
    line-height: 66px;
  }
  .pageHeadSloganText {
    color: hsla(0, 0%, 100%, 100%);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 31px;
  }
  .maintext, .list, .textflow p {
    color: hsla(0, 0%, 34%, 100%);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 29px;
  }
  .textheader {
    color: hsla(105, 55%, 44%, 100%);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 42px;
    font-style: normal;
    font-weight: 300;
    line-height: 47px;
  }
  .textheader.subheader {
    font-size: 32px;
    line-height: 35px;
  }
  .button {
    color: hsla(0, 0%, 100%, 100%);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto semi-bold;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px;
  }
  #footer-title {
    color: hsla(105, 55%, 44%, 100%);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 4px;
  }
  #footer-title > span {
    color: hsla(105, 55%, 44%, 100%);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 4px;
  }
  .footer-contact {
    color: hsla(0, 0%, 34%, 100%);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 29px;
  }
  .footer-contact-welcome {
    color: hsla(105, 55%, 44%, 100%);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto semi-bold;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
  }
  .fachbereichlogo {
    color: hsla(105, 55%, 44%, 100%);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
  }
  .link {
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto semi-bold;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px;
  }
  .footer-footer-links {
    color: hsla(0, 0%, 100%, 100%);
    text-align: right;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 1000;
    line-height: 23px;
  }
  .maintext.subheader, .icon-name, .iconshort-name, .anwendungsbereich-mitarbeiter-name {
    color: hsla(105, 55%, 44%, 100%);
    font-family: Roboto semi-bold;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 29px;
    text-align: center;
  }
  .iconshort-title, .anwendungsbereich-mitarbeiter-title {
    color: #565656;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 29px;
    text-align: center;
  }
  .icon-title-desc, .icon-list-title {
    text-align: left;
  }
  .job > .job-title {
    color: hsla(105, 55%, 44%, 100%);
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 42px;
    line-height: 32px;
    text-align: center;
  }
  .job > button {
    color: hsla(0, 0%, 100%, 100%);
    font-family: Roboto semi-bold;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    text-align: center;
  }
  .job > .job-text, .anwendungsbereich-anwendungen, .anwendungsbereich-desc {
    color: #565656;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 29px;
    text-align: center;
  }
  .anwendungsbereich-title, .anwendungsbereich-mitarbeiter-desc {
    color: hsla(105, 55%, 44%, 100%);
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 42px;
    line-height: 47px;
    text-align: center;
  }
  .logobanner-header {
    color: hsla(105, 55%, 44%, 100%);
    font-family: Roboto semi-bold;
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 29px;
    text-align: center;
  }
  .kosten .preis-wrapper .preis-wert {
    color: hsla(105, 55%, 44%, 100%);
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 42px;
    line-height: 32px;
    text-align: center;
  }
  .kosten .preis-wrapper .preis-einheit {
    color: #565656;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
  }
  .kosten .kosten-info .kosten-info-header {
    color: hsla(105, 55%, 44%, 100%);
    font-family: Roboto semi-bold;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 29px;
  }
  .kosten .kosten-info .kosten-info-desc {
    color: #565656;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 29px;
  }
  .link {
    margin-block: var(--spacing-textflowPartMarginHalf);
    display: block;
  }
  .textlink {
    font-family: Roboto semi-bold;
    font-weight: 300;
  }
  .textlink:hover {
    color: var(--color-fgMain);
  }
  .logoLogoMotus {
    margin-inline: auto;
    margin-block: var(--spacing-textflowPartMarginHalf);
    height: 62px;
    width: 309px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .logoLogo {
    margin-inline: auto;
    margin-block: var(--spacing-textflowPartMarginHalf);
    height: 62px;
    width: 288px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .textflow-part {
    margin-bottom: var(--spacing-textflowPartMarginBottom);
    @container body (width >= 1100px) {
      margin-bottom: var(--spacing-textflowPartMarginBottomDesk);
    }
  }
  .textflow-partLow {
    margin-bottom: var(--spacing-textflowPartMarginBottomLow);
  }
  .textflow-partExtra {
    @container body (width >= 1100px) {
      margin-bottom: var(--spacing-textflowPartMarginBottomExtraDesk);
    }
  }
  .textflow-partNullify {
    margin-bottom: auto;
  }
  .textflow .list-header {
    padding-bottom: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .textflowPaddingNullify {
    position: relative;
    left: calc(var(--spacing) * 0);
    width: 100vw;
  }
  .textflow .gallery {
    @container body (width >= 1100px) {
      max-width: 2220px;
    }
  }
  .pageHeadBackground {
    position: relative;
    height: var(--spacing-pageHeadHeight);
    background-size: 1024px;
    background-position: center center;
    background-repeat: no-repeat;
    @container body (width >= 1100px) {
      height: var(--spacing-pageHeadHeightDesk);
    }
    @container body (width >= 1100px) {
      background-size: auto;
    }
  }
  #hit-page #hit-main {
    @container body (width >= 1100px) {
      top: var(--spacing-headerHeight);
    }
  }
  #hit-page.header-preparation #hit-main {
    top: var(--spacing-headerHeight);
    @container body (width >= 1100px) {
      top: calc(var(--spacing) * 0);
    }
  }
  .pageHeadBackground::before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    background-color: var(--color-pageHeadFilter);
    --tw-content: '';
    content: var(--tw-content);
  }
  .pageHeadBackground.pageHeadTherapienBackground::before , .pageHeadBackground.pageHeadLogoBackground::before {
    background-color: transparent;
  }
  .pageHeadTherapienBackground {
    height: var(--spacing-pageHeadHeight);
    background-color: var(--color-fgMain);
    background-image: var(--background-image-logoBg);
    background-size: 400px 235px;
    background-repeat: no-repeat;
    @container body (width >= 1100px) {
      height: var(--spacing-pageHeadTherapienHeight);
    }
    @container body (width >= 1100px) {
      background-size: 733px 430px;
    }
    @container body (width >= 1100px) {
      background-position: left calc(50% - 410px) top 45px;
    }
  }
  .pageHeadTherapienBackground > .pagehead-slogan {
    bottom: calc(var(--spacing) * 0);
    height: var(--spacing-pageHeadTherapienHeight);
  }
  .pageHeadTherapienBackground > .pagehead-slogan > .pageHeadSloganTitle {
    margin: calc(var(--spacing) * 0);
    display: flex;
    height: var(--spacing-pageHeadTherapienHeight);
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 0);
  }
  .pageHeadTherapienBackground > .pagehead-extra-logo {
    visibility: visible;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background-size: 91px 110px;
    background-position: center;
    background-repeat: no-repeat;
    @container body (width >= 1100px) {
      background-size: auto;
    }
    @container body (width >= 1100px) {
      background-position: left calc(50% - 350px) top 85px;
    }
  }
  .pageHeadTherapienBackground.pageHeadSprachtherapieBackground > .pagehead-extra-logo {
    background-image: var(--background-image-logoSprachtherapieWhite);
  }
  .pageHeadTherapienBackground.pageHeadSprechtherapieBackground > .pagehead-extra-logo {
    background-image: var(--background-image-logoSprechtherapieWhite);
  }
  .pageHeadTherapienBackground.pageHeadStimmtherapieBackground > .pagehead-extra-logo {
    background-image: var(--background-image-logoStimmtherapieWhite);
  }
  .pageHeadTherapienBackground.pageHeadSchlucktherapieBackground > .pagehead-extra-logo {
    background-image: var(--background-image-logoSchlucktherapieWhite);
  }
  .pageHeadTherapienBackground.pageHeadLRStherapieBackground > .pagehead-extra-logo {
    background-image: var(--background-image-logoLRStherapieWhite);
  }
  .pageHeadPraxisHermsdorfBackground, .pageHeadPraxisEisenbergBackground, .pageHeadPraxisGeraBackground, .pageHeadPraxisBadKoestritzBackground, .pageHeadPraxisZwickauBackground {
    background-image: var(--background-image-pageHeadPraxisHermsdorfBg);
    background-size: 1109px 309px;
    transition-property: background-size;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 2000ms;
    transition-duration: 2000ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    @container body (width >= 1100px) {
      background-size: 2218px 618px;
    }
    @container body (width >= 1100px) {
      background-position: center center;
    }
  }
  .pageHeadPraxisHermsdorfBackground:hover, .pageHeadPraxisEisenbergBackground:hover, .pageHeadPraxisGeraBackground:hover, .pageHeadPraxisBadKoestritzBackground:hover, .pageHeadPraxisZwickauBackground:hover {
    background-size: 1200px 334px;
    transition-property: background-size;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 2000ms;
    transition-duration: 2000ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    @container body (width >= 1100px) {
      background-size: 2400px 668px;
    }
  }
  .pageHeadKooperationenBackground {
    background-image: var(--background-image-pageHeadKooperationenBg);
    background-size: 1110px 309px;
    background-position: center center;
    transition-property: background-size;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 2000ms;
    transition-duration: 2000ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    @container body (width >= 1100px) {
      background-size: 2220px 618px;
    }
  }
  .pageHeadKooperationenBackground:hover {
    background-size: 1200px 334px;
    transition-property: background-size;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 2000ms;
    transition-duration: 2000ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    @container body (width >= 1100px) {
      background-size: 2400px 668px;
    }
  }
  .pageHeadTeamBackground {
    background-image: var(--background-image-pageHeadTeamBg);
    background-size: 1110px 309px;
    background-position: center center;
    transition-property: background-size;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 2000ms;
    transition-duration: 2000ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    @container body (width >= 1100px) {
      background-size: 2220px 618px;
    }
  }
  .pageHeadTeamBackground:hover {
    background-size: 1200px 334px;
    transition-property: background-size;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 2000ms;
    transition-duration: 2000ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    @container body (width >= 1100px) {
      background-size: 2400px 668px;
    }
  }
  .pageHeadPraxisraeumeBackground {
    background-image: var(--background-image-pageHeadPraxisraeumeBg);
    background-size: 1110px 309px;
    background-position: center center;
    transition-property: background-size;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 2000ms;
    transition-duration: 2000ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    @container body (width >= 1100px) {
      background-size: 2220px 618px;
    }
  }
  .pageHeadPraxisraeumeBackground:hover {
    background-size: 1200px 334px;
    transition-property: background-size;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 2000ms;
    transition-duration: 2000ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    @container body (width >= 1100px) {
      background-size: 2400px 668px;
    }
  }
  .pageHeadTermineBackground {
    background-image: var(--background-image-pageHeadTermineBg);
    background-size: 1110px 309px;
    background-position: center center;
    transition-property: background-size;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 2000ms;
    transition-duration: 2000ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    @container body (width >= 1100px) {
      background-size: 2220px 618px;
    }
  }
  .pageHeadTermineBackground:hover {
    background-size: 1200px 334px;
    transition-property: background-size;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 2000ms;
    transition-duration: 2000ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    @container body (width >= 1100px) {
      background-size: 2400px 668px;
    }
  }
  .pageHeadKontaktBackground {
    background-image: var(--background-image-pageHeadKontaktBg);
    background-size: 1110px 309px;
    background-position: center center;
    transition-property: background-size;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 2000ms;
    transition-duration: 2000ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    @container body (width >= 1100px) {
      background-size: 2220px 618px;
    }
  }
  .pageHeadKontaktBackground:hover {
    background-size: 1200px 334px;
    transition-property: background-size;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 2000ms;
    transition-duration: 2000ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    @container body (width >= 1100px) {
      background-size: 2400px 668px;
    }
  }
  .pageHeadLogoBackground {
    background-color: var(--color-fgMain);
    background-image: var(--background-image-logoBg);
    background-size: 400px 238px;
    @container body (width >= 1100px) {
      background-size: 887px 529px;
    }
  }
  .pageHeadStartpageBackground {
    position: relative;
    height: var(--spacing-pageHeadStartpageHeight);
    background-image: var(--background-image-pageHeadStartpageBg);
    background-size: 1800px 648px;
    background-position: center center;
    background-repeat: no-repeat;
    transition-property: background-size;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 2000ms;
    transition-duration: 2000ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    @container body (width >= 1100px) {
      height: var(--spacing-pageHeadStartpageHeightDesk);
    }
    @container body (width >= 1100px) {
      background-size: 2200px 799px;
    }
    @container body (width >= 1100px) {
      background-position: center 0px;
    }
  }
  .pageHeadStartpageBackground:hover {
    background-size: 1900px 684px;
    transition-property: background-size;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 2000ms;
    transition-duration: 2000ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    @container body (width >= 1100px) {
      background-size: 2700px 972px;
    }
    @container body (width >= 1100px) {
      background-position: center 0px;
    }
  }
  .pageHead404Background, .pageHeadDSEBackground, .pageHeadImpressumBackground {
    background-color: var(--color-fgMain);
    background-image: var(--background-image-logoBg);
    background-size: 400px 235px;
    background-repeat: no-repeat;
    @container body (width >= 1100px) {
      background-size: 733px 430px;
    }
    @container body (width >= 1100px) {
      background-position: center;
    }
  }
  .back-to-team {
    font-family: 'Roboto bold';
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    color: var(--color-textColor);
  }
  .back-to-team > .arrow {
    display: inline-block;
    height: 25px;
    width: 100px;
    background-image: var(--background-image-backToTeamArrow);
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: sub;
  }
  .mitarbeiter {
    font-family: 'Roboto light';
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    color: var(--color-textColor);
    --tw-leading: 29px;
    line-height: 29px;
    @container body (width >= 1100px) {
      display: flex;
    }
    @container body (width >= 1100px) {
      width: 1000px;
    }
    @container body (width >= 1100px) {
      flex-direction: row;
    }
    @container body (width >= 1100px) {
      flex-wrap: wrap;
    }
    @container body (width >= 1100px) {
      align-items: flex-start;
    }
    @container body (width >= 1100px) {
      justify-content: flex-start;
    }
  }
  .mitarbeiter > .mitarbeiter-text {
    margin-bottom: 50px;
    @container body (width >= 1100px) {
      flex-basis: 100%;
    }
  }
  .mitarbeiter .mitarbeiter-title {
    margin-bottom: 20px;
    font-family: 'Roboto bold';
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    color: var(--color-textColor);
  }
  .mitarbeiter > .mitarbeiter-focus {
    margin-bottom: 50px;
    @container body (width >= 1100px) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .mitarbeiter > .mitarbeiter-focus {
    @container body (width >= 1100px) {
      padding-right: 10px;
    }
  }
  .mitarbeiter > .mitarbeiter-edu {
    @container body (width >= 1100px) {
      padding-left: 10px;
    }
  }
  .mitarbeiter > .mitarbeiter-focus, .mitarbeiter > .mitarbeiter-edu, .mitarbeiter .mitarbeiter-xtr-image {
    @container body (width >= 1100px) {
      flex-basis: 50%;
    }
  }
  .mitarbeiter .mitarbeiter-xtr-image {
    margin-inline: auto;
    @container body (width >= 1100px) {
      display: inline-block;
    }
    @container body (width >= 1100px) {
      height: 100%;
    }
  }
  .mitarbeiter > .mitarbeiter-xtr-images {
    margin-inline: auto;
    margin-top: 50px;
    @container body (width >= 1100px) {
      height: 350px;
    }
  }
  .mitarbeiter .mitarbeiter-xtr-image.hidden {
    display: none;
  }
  .mitarbeiter .mitarbeiter-xtr-image-1 {
    margin-bottom: 20px;
    @container body (width >= 1100px) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  #galleryelement-praxisraeume-wrapper {
    margin-inline: auto;
    @container body (width >= 1100px) {
      display: flex;
    }
    @container body (width >= 1100px) {
      flex-direction: row;
    }
    @container body (width >= 1100px) {
      flex-wrap: wrap;
    }
    @container body (width >= 1100px) {
      align-items: flex-start;
    }
    @container body (width >= 1100px) {
      justify-content: center;
    }
    @container body (width >= 1100px) {
      gap: 5px;
    }
  }
  .galleryelement-wrapper.geRound {
    margin-inline: auto;
    width: 100%;
    padding-inline: 20px;
    @container body (width >= 1100px) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .galleryelement.geDefault {
    margin-inline: auto;
    margin-bottom: 5px;
    max-height: 770px;
  }
  .galleryelement.geRound {
    margin-inline: auto;
    margin-bottom: 70px;
    aspect-ratio: 1000/485;
    height: 100%;
    max-height: 485px;
  }
  .supporters {
    margin: auto;
    margin-bottom: 30px;
    display: flex;
    height: 263px;
    width: 263px;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-light);
  }
  .fiftySpace {
    margin-bottom: 50px;
  }
  .textheader.first {
    @container body (width >= 1100px) {
      display: none;
    }
  }
  #fachbereiche-startsite .logoSprachtherapie {
    background-image: var(--background-image-logoSprachtherapie);
  }
  #fachbereiche-startsite .logoSprechtherapie {
    background-image: var(--background-image-logoSprechtherapie);
  }
  #fachbereiche-startsite .logoStimmtherapie {
    background-image: var(--background-image-logoStimmtherapie);
  }
  #fachbereiche-startsite .logoSchlucktherapie {
    background-image: var(--background-image-logoSchlucktherapie);
  }
  .location {
    display: flex;
    width: max-content;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    font-family: 'Roboto';
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 29px;
    color: var(--color-textColor);
    @container body (width >= 1100px) {
      display: flex;
    }
    @container body (width >= 1100px) {
      width: 750px;
    }
    @container body (width >= 1100px) {
      flex-direction: row;
    }
    @container body (width >= 1100px) {
      flex-wrap: nowrap;
    }
    @container body (width >= 1100px) {
      align-items: center;
    }
    @container body (width >= 1100px) {
      justify-content: flex-start;
    }
  }
  .location .address, .location .contact {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    @container body (width >= 1100px) {
      display: block;
    }
    @container body (width >= 1100px) {
      width: 250px;
    }
  }
  .location .address .address-head, .location .contact .contact-head {
    font-family: Roboto Bold;
  }
  .location > a {
    height: fit-content;
    width: fit-content;
  }
  .location > a > img {
    display: flex;
    aspect-ratio: 1 / 1;
    width: 250px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
  }
  .location .contact .contact-mail {
    font-family: 'Roboto bold';
    color: var(--color-fgMain);
  }
  #team-icons {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    @container body (width >= 1100px) {
      margin: calc(var(--spacing) * 0);
    }
    @container body (width >= 1100px) {
      width: 1000px;
    }
    @container body (width >= 1100px) {
      flex-direction: row;
    }
    @container body (width >= 1100px) {
      flex-wrap: wrap;
    }
    @container body (width >= 1100px) {
      align-items: flex-start;
    }
    @container body (width >= 1100px) {
      justify-content: center;
    }
    @container body (width >= 1100px) {
      column-gap: 50px;
    }
    @container body (width >= 1100px) {
      row-gap: 0px;
    }
  }
  #textheader-logo {
    display: block;
  }
  #logomotus-simple-logo {
    margin-inline: auto;
    height: 193px;
    width: 325px;
    background-image: var(--background-image-logoSimple);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #logomotus-logo {
    margin-inline: auto;
    height: 113px;
    width: 561px;
    background-image: var(--background-image-logoComplete);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .mitarbeiter-list {
    margin-left: 24px;
  }
  .anwendungsbereich-anwendungen li::before, .mitarbeiter-list li::before, .list li::before {
    position: relative;
    left: -24px;
    margin-right: -13px;
    vertical-align: -5px;
    font-size: 35px;
    color: var(--color-fgMain);
    --tw-content: "\2022";
    content: var(--tw-content);
  }
  .icon, .iconshort {
    max-height: 400px;
    width: 100%;
    overflow: hidden;
    padding-inline: 15vw;
    @container body (width >= 1100px) {
      width: 250px;
    }
    @container body (width >= 1100px) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .icon > .icon-person .icon-image, .iconshort > .iconshort-person > .iconshort-image {
    margin-inline: auto;
    display: flex;
    min-height: 250px;
    min-width: 250px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    transition-property: filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .icon > .icon-person .icon-image:hover, .iconshort > .iconshort-person > .iconshort-image:hover {
    --tw-brightness: brightness(95%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    transition-property: filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-delay: 0ms;
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .icon > .icon-person .icon-name, .iconshort > .iconshort-person > .iconshort-name {
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .icon > .icon-person > .icon-title, .iconshort > .iconshort-person > .iconshort-title {
    margin-bottom: calc(var(--spacing) * 0);
    text-align: center;
    font-family: 'Roboto light';
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    color: var(--color-textColor);
  }
  .icon > .icon-person > .icon-subtitle {
    margin-bottom: 10px;
  }
  .icon .icon-list > li {
    padding-left: 16px;
    text-align: left;
    text-indent: calc(16px * -1);
  }
  .icon > .icon-desc, .icon .icon-title, .icon .icon-list {
    margin-bottom: 10px;
    text-align: left;
  }
  .icon > .icon-desc {
    background-image: var(--background-image-arrowDown);
    background-position: center top 0px;
    background-repeat: no-repeat;
    padding-top: 50px;
    @container body (width >= 1100px) {
      background-image: none;
    }
  }
  .icon > .icon-xtr-images {
    display: none;
  }
  .icon.active {
    @container body (width >= 1100px) {
      display: grid;
      grid-template-columns: 280px 215px 250px 255px;
      grid-template-rows: 400px auto;
      grid-template-areas: "icon-image desc desc desc" "focus focus edu edu";
    }
    @container body (width >= 1100px) {
      width: 1000px;
    }
  }
  .icon.active > .icon-person {
    @container body (width >= 1100px) {
      grid-area: icon-image;
    }
  }
  .icon.active > .icon-desc {
    @container body (width >= 1100px) {
      grid-area: desc;
    }
    @container body (width >= 1100px) {
      padding-top: calc(var(--spacing) * 0);
    }
    @container body (width >= 1100px) {
      padding-left: 20px;
    }
  }
  .icon.active > .icon-focus {
    @container body (width >= 1100px) {
      grid-area: focus;
    }
  }
  .icon.active > .icon-edu {
    @container body (width >= 1100px) {
      grid-area: edu;
    }
    @container body (width >= 1100px) {
      padding-left: 10px;
    }
  }
  .anfahrt {
    height: 660px;
  }
  #maintext-dse1 {
    text-align: justify;
  }
  #maintext-dse1 > ul {
    margin-block: 10px;
    padding-left: 10px;
    text-align: left;
  }
  #maintext-dse1 > ul > li::before {
    padding-right: 10px;
    content: "•";
    color: red;
  }
  #kooperationen-images {
    @container body (width >= 1100px) {
      display: flex;
    }
    @container body (width >= 1100px) {
      flex-direction: row;
    }
    @container body (width >= 1100px) {
      flex-wrap: nowrap;
    }
    @container body (width >= 1100px) {
      align-items: center;
    }
    @container body (width >= 1100px) {
      justify-content: center;
    }
    @container body (width >= 1100px) {
      gap: 20px;
    }
  }
  #kooperationen-images > .kooperationen {
    margin-inline: auto;
    margin-bottom: 20px;
    display: flex;
    height: 263px;
    width: 263px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-light);
    object-fit: none;
    @container body (width >= 1100px) {
      margin-inline: calc(var(--spacing) * 0);
    }
    @container body (width >= 1100px) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  #anwendungsbereich-2 .anwendungsbereich-desc, #maintext-tiefenoszillation, #list-tiefenoszillation, #maintext-tiefenoszillation2, #maintext-tiefenoszillation3, #maintext-tiefenoszillation4, #maintext-tiefenoszillation5, #maintext-tiefenoszillation6, #maintext-tiefenoszillation7, #maintext-tiefenoszillation8, #maintext-tiefenoszillation9, #maintext-tiefenoszillation10, #maintext-tiefenoszillation11, #maintext-tiefenoszillation12, #maintext-tiefenoszillation13, #maintext-tiefenoszillation14, #maintext-tiefenoszillation15 {
    margin-bottom: var(--spacing-textflowPartMarginBottomLow);
  }
  #list-tiefenoszillation > li::before {
    padding-right: 10px;
    content: "•";
    color: red;
  }
  .flex-break {
    height: calc(var(--spacing) * 0);
    flex-basis: 100%;
  }
  .phys-motus-color {
    color: var(--color-fgPhysMotus);
  }
  .ergo-motus-color {
    color: var(--color-fgErgoMotus);
  }
  .seperator-physmotus {
    background-color: var(--color-fgPhysMotus);
  }
  .seperator-ergomotus {
    background-color: var(--color-fgErgoMotus);
  }
  .logo-branch {
    margin-inline: auto;
    margin-block: 25px;
    height: 52px;
    width: 260px;
  }
  #hit-page #hit-header {
    z-index: 10;
  }
  #hit-page.header-preparation #hit-header {
    transition: opacity 500ms linear, top 200ms linear;
    position: fixed;
    top: -110px;
  }
  #hit-page.header-fixing #hit-header {
    transition: opacity 500ms linear, top 200ms linear;
    position: fixed;
    top: calc(var(--spacing) * 0);
    max-width: unset;
    opacity: 0.9;
  }
  #hit-page.header-preparation #hit-main {
    @container body (width >= 1100px) {
      padding-top: var(--spacing-headerHeight);
    }
  }
  #hit-page #david-header-preparation, #hit-page #david-header-fixation {
    visibility: hidden;
    position: absolute;
    top: var(--spacing-headerHeight);
    left: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 0);
    opacity: 0%;
  }
  #hit-page #david-header-fixation {
    top: 500px;
  }
  #textflow-sprachtherapie img, #textflow-sprachtherapie2 img, #textflow-sprechtherapie img, #textflow-stimmtherapie img, #textflow-schlucktherapie img, #textflow-nftherapie img, #textflow-lrstherapie img, #textflow-tiertherapie img, #textflow-reizstromtherapie img, #textflow-aphasietherapie img, #textflow-lerntherapie img, #textflow-tiertherapie img {
    border-radius: calc(infinity * 1px);
  }
  #termin-locations, #kontakt-locations {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 40px;
    @container body (width >= 1100px) {
      width: var(--spacing-textflowWidth);
    }
  }
  #termin-locations > .locationtermin, #kontakt-locations > .locationtermin {
    max-width: 300px;
  }
}
@layer gallery {
  .gallery {
    display: flex;
    width: 100vw;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    gap: var(--gap-width);
    overflow: hidden;
  }
  .gallery > img {
    height: 250px;
    flex-basis: 100%;
    cursor: pointer;
    object-fit: cover;
    object-position: center;
    @container body (width >= 1100px) {
      flex-basis: auto;
    }
  }
  .gallery > img:nth-child(1n) {
    width: calc(100% / var(--calc-without-gap));
  }
  .gallery > img:nth-child(2n) {
    width: calc(130% / var(--calc-without-gap));
  }
  .gallery > img:nth-child(3n) {
    width: calc(70% / var(--calc-without-gap));
  }
  .gallery > img:nth-child(4n) {
    width: calc(130% / var(--calc-without-gap));
  }
  .gallery > img:nth-child(5n) {
    width: calc(70% / var(--calc-without-gap));
  }
  .gallery > img:nth-child(6n) {
    width: calc(100% / var(--calc-without-gap));
  }
  .gallery > img:nth-child(7n) {
    width: calc(70% / var(--calc-without-gap));
  }
  .gallery > img:nth-child(8n) {
    width: calc(100% / var(--calc-without-gap));
  }
  .gallery > img:nth-child(9n) {
    width: calc(130% / var(--calc-without-gap));
  }
  .gallery.active > .gallery-bg-image {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    display: block;
    height: 100vh;
    width: 100vw;
    background-color: var(--color-active);
    padding-inline: 5vw;
    padding-top: 130px;
    padding-bottom: 5vh;
  }
  .gallery.active > .gallery-bg-image > img.active {
    margin-inline: auto;
    height: 100%;
    cursor: pointer;
  }
}
@layer anwendungsbereich {
  .anwendungsbereich .anwendungsbereich-logo {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }
  #anwendungsbereich-sprachtherapie .anwendungsbereich-logo, #anwendungsbereich-sprachtherapie2 .anwendungsbereich-logo {
    background-image: url('../images/fbSprachtherapie.svg');
  }
  #anwendungsbereich-sprechtherapie .anwendungsbereich-logo {
    background-image: url('../images/fbSprechtherapie.svg');
  }
  #anwendungsbereich-stimmtherapie .anwendungsbereich-logo {
    background-image: url('../images/fbStimmtherapie.svg');
  }
  #anwendungsbereich-schlucktherapie .anwendungsbereich-logo {
    background-image: url('../images/fbSchlucktherapie.svg');
  }
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-leading: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-font-weight: initial;
      --tw-content: "";
    }
  }
}