/* Eingebunden in alle htmls */

 /* color presets*/
:root {
 --color-pink: #df62a9;
 --color-orange: #ff4b2b;
 --color-blue:#4843df;
 --color-white-pink: #f7ebe9;
 --color-black: #060606;
 --color-light-pink:#f6e1de;
}


/* IM Responsive */
:root {
  /* mobile */
  /* number */
  --border-radius-s: 0.5rem;
  --border-radius-m: 1rem;
  --border-radius-l: 2rem;
  --border-width-s: 0.0625rem;
  --border-width-m: 0.1875rem;
  --border-width-l: 0.3125rem;
  --spacing-xxxxs: 0.25rem;
  --spacing-xxxs: 0.5rem;
  --spacing-xxs: 0.75rem;
  --spacing-xs: 1rem;
  --spacing-s: 1.25rem;
  --spacing-m: 1.5rem;
  --spacing-l: 1.75rem;
  --spacing-xl: 2rem;
  --spacing-xxl: 2.25rem;
  --spacing-xxxl: 2.5rem;
  --spacing-j: 3rem;
  --spacing-xj: 3.5rem;
  --spacing-xxj: 4rem;
  --spacing-xxxj: 4.5rem;
  --type-line-height-body-s: 1.0938rem;
  --type-line-height-body: 1.25rem;
  --type-line-height-h6: 1.625rem;
  --type-line-height-h5: 1.75rem;
  --type-line-height-body-l: 1.875rem;
  --type-line-height-h4: 2rem;
  --type-line-height-h3: 2.5rem;
  --type-line-height-h2: 3rem;
  --type-line-height-h1: 4rem;
  --type-paragraph-spacing-body-s: var(--spacing-xxxs);
  --type-paragraph-spacing-body: var(--spacing-xxs);
  --type-paragraph-spacing-h6: var(--spacing-xxs);
  --type-paragraph-spacing-body-l: var(--spacing-xs);
  --type-paragraph-spacing-h5: var(--spacing-xs);
  --type-paragraph-spacing-h3: var(--spacing-s);
  --type-paragraph-spacing-h4: var(--spacing-s);
  --type-paragraph-spacing-h1: var(--spacing-m);
  --type-paragraph-spacing-h2: var(--spacing-m);
  --type-size-body-s: 0.875rem;
  --type-size-body: 1rem;
  --type-size-h6: 1.25rem;
  --type-size-body-l: 1.5rem;
  --type-size-h5: 1.5rem;
  --type-size-h4: 1.75rem;
  --type-size-h3: 2rem;
  --type-size-h2: 2.5rem; 
  --type-size-h1: 3rem;
}