@charset "UTF-8";:root {
    --accent-100: #cdfffd;
    --accent-200: #a1ffff;
    --accent-300: #60fdff;
    --accent-400: #18f0f8;
    --accent-50: #ebfffd;
    --accent-500: #00d3de;
    --accent-600: #00a1b2;
    --accent-700: #088596;
    --accent-800: #106a7a;
    --accent-900: #125867;
    --accent-950: #053b47;
    --black: #000000;
    --bone-100: #e5e1dc;
    --bone-200: #ccc4bc;
    --bone-300: #afa195;
    --bone-400: #978578;
    --bone-50: #f5f2f1;
    --bone-500: #8b776b;
    --bone-600: #756159;
    --bone-700: #5f4e49;
    --bone-800: #524441;
    --bone-900: #483c3b;
    --bone-950: #282020;
    --ecru-white-100: #efece5;
    --ecru-white-200: #dfd7c9;
    --ecru-white-300: #cabca7;
    --ecru-white-400: #b49d83;
    --ecru-white-50: #f8f6f4;
    --ecru-white-500: #a5876a;
    --ecru-white-600: #97765f;
    --ecru-white-700: #7e6150;
    --ecru-white-800: #675045;
    --ecru-white-900: #554239;
    --ecru-white-950: #2d221d;
    --petite-orchid-100: #f4edec;
    --petite-orchid-200: #ecdedc;
    --petite-orchid-300: #ddc6c4;
    --petite-orchid-400: #c8a5a1;
    --petite-orchid-50: #faf6f6;
    --petite-orchid-500: #af807b;
    --petite-orchid-600: #9b6c67;
    --petite-orchid-700: #815854;
    --petite-orchid-800: #6c4b48;
    --petite-orchid-900: #5c4340;
    --petite-orchid-950: #30211f;
    --red: #ff0004;
    --seashell-100: #f1f0ee;
    --seashell-200: #d8d5d0;
    --seashell-300: #bfbab2;
    --seashell-400: #a59d92;
    --seashell-50: #f7f6f5;
    --seashell-500: #92887d;
    --seashell-600: #867a70;
    --seashell-700: #70655e;
    --seashell-800: #5d544f;
    --seashell-900: #4c4542;
    --seashell-950: #282422;
    --white: #ffffff;
    --white-50: #ffffff80;
    --background-color: transparent;
    --alarm: var(--red, #ff0004);
    --bg-color-01: var(--white, #ffffff);
    --bg-color-02: var(--seashell-100, #f1f0ee);
    --bg-color-03: var(--seashell-700, #70655e);
    --bg-color-accent: var(--accent-600, #00a1b2);
    --border-color-01: var(--seashell-200, #d8d5d0);
    --button-cta: var(--accent-600, #00a1b2);
    --button-cta-hover: var(--accent-500, #00d3de);
    --text-color-negative: var(--white, #ffffff);
    --text-color-negativ-hover: var(--white-50, #ffffff80);
    --text-color-soft: var(--seashell-800, #5d544f);
    --text-color-standard: var(--black, #000000);
    /*

  Im CMS auswählbar machen!

  Bereich: Osteopathie

  --bg-color-section-a-01: var(--petite-orchid-50, #faf6f6);
  --bg-color-section-a-02: var(--petite-orchid-200, #ecdedc);
  --bg-color-section-a-03: var(--petite-orchid-600, #9b6c67);

  Bereich: Orthopädie

  --bg-color-section-a-01: var(--bone-50, #f5f2f1);
  --bg-color-section-a-02: var(--bone-100, #e5e1dc);
  --bg-color-section-a-03: var(--bone-600, #756159);

  Bereich: Sportmedizin

  --bg-color-section-a-01: var(--ecru-white-50, #f8f6f4);
  --bg-color-section-a-02: var(--ecru-white-100, #efece5);
  --bg-color-section-a-03: var(--ecru-white-500, #a5876a);

  Bereich: allgemein

  --bg-color-section-a-01: var(--seashell-50, #f7f6f5);
  --bg-color-section-a-02: var(--seashell-100, #f1f0ee);
  --bg-color-section-a-03: var(--seashell-500, #92887d);

  */
    --shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.06);
    --container-max-width: 1124px;
    --header-height: 80px;
    --submenu-min-width: 360px;
    --button-height: 45px;
    --button-padding: var(--spacing-03) var(--spacing-06);
    --button-small-height: 32px;
    --button-small-padding: 4px 12px;
    --font-family-standard: "Open Sans", sans-serif;
    --font-family-headline: "Montserrat", sans-serif;
    /* 
   * -------------------------------
   * Minimum viewport width:  375px;
   * Maximum viewport width: 1124px;
   * -------------------------------
   */
    --spacing-01: clamp(0.1875rem, 0.1562rem + 0.1335vw, 0.25rem); /* from 3px to 4px */
    --spacing-02: clamp(0.375rem, 0.3124rem + 0.267vw, 0.5rem); /* from 6px to 6px */
    --spacing-03: clamp(0.5625rem, 0.4686rem + 0.4005vw, 0.75rem); /* from 9px to 12px */
    --spacing-04: clamp(0.75rem, 0.6248rem + 0.534vw, 1rem); /* from 12px to 16px */
    --spacing-05: clamp(0.9375rem, 0.781rem + 0.6676vw, 1.25rem); /* from 15px to 20px */
    --spacing-06: clamp(1.125rem, 0.9372rem + 0.8011vw, 1.5rem); /* from 18px to 24px */
    --spacing-07: clamp(1.3125rem, 1.0935rem + 0.9346vw, 1.75rem); /* from 21px to 28px */
    --spacing-08: clamp(1.5rem, 1.2497rem + 1.0681vw, 2rem); /* from 24px to 32px */
    --spacing-09: clamp(1.6875rem, 1.4059rem + 1.2016vw, 2.25rem); /* from 27px to 36px */
    --spacing-10: clamp(1.875rem, 1.5621rem + 1.3351vw, 2.5rem); /* from 30px to 40px */
    --spacing-11: clamp(2.0625rem, 1.7183rem + 1.4686vw, 2.75rem); /* from 33px to 44px */
    --spacing-12: clamp(2.25rem, 1.8745rem + 1.6021vw, 3rem); /* from 36px to 48px */
    --spacing-13: clamp(2.625rem, 2.1869rem + 1.8692vw, 3.5rem); /* from 42px to 56px */
    --spacing-14: clamp(3rem, 2.7497rem + 1.0681vw, 3.5rem); /* from 48px to 64px */
    --spacing-15: clamp(3.5rem, 2.9993rem + 2.1362vw, 4.5rem); /* from 54px to 72px */
    --spacing-16: clamp(3.75rem, 3.1242rem + 2.6702vw, 5rem); /* from 60px to 80px */
    --spacing-17: clamp(4.125rem, 3.4366rem + 2.9372vw, 5.5rem); /* from 66px to 88px */
    --spacing-18: clamp(4.5rem, 3.749rem + 3.2043vw, 6rem); /* from 72px to 96px */
    --module-spacing-small: clamp(2.25rem, 1.8745rem + 1.6021vw, 3rem); /* from 36px to 48px */
    --module-spacing-medium: clamp(4.5rem, 3.749rem + 3.2043vw, 6rem); /* from 72px to 96px */
    --module-spacing-large: clamp(6.75rem, 5.6235rem + 4.8064vw, 9rem); /* from 108px to 144px */
    --module-spacing-extra-large: clamp(9rem, 7.498rem + 6.4085vw, 12rem); /* from 144px to 192px */
    --font-size-small: 1rem; /* 16px */
    --font-size-standard: 1.125rem; /* 18px */
    --font-size-large: clamp(1.25rem, 1.1248rem + 0.534vw, 1.5rem); /* from 20px to 24px */
    --line-height-small: 1.5625rem; /* 25px */
    --line-height-standard: 1.6875rem; /* 27px */
    --line-height-large: clamp(2rem, 1.8748rem + 0.534vw, 2.25rem); /* from 32px to 36px */
    --font-size-h1: clamp(1.75rem, 1.4997rem + 1.0681vw, 2.25rem); /* from 28px to 36px */
    --font-size-h2: clamp(1.625rem, 1.4372rem + 0.8011vw, 2rem); /* from 26px to 32px */
    --font-size-h3: clamp(1.375rem, 1.3124rem + 0.267vw, 1.5rem); /* from 22px to 24px */
    --font-size-h4: 1.25rem; /* 20px */
    --font-size-h5: 1.125rem; /* 18px */
    --font-size-h6: 1rem; /* 16px */
    --line-height-h1: clamp(2.3125rem, 2.0622rem + 1.0681vw, 2.8125rem); /* from 37px to 45px */
    --line-height-h2: clamp(2.1875rem, 1.9997rem + 0.8011vw, 2.5625rem); /* from 35px to 41px */
    --line-height-h3: clamp(1.9375rem, 1.8749rem + 0.267vw, 2.0625rem); /* from 31px to 33px */
    --line-height-h4: 1.8125rem; /* 29px */
    --line-height-h5: 1.5rem; /* 27px */
    --line-height-h6: 1.375rem; /* 25px */
    --border-radius: 8px;
    --gutter: var(--spacing-06);
}