@charset "UTF-8";
/*------------------------------------*\
 * Global Variables
 * 
 * 1. Colors
 *    ─ Purpose: Defines the color variables used throughout the project.
 * 
 * 2. Fonts
 *    ─ Purpose: Sets the font families, line heights, and gaps.
 * 
 * 3. Layout
 *    ─ Purpose: Sets the breakpoints for various screen sizes.
 * 
 * 4. Root Import
 *    ─ Purpose: Imports root-level custom properties.
 * 
 * 5. Spaces
 *    ─ Purpose: Sets the space variables for larger layout elements.
 * 
 * 6. Others
 *    ─ Purpose: Miscellaneous variables like transitions, borders
\*------------------------------------*/
/*------------------------------------*/
/* NOTE - Not from FIGMA */
/*------------------------------------*/
:root {
  --transition: all 300ms ease-in-out;
  --transition-fast: all 100ms ease-in-out;
  --layout-screen: var(--layout-wrapper);
  --layout-desktop: 1024px;
  --layout-tablet: 768px;
  --layout-mobile: 520px;
  --inner-margin: var(--layout-outergap);
}
@media only screen and (min-width: 1184px) {
  :root {
    --inner-margin: calc((100vw - 1120px) / 2);
  }
}

/*------------------------------------*/
/* COLLECTION - 🌟 Primitives */
/*------------------------------------*/
:root {
  /* colors */
  --pink-100: #ffe3e7;
  --pink-200: #ffcbd4;
  --pink-300: #ffa0b2;
  --pink-400: #ff6b8a;
  --pink-50: #fff0f2;
  --pink-500: #fc3766;
  --pink-600: #eb1e58;
  --pink-700: #c50b44;
  --pink-800: #a50c40;
  --pink-900: #8d0e3d;
  --pink-950: #4f021d;
  --rosa-100: #ffe3e8;
  --rosa-200: #ffbac8;
  --rosa-300: #ffa2b5;
  --rosa-400: #fe6e8f;
  --rosa-50: #fff1f3;
  --rosa-500: #f83b6b;
  --rosa-600: #e51956;
  --rosa-700: #c20e48;
  --rosa-800: #a20f44;
  --rosa-900: #8a1140;
  --rosa-950: #4d041e;
  --rot-unternehmensfarbe-100: #ffe4e5;
  --rot-unternehmensfarbe-200: #ffccd2;
  --rot-unternehmensfarbe-300: #fea3ac;
  --rot-unternehmensfarbe-400: #fc7081;
  --rot-unternehmensfarbe-50: #fff1f2;
  --rot-unternehmensfarbe-500: #f63d59;
  --rot-unternehmensfarbe-600: #e31b43;
  --rot-unternehmensfarbe-700: #c01037;
  --rot-unternehmensfarbe-800: #a01135;
  --rot-unternehmensfarbe-900: #6c0e29;
  --rot-unternehmensfarbe-950: #4d0418;
  --rosa-2-100: #f9eaf1;
  --rosa-2-200: #f5d5e3;
  --rosa-2-300: #efb2cb;
  --rosa-2-400: #e380a7;
  --rosa-2-50: #fcf3f7;
  --rosa-2-500: #d75d89;
  --rosa-2-600: #c43e69;
  --rosa-2-700: #a92d51;
  --rosa-2-800: #8c2843;
  --rosa-2-900: #75263c;
  --rosa-2-950: #47101f;
  /* numbers */
  --space-100: 2px;
  --space-200: 4px;
  --space-300: 8px;
  --space-400: 12px;
  --space-500: 16px;
  --space-600: 20px;
  --space-700: 32px;
  --space-800: 44px;
  --space-900: 64px;
}

/*------------------------------------*/
/* COLLECTION - 🔗 Aliases */
/*------------------------------------*/
:root {
  /* colors */
  --theme-accent-accent: var(--rosa-200, #ffbac8);
  --theme-accent-accent-dark: var(--rosa-300, #ffa2b5);
  --theme-accent-accent-darker: var(--rosa-400, #fe6e8f);
  --theme-accent-accent-light: var(--rosa-100, #ffe3e8);
  --theme-accent-accent-lighter: var(--rosa-100, #ffe3e8);
  --theme-accent-accent-lightest: var(--rosa-50, #fff1f3);
  --theme-error-error: var(--tailwind-rose-600, #e11d48);
  --theme-error-error-dark: var(--tailwind-rose-700, #be123c);
  --theme-error-error-darker: var(--tailwind-rose-800, #9f1239);
  --theme-error-error-light: var(--tailwind-rose-400, #fb7185);
  --theme-error-error-lighter: var(--tailwind-rose-200, #fecdd3);
  --theme-error-error-lightest: var(--tailwind-rose-50, #fff1f2);
  --theme-neutral-black: var(--tailwind-black, #000000);
  --theme-neutral-neutral: var(--tailwind-zinc-400, #a1a1aa);
  --theme-neutral-neutral-dark: var(--tailwind-zinc-600, #52525b);
  --theme-neutral-neutral-darker: var(--tailwind-zinc-800, #27272a);
  --theme-neutral-neutral-darkest: var(--tailwind-zinc-950, #09090b);
  --theme-neutral-neutral-light: var(--tailwind-zinc-300, #d4d4d8);
  --theme-neutral-neutral-lighter: var(--tailwind-zinc-100, #f4f4f5);
  --theme-neutral-neutral-lightest: var(--tailwind-zinc-50, #fafafa);
  --theme-neutral-white: var(--tailwind-white, #ffffff);
  --theme-notice-notice: var(--tailwind-sky-500, #0ea5e9);
  --theme-notice-notice-dark: var(--tailwind-sky-600, #0284c7);
  --theme-notice-notice-darker: var(--tailwind-sky-700, #0369a1);
  --theme-notice-notice-light: var(--tailwind-sky-400, #38bdf8);
  --theme-notice-notice-lighter: var(--tailwind-sky-200, #bae6fd);
  --theme-notice-notice-lightest: var(--tailwind-sky-50, #f0f9ff);
  --theme-primary-primary: var(--rot-unternehmensfarbe-900, #6c0e29);
  --theme-primary-primary-dark: var(--rot-unternehmensfarbe-950, #4d0418);
  --theme-primary-primary-darker: var(--rot-unternehmensfarbe-950, #4d0418);
  --theme-primary-primary-light: var(--rot-unternehmensfarbe-800, #a01135);
  --theme-primary-primary-lighter: var(--rot-unternehmensfarbe-500, #f63d59);
  --theme-primary-primary-lightest: var(--rot-unternehmensfarbe-100, #ffe4e5);
  --theme-secondary-secondary: var(--rosa-2-400, #e380a7);
  --theme-secondary-secondary-dark: var(--rosa-2-500, #d75d89);
  --theme-secondary-secondary-darker: var(--rosa-2-600, #c43e69);
  --theme-secondary-secondary-light: var(--rosa-2-300, #efb2cb);
  --theme-secondary-secondary-lighter: var(--rosa-2-100, #f9eaf1);
  --theme-secondary-secondary-lightest: var(--rosa-2-50, #fcf3f7);
  --theme-success-success: var(--tailwind-green-500, #22c55e);
  --theme-success-success-dark: var(--tailwind-green-600, #16a34a);
  --theme-success-success-darker: var(--tailwind-green-700, #15803d);
  --theme-success-success-light: var(--tailwind-green-400, #4ade80);
  --theme-success-success-lighter: var(--tailwind-green-200, #bbf7d0);
  --theme-success-success-lightest: var(--tailwind-green-50, #f0fdf4);
  --theme-warning-warning: var(--tailwind-orange-500, #f97316);
  --theme-warning-warning-dark: var(--tailwind-orange-600, #ea580c);
  --theme-warning-warning-darker: var(--tailwind-orange-700, #c2410c);
  --theme-warning-warning-light: var(--tailwind-orange-400, #fb923c);
  --theme-warning-warning-lighter: var(--tailwind-orange-200, #fed7aa);
  --theme-warning-warning-lightest: var(--tailwind-orange-50, #fff7ed);
  /* numbers */
  --radius-2xs: var(--space-100, 2px);
  --radius-xs: var(--space-200, 4px);
  --radius-sm: var(--space-300, 8px);
  --radius-md: var(--space-400, 12px);
  --radius-lg: var(--space-500, 16px);
  --radius-xl: var(--space-600, 20px);
  --radius-2xl: var(--space-700, 32px);
  --radius-3xl: var(--space-800, 44px);
  --radius-4xl: var(--space-900, 64px);
  --space-2xs: var(--space-100, 2px);
  --space-xs: var(--space-200, 4px);
  --space-sm: var(--space-300, 8px);
  --space-md: var(--space-400, 12px);
  --space-lg: var(--space-500, 16px);
  --space-xl: var(--space-600, 20px);
  --space-2xl: var(--space-700, 32px);
  --space-3xl: var(--space-800, 44px);
  --space-4xl: var(--space-900, 64px);
}

/*------------------------------------*/
/* COLLECTION - 🗺️ Responsive Tokens */
/*------------------------------------*/
:root {
  /* numbers */
  /* number */
  --box-padding-small: var(--space-500, 16px);
  --box-padding-medium: var(--space-600, 20px);
  --box-padding-large: var(--space-800, 44px);
  --components-abstand-extrasmall: 16px;
  --components-abstand-small: 32px;
  --components-abstand-medium: 64px;
  --components-abstand-large: 96px;
  --components-abstand-extralarge: 148px;
  --components-button-padding-y: var(--space-600, 20px);
  --components-button-padding-x: var(--space-800, 44px);
  --components-input-radius: var(--space-200, 4px);
  --components-input-font-size: 16px;
  --components-input-padding-y: 16px;
  --components-input-padding-x: 18px;
  --font-default-lineheight: 1.5;
  --font-body-lineheight: 1.8;
  --font-default-linegap: 20px;
  --font-line-height-2xs: 16.5px;
  --font-line-height-xs: 19.5px;
  --font-line-height-sm: 22.5px;
  --font-line-height-md: 25.5px;
  --font-line-height-lg: 27px;
  --font-line-height-xl: 31.5px;
  --font-line-height-2xl: 39px;
  --font-line-height-3xl: 47.6px;
  --font-linegap-subline-h1: var(--space-200, 4px);
  --font-linegap-subline-h2: var(--space-200, 4px);
  --font-size-2xs: 11px;
  --font-size-xs: 13px;
  --font-size-sm: 15px;
  --font-size-md: 17px;
  --font-size-lg: 18px;
  --font-size-xl: 21px;
  --font-size-2xl: 23px;
  --font-size-3xl: 30px;
  --font-weight-regular: 500;
  --font-weight-bold: 600;
  --layout-outergap: var(--space-600, 20px);
  --layout-wrapper: 1120px;
  --layout-grid-columns: 4px;
  --layout-grid-gutter: var(--space-600, 20px);
  --layout-native-ui-height-bottom: 52px;
  --layout-native-ui-height-top: 137px;
  --layout-window-width: 390px;
  --layout-window-height: 844px;
  --radius-small: var(--space-200, 4px);
  --radius-medium: var(--space-400, 12px);
  --radius-large: var(--space-500, 16px);
  --radius-rounded: 1000px;
  /* string */
  --font-family-body: "Inter";
  --font-family-headings: "Inter";
  /* desktop */
}
@media only screen and (min-width: 768px) {
  :root {
    --box-padding-small: var(--space-600, 20px);
    --box-padding-medium: var(--space-700, 32px);
    --box-padding-large: var(--space-900, 64px);
    --components-abstand-extrasmall: 20px;
    --components-abstand-medium: 80px;
    --components-abstand-small: 80px;
    --components-abstand-large: 160px;
    --components-abstand-extralarge: 200px;
    --components-button-padding-y: var(--space-600, 20px);
    --components-button-padding-x: var(--space-800, 44px);
    --components-input-radius: var(--space-200, 4px);
    --components-input-font-size: 16px;
    --components-input-padding-y: 18px;
    --components-input-padding-x: 20px;
    --font-default-lineheight: 1.5;
    --font-body-lineheight: 1.8;
    --font-default-linegap: 20px;
    --font-line-height-2xs: 18px;
    --font-line-height-xs: 21px;
    --font-line-height-sm: 24px;
    --font-line-height-md: 27px;
    --font-line-height-lg: 30px;
    --font-line-height-xl: 36px;
    --font-line-height-2xl: 48px;
    --font-line-height-3xl: 60px;
    --font-linegap-subline-h1: var(--space-200, 4px);
    --font-linegap-subline-h2: var(--space-200, 4px);
    --font-size-2xs: 12px;
    --font-size-xs: 14px;
    --font-size-sm: 16px;
    --font-size-md: 18px;
    --font-size-lg: 20px;
    --font-size-xl: 24px;
    --font-size-2xl: 32px;
    --font-size-3xl: 40px;
    --font-weight-regular: 500;
    --font-weight-bold: 600;
    --layout-outergap: var(--space-700, 32px);
    --layout-wrapper: 1120px;
    --layout-grid-columns: 12px;
    --layout-grid-gutter: var(--space-600, 20px);
    --layout-native-ui-height-bottom: 0px;
    --layout-native-ui-height-top: 136px;
    --layout-window-height: 982px;
    --layout-window-width: 1512px;
    --radius-small: var(--space-200, 4px);
    --radius-medium: var(--space-400, 12px);
    --radius-large: var(--space-500, 16px);
    --radius-rounded: 1000px;
    /* string */
    --font-family-body: "Inter";
    --font-family-headings: "Inter";
  }
}

/*------------------------------------*/
/* COLLECTION - 🗺️ Theme Tokens */
/*------------------------------------*/
:root {
  /* colors */
  --divider: var(--tailwind-zinc-100, #f4f4f5);
  --divider-on-dark: var(--rot-unternehmensfarbe-900, #6c0e29);
  --border-accent: var(--rosa-200, #ffbac8);
  --border-box: var(--tailwind-zinc-50, #fafafa);
  --border-error: var(--tailwind-rose-200, #fecdd3);
  --border-input: var(--tailwind-zinc-100, #f4f4f5);
  --border-input-error: var(--tailwind-rose-600, #e11d48);
  --border-input-focus: var(--rosa-200, #ffbac8);
  --border-input-hover: var(--rosa-100, #ffe3e8);
  --border-notice: var(--tailwind-sky-200, #bae6fd);
  --border-selector: var(--tailwind-zinc-400, #a1a1aa);
  --border-selector-active: var(--rosa-200, #ffbac8);
  --border-selector-hover: var(--rosa-200, #ffbac8);
  --border-selector-press: var(--rosa-200, #ffbac8);
  --border-success: var(--tailwind-green-200, #bbf7d0);
  --border-warning: var(--tailwind-orange-200, #fed7aa);
  --button-accent-action: var(--rosa-400, #fe6e8f);
  --button-accent-default: var(--rosa-200, #ffbac8);
  --button-accent-disabled: var(--rosa-100, #ffe3e8);
  --button-accent-focus: var(--rosa-300, #ffa2b5);
  --button-accent-hover: var(--rosa-300, #ffa2b5);
  --button-neutral-action: var(--tailwind-zinc-100, #f4f4f5);
  --button-neutral-default: var(--tailwind-white, #ffffff);
  --button-neutral-disabled: var(--tailwind-zinc-400, #a1a1aa);
  --button-neutral-focus: var(--tailwind-zinc-50, #fafafa);
  --button-neutral-hover: var(--tailwind-zinc-50, #fafafa);
  --button-primary-action: var(--rot-unternehmensfarbe-950, #4d0418);
  --button-primary-default: var(--rot-unternehmensfarbe-900, #6c0e29);
  --button-primary-disabled: var(--rot-unternehmensfarbe-100, #ffe4e5);
  --button-primary-focus: var(--rot-unternehmensfarbe-950, #4d0418);
  --button-primary-hover: var(--rot-unternehmensfarbe-950, #4d0418);
  --button-secondary-action: var(--rosa-2-600, #c43e69);
  --button-secondary-default: var(--rosa-2-400, #e380a7);
  --button-secondary-hover: var(--rosa-2-500, #d75d89);
  --icon-accent: var(--rosa-200, #ffbac8);
  --icon-error: var(--tailwind-rose-600, #e11d48);
  --icon-neutral: var(--tailwind-zinc-800, #27272a);
  --icon-neutral-on-dark: var(--tailwind-white, #ffffff);
  --icon-neutral-on-disabled: var(--tailwind-zinc-600, #52525b);
  --icon-notice: var(--tailwind-sky-500, #0ea5e9);
  --icon-primary: var(--rot-unternehmensfarbe-900, #6c0e29);
  --icon-secondary: var(--rosa-2-400, #e380a7);
  --icon-success: var(--tailwind-green-500, #22c55e);
  --icon-warning: var(--tailwind-orange-500, #f97316);
  --surface-accent: var(--rosa-50, #fff1f3);
  --surface-action: var(--rosa-200, #ffbac8);
  --surface-action-hover: var(--rosa-300, #ffa2b5);
  --surface-box: var(--tailwind-zinc-100, #f4f4f5);
  --surface-dark: var(--rot-unternehmensfarbe-950, #4d0418);
  --surface-disabled: var(--tailwind-zinc-400, #a1a1aa);
  --surface-error: var(--tailwind-rose-50, #fff1f2);
  --surface-input: var(--tailwind-zinc-100, #f4f4f5);
  --surface-input-hover: var(--rosa-50, #fff1f3);
  --surface-modal: var(--tailwind-zinc-50, #fafafa);
  --surface-notice: var(--tailwind-sky-50, #f0f9ff);
  --surface-page: var(--tailwind-white, #ffffff);
  --surface-primary: var(--rot-unternehmensfarbe-900, #6c0e29);
  --surface-secondary: var(--rosa-2-400, #e380a7);
  --surface-selector: var(--tailwind-white, #ffffff);
  --surface-selector-active: var(--rosa-200, #ffbac8);
  --surface-selector-hover: var(--rosa-50, #fff1f3);
  --surface-selector-press: var(--rosa-100, #ffe3e8);
  --surface-success: var(--tailwind-green-50, #f0fdf4);
  --surface-warning: var(--tailwind-orange-50, #fff7ed);
  --text-action: var(--rosa-2-400, #e380a7);
  --text-action-hover: var(--rosa-2-500, #d75d89);
  --text-action-press: var(--rosa-2-500, #d75d89);
  --text-body: var(--tailwind-zinc-600, #52525b);
  --text-body-on-dark: var(--tailwind-zinc-300, #d4d4d8);
  --text-disabled: var(--tailwind-zinc-400, #a1a1aa);
  --text-error: var(--tailwind-rose-600, #e11d48);
  --text-headings: var(--tailwind-zinc-800, #27272a);
  --text-headings-on-dark: var(--tailwind-white, #ffffff);
  --text-highlight: var(--rosa-2-400, #e380a7);
  --text-highlight-on-dark: var(--rosa-2-100, #f9eaf1);
  --text-notice: var(--tailwind-sky-500, #0ea5e9);
  --text-on-action: #ffffff;
  --text-on-disabled: var(--tailwind-zinc-600, #52525b);
  --text-placeholder: var(--tailwind-zinc-400, #a1a1aa);
  --text-success: var(--tailwind-green-500, #22c55e);
  --text-warning: var(--tailwind-orange-500, #f97316);
}

/*------------------------------------*/
/* NOTE - Tailwind colors */
/*------------------------------------*/
:root {
  --tailwind-zinc-100: #f4f4f5;
  --tailwind-zinc-200: #e4e4e7;
  --tailwind-zinc-300: #d4d4d8;
  --tailwind-zinc-400: #a1a1aa;
  --tailwind-zinc-50: #fafafa;
  --tailwind-zinc-500: #71717a;
  --tailwind-zinc-600: #52525b;
  --tailwind-zinc-700: #3f3f46;
  --tailwind-zinc-800: #27272a;
  --tailwind-zinc-900: #18181b;
  --tailwind-zinc-950: #09090b;
  --tailwind-rose-100: #ffe4e6;
  --tailwind-rose-200: #fecdd3;
  --tailwind-rose-300: #fda4af;
  --tailwind-rose-400: #fb7185;
  --tailwind-rose-50: #fff1f2;
  --tailwind-rose-500: #f43f5e;
  --tailwind-rose-600: #e11d48;
  --tailwind-rose-700: #be123c;
  --tailwind-rose-800: #9f1239;
  --tailwind-rose-900: #881337;
  --tailwind-rose-950: #4c0519;
  --tailwind-sky-100: #e0f2fe;
  --tailwind-sky-200: #bae6fd;
  --tailwind-sky-300: #7dd3fc;
  --tailwind-sky-400: #38bdf8;
  --tailwind-sky-50: #f0f9ff;
  --tailwind-sky-500: #0ea5e9;
  --tailwind-sky-600: #0284c7;
  --tailwind-sky-700: #0369a1;
  --tailwind-sky-800: #075985;
  --tailwind-sky-900: #0c4a6e;
  --tailwind-sky-950: #082f49;
  --tailwind-green-100: #dcfce7;
  --tailwind-green-200: #bbf7d0;
  --tailwind-green-300: #86efac;
  --tailwind-green-400: #4ade80;
  --tailwind-green-50: #f0fdf4;
  --tailwind-green-500: #22c55e;
  --tailwind-green-600: #16a34a;
  --tailwind-green-700: #15803d;
  --tailwind-green-800: #166534;
  --tailwind-green-900: #14532d;
  --tailwind-green-950: #052e16;
  --tailwind-blue-100: #dbeafe;
  --tailwind-blue-200: #bfdbfe;
  --tailwind-blue-300: #93c5fd;
  --tailwind-blue-400: #60a5fa;
  --tailwind-blue-50: #eff6ff;
  --tailwind-blue-500: #3b82f6;
  --tailwind-blue-600: #2563eb;
  --tailwind-blue-700: #1d4ed8;
  --tailwind-blue-800: #1e40af;
  --tailwind-blue-900: #1e3a8a;
  --tailwind-blue-950: #172554;
  --tailwind-orange-100: #ffedd5;
  --tailwind-orange-200: #fed7aa;
  --tailwind-orange-300: #fdba74;
  --tailwind-orange-400: #fb923c;
  --tailwind-orange-50: #fff7ed;
  --tailwind-orange-500: #f97316;
  --tailwind-orange-600: #ea580c;
  --tailwind-orange-700: #c2410c;
  --tailwind-orange-800: #9a3412;
  --tailwind-orange-900: #7c2d12;
  --tailwind-orange-950: #431407;
  --tailwind-white: #fff;
  --tailwind-black: #000;
}

/*------------------------------------*\
 * SASS Mixins and Utilities
 * 
 * Mixins:
 * ───────────
 * 
 * 1. fluid-type
 *    ─ Purpose: Dynamically adjust the font size based on the viewport width (min and max)
 * 
 * 2. pseudo
 *    ─ Purpose: Default properties for pseudo-elements ::before and ::after and display them.
 * 
 * 3. flex
 *    ─ Purpose: Flexbox configurator sets basic styling for flexbox containers and centers the content.
 * 
 * 4. pos
 *    ─ Purpose: Shortcode for absolute positioning of items and centering elements or images.
 * 
 * 5. hide-scrollbar
 *    ─ Purpose: Cross-browser properties to hide the scrollbar.
 * 
 * 6. background-image
 *    ─ Purpose: Center background images.
 * 
 * 7. bp-higher
 *    ─ Purpose: Breakpoint for min-width device width / mobile first.
 * 
 * 8. bp-lower
 *    ─ Purpose: Breakpoint for max-width device width.
\*------------------------------------*/
/*------------------------------------*\
  @mixin fluid-type
  Dynamically adjusts the font size based on the viewport width (min and max).

  @param {Number} $min-font-size - Minimum font size (default: 12px)
  @param {Number} $max-font-size - Maximum font size (default: 21px)
  @param {Number} $lower-range - Lower boundary for the viewport width (default: $mobile) 
  @param {Number} $upper-range - Upper boundary for the viewport width  (default: $screen) 
  @example
  @include fluid-type(14px, 18px, 400px, 1200px);
\*------------------------------------*/
/*------------------------------------*\
  @mixin pseudo
  Adds inner styles to an element.

  @param none

  @example
  @include inner;
\*------------------------------------*/
/*------------------------------------*\
  @mixin pseudo
  Provides default properties for pseudo-elements ::before and ::after.

  @param {String} $display - Display type (default: block)
  @param {String} $pos - Position (default: absolute)
  @param {String} $content - Content (default: empty)
  @example
  @include pseudo(block, absolute, 'content');
\*------------------------------------*/
/*------------------------------------*\
  @mixin flex
  Configures basic styling for flexbox containers.

  @param {String} $variant - Flexbox direction and alignment (default: empty)
  @param {Number} $gap - Gap between flexbox items (default: 0px)
  @example
  @include flex('row', 10px);
\*------------------------------------*/
/*------------------------------------*\
  @mixin pos
  Provides absolute positioning of items.

  @param {String} $variant - Special positioning variants like 'center' or 'cover'
  @example
  @include pos('center');
\*------------------------------------*/
/*------------------------------------*\
  @mixin hide-scrollbar
  Hides the scrollbar across browsers.

  @param none

  @example
  @include hide-scrollbar;
\*------------------------------------*/
/*------------------------------------*\
  @mixin background-image
  Centers background images.

  @param {String} $image - Background image URL
  @example
  @include background-image(url('path/to/image.jpg'));
\*------------------------------------*/
/*------------------------------------*\
  @mixin bp-higher
  Breakpoint for min-width device width (mobile first).

  @param {Number} $variable - Breakpoint value
  @example
  @include bp-higher(768px) { ... }
\*------------------------------------*/
/*------------------------------------*\
  @mixin bp-lower
  Breakpoint for max-width device width.

  @param {Number} $variable - Breakpoint value
  @example
  @include bp-lower(768px) { ... }
\*------------------------------------*/
/*------------------------------------*/
/* SECTION - NEW */
/*------------------------------------*/
/*------------------------------------*/
/* SECTION - Editor */
/*------------------------------------*/
.hamburger {
  padding: 0px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  cursor: pointer;
  float: right;
  margin-right: 0px;
  margin-top: 0px;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000;
}

.hamburger-box {
  width: 35px;
  height: 24px;
  display: block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 35px;
  height: 2px;
  background-color: #000;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/**
 * Print Stylesheet fuer Deinewebsite.de
* @version         1.0
* @lastmodified    16.06.2016
*/
@media print {
  /* Inhaltsbreite setzen, Floats und Margins aufheben */
  /* Achtung: Die Klassen und IDs variieren von Theme zu Theme. Hier also eigene Klassen setzen */
  #content, #page {
    width: 100%;
    margin: 0;
    float: none;
  }
  /** Seitenränder einstellen */
  @page {
    margin: 2cm;
  }
  /* Font auf 16px/13pt setzen, Background auf Weiß und Schrift auf Schwarz setzen.*/
  /* Das spart Tinte */
  body {
    font: 13pt Georgia, "Times New Roman", Times, serif;
    line-height: 1.3;
    background: #fff !important;
    color: #000;
  }
  h1 {
    font-size: 24pt;
  }
  h2, h3, h4 {
    font-size: 14pt;
    margin-top: 25px;
  }
  /* Alle Seitenumbrüche definieren */
  a {
    page-break-inside: avoid;
  }
  blockquote {
    page-break-inside: avoid;
  }
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }
  img {
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  table, pre {
    page-break-inside: avoid;
  }
  ul, ol, dl {
    page-break-before: avoid;
  }
  /* Linkfarbe und Linkverhalten darstellen */
  a:link, a:visited, a {
    background: transparent;
    color: #520;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
  }
  a {
    page-break-inside: avoid;
  }
  a[href^=http]:after {
    content: " <" attr(href) "> ";
  }
  a:after > img {
    content: "";
  }
  article a[href^="#"]:after {
    content: "";
  }
  a:not(:local-link):after {
    content: " <" attr(href) "> ";
  }
  /**
   * Eingebundene Videos verschwinden lassen und den Whitespace der iframes auf null reduzieren.
   */
  .entry iframe, ins {
    display: none;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    line-height: 0pt !important;
    white-space: nowrap;
  }
  .embed-youtube, .embed-responsive {
    position: absolute;
    height: 0;
    overflow: hidden;
  }
  /* Unnötige Elemente ausblenden für den Druck */
  #header-widgets, nav, aside.mashsb-container,
  .sidebar, .mashshare-top, .mashshare-bottom,
  .content-ads, .make-comment, .author-bio,
  .heading, .related-posts, #decomments-form-add-comment,
  #breadcrumbs, #footer, .post-byline, .meta-single,
  .site-title img, .post-tags, .readability {
    display: none;
  }
  /* Benutzerdefinierte Nachrichten vor und nach dem Inhalt einfügen */
  .entry:after {
    content: " Alle Rechte vorbehalten. (c) 2014 - 2016 TechBrain - techbrain.de";
    color: #999 !important;
    font-size: 1em;
    padding-top: 30px;
  }
  #header:before {
    content: " Vielen herzlichen Dank für das Ausdrucken unseres Artikels. Wir hoffen, dass auch andere Artikel von uns Ihr Interesse wecken können.";
    color: #777 !important;
    font-size: 1em;
    padding-top: 30px;
    text-align: center !important;
  }
  /* Wichtige Elemente definieren */
  p, address, li, dt, dd, blockquote {
    font-size: 100%;
  }
  /* Zeichensatz fuer Code Beispiele */
  code, pre {
    font-family: "Courier New", Courier, mono;
  }
  ul, ol {
    list-style: square;
    margin-left: 18pt;
    margin-bottom: 20pt;
  }
  li {
    line-height: 1.6em;
  }
}
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 0px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

article.teaser {
  border-radius: var(--radius-large, 16px);
  background: var(--surface-box, #f4f4f5);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  gap: var(--space-400, 12px);
  transition: var(--transition);
}
article.teaser .image-container {
  height: 180px;
  width: 100%;
}
article.teaser .image-container img {
  border-radius: var(--radius-large, 16px);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
article.teaser:hover {
  background: #ededed;
}

.teaser-content {
  width: 100%;
  padding: 10px var(--space-600, 20px) var(--space-600, 20px) var(--space-600, 20px);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-bottom-right-radius: var(--radius-large, 16px);
  border-bottom-left-radius: var(--radius-large, 16px);
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.teaser-content h5,
.teaser-content .subline {
  padding: 0;
}
.teaser-content .subline {
  color: var(--text-body, #52525b);
  font-size: calc(13px + 1 * (100vw - 520px) / 600);
  line-height: var(--space-600, 20px);
}
@media screen and (max-width: 520px) {
  .teaser-content .subline {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .teaser-content .subline {
    font-size: 14px;
  }
}
.teaser-content h5 {
  color: var(--text-headings, #27272a);
  line-height: var(--font-line-height-md, 25.5px); /* 150% */
}
.teaser-content .button-container {
  padding-top: var(--space-2xl, 32px);
}
@media (min-width: 769px) {
  .teaser-content .teaser-content .subline {
    line-height: 21px; /* 150% */
  }
  .teaser-content .teaser-content h5 {
    line-height: var(--font-line-height-md, 27px); /* 150% */
  }
  .teaser-content .teaser-content .button-container {
    padding-top: 55.5px;
  }
}

article.teaser-jobs {
  border-radius: var(--radius-large, 16px);
  background: var(--surface-box, #f4f4f5);
  display: flex;
  padding: var(--box-padding-small, 16px);
  position: relative;
  transition: var(--transition);
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
article.teaser-jobs:hover {
  background: #ededed;
}
article.teaser-jobs .permalink {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
article.teaser-jobs .container {
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
}
article.teaser-jobs .text-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
article.teaser-jobs .text-container h5 {
  padding: 0;
}
article.teaser-jobs .text-container .wysiwyg > *:is(h1, h2, h3, h4, h5, h6, p, a, ul):not(.button):first-child {
  margin-top: 0;
  padding-top: 0;
}
article.teaser-jobs .text-container .wysiwyg strong {
  color: var(--text-highlight, #e380a7);
  font-weight: 700;
}
article.teaser-jobs.accent {
  background: var(--Rot-Unternehmensfarbe-900, #6c0e29);
  transition: var(--transition);
}
article.teaser-jobs.accent .text-container {
  gap: 0;
}
article.teaser-jobs.accent .text-container .title,
article.teaser-jobs.accent .text-container .subtitle {
  padding: 0;
}
article.teaser-jobs.accent .text-container .title sup,
article.teaser-jobs.accent .text-container .subtitle sup {
  display: none;
}
article.teaser-jobs.accent .text-container .title {
  color: var(--text-headings-on-dark, #fff);
  /* Überschrift/H5 */
  font-family: var(--font-family-headings, Inter);
  font-size: var(--font-size-md, 17px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 600);
  line-height: var(--font-line-height-md, 25.5px); /* 150% */
}
article.teaser-jobs.accent .text-container .subtitle {
  color: var(--text-body-on-dark, #d4d4d8);
  /* Überschrift/H5 */
  font-family: var(--font-family-headings, Inter);
  font-size: var(--font-size-md, 17px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 600);
  line-height: var(--font-line-height-md, 25.5px); /* 150% */
}
article.teaser-jobs.accent .button-container .button-link {
  color: var(--Rot-Unternehmensfarbe-900, #6c0e29);
}
article.teaser-jobs.accent .button-container .button-link svg.arrow {
  color: white;
}
article.teaser-jobs.accent:hover {
  background: var(--Rot-Unternehmensfarbe-950, #4d0418);
}
article.teaser-jobs + .teaser-jobs {
  margin-top: var(--space-md, 12px);
}
@media (min-width: 769px) {
  article.teaser-jobs .container .text-container {
    gap: 10px;
  }
  article.teaser-jobs.accent .text-container {
    gap: 0;
  }
}

/*------------------------------------*\
    FONTS.SCSS
    Font Smoothing and Custom Fonts
\*------------------------------------*/
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v26-latin-regular.woff2") format("woff2"), url("../fonts/montserrat-v26-latin-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter 500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter-Medium.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter 600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter 700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Inter-Bold.woff2") format("woff2"), url("../fonts/Inter-Bold.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/*------------------------------------*\
	TYPOGRAPHY.scss

	Basic stylings for text elements.

	1. Text (body, p)
	   ─ Purpose: Styles for HTML paragraphs, including padding and margin.

	2. Headings (h1-h6)
	   ─ Note: Utilizes the fluid-type mixin for responsive font sizes.

	3. Links (a)
	   ─ Purpose: Styles for HTML links, including hover and focus states.

	4. Lists (ul)
	   ─ Purpose: Styles for HTML lists, including padding and margin.
\*------------------------------------*/
/*------------------------------------*/
/* SECTION - Text */
/*------------------------------------*/
body {
  font-family: var(--font-family-body);
  font-size: calc(15px + 1 * (100vw - 520px) / 600);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-default-lineheight);
  color: var(--text-body);
}
@media screen and (max-width: 520px) {
  body {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  body {
    font-size: 16px;
  }
}

p {
  padding: var(--font-default-linegap) 0 0;
  margin: 0px;
  line-height: var(--font-body-lineheight);
}

/*------------------------------------*/
/* SECTION - Headings */
/*------------------------------------*/
h1,
.h1,
.--show-as-h1 {
  margin: 0px;
  padding: var(--font-default-linegap) 0px 0px;
  color: var(--text-headings);
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-default-lineheight);
  font-size: calc(34px + 6 * (100vw - 520px) / 600);
  line-height: var(--font-line-height-3xl, 60px); /* 150% */
}
@media screen and (max-width: 520px) {
  h1,
  .h1,
  .--show-as-h1 {
    font-size: 34px;
  }
}
@media screen and (min-width: 1120px) {
  h1,
  .h1,
  .--show-as-h1 {
    font-size: 40px;
  }
}

h2,
.h2,
.--show-as-h2 {
  margin: 0px;
  padding: var(--font-default-linegap) 0px 0px;
  color: var(--text-headings);
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-default-lineheight);
  font-size: calc(23px + 9 * (100vw - 520px) / 600);
  line-height: var(--font-line-height-xl, 36px); /* 112.5% */
}
@media screen and (max-width: 520px) {
  h2,
  .h2,
  .--show-as-h2 {
    font-size: 23px;
  }
}
@media screen and (min-width: 1120px) {
  h2,
  .h2,
  .--show-as-h2 {
    font-size: 32px;
  }
}

h3,
.h3,
.--show-as-h3 {
  margin: 0px;
  padding: var(--font-default-linegap) 0px 0px;
  color: var(--text-headings);
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-default-lineheight);
  font-size: calc(21px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-line-height-xl, 36px); /* 150% */
}
@media screen and (max-width: 520px) {
  h3,
  .h3,
  .--show-as-h3 {
    font-size: 21px;
  }
}
@media screen and (min-width: 1120px) {
  h3,
  .h3,
  .--show-as-h3 {
    font-size: 24px;
  }
}

h4,
.h4,
.--show-as-h4 {
  margin: 0px;
  padding: var(--font-default-linegap) 0px 0px;
  color: var(--text-headings);
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-default-lineheight);
  font-size: calc(18px + 2 * (100vw - 520px) / 600);
  line-height: var(--font-line-height-lg, 30px); /* 150% */
}
@media screen and (max-width: 520px) {
  h4,
  .h4,
  .--show-as-h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 1120px) {
  h4,
  .h4,
  .--show-as-h4 {
    font-size: 20px;
  }
}

h5,
.h5,
.--show-as-h5 {
  margin: 0px;
  padding: var(--font-default-linegap) 0px 0px;
  color: var(--text-headings);
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-default-lineheight);
  font-size: calc(17px + 1 * (100vw - 520px) / 600);
  line-height: var(--font-line-height-md, 27px); /* 150% */
}
@media screen and (max-width: 520px) {
  h5,
  .h5,
  .--show-as-h5 {
    font-size: 17px;
  }
}
@media screen and (min-width: 1120px) {
  h5,
  .h5,
  .--show-as-h5 {
    font-size: 18px;
  }
}

h6,
.h6,
.--show-as-h6 {
  margin: 0px;
  padding: var(--font-default-linegap) 0px 0px;
  color: var(--text-headings);
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-default-lineheight);
  font-size: calc(15px + 1 * (100vw - 520px) / 600);
  line-height: var(--font-line-height-sm, 24px); /* 150% */
}
@media screen and (max-width: 520px) {
  h6,
  .h6,
  .--show-as-h6 {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  h6,
  .h6,
  .--show-as-h6 {
    font-size: 16px;
  }
}

/*------------------------------------*/
/* SECTION - Links */
/*------------------------------------*/
a {
  color: var(--text-action);
  text-decoration: underline;
  text-underline-position: under;
}
a:hover {
  color: var(--text-action-hover);
}
a:focus, a:hover, a:active {
  outline: 0;
}

/*------------------------------------*/
/* SECTION - Hyphens */
/*------------------------------------*/
@media (max-width: 768px) {
  h1,
  .h1,
  .--show-as-h1,
  h2,
  .h2,
  .--show-as-h2,
  h3,
  .h3,
  .--show-as-h3,
  h4,
  .h4,
  .--show-as-h4,
  h5,
  .h5,
  .--show-as-h5,
  h6,
  .h6,
  .--show-as-h6,
  p,
  a,
  b,
  span {
    hyphens: auto;
  }
}
/*------------------------------------*/
/* SECTION - Lists */
/*------------------------------------*/
.wp-block-group ul,
ul.ul {
  --wv-ul-marker-size: 10px;
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
  flex-direction: column;
  gap: 14px;
  list-style: none;
}
.wp-block-group ul li,
ul.ul li {
  font-family: var(--font-family-body);
  font-size: calc(15px + 1 * (100vw - 520px) / 600);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-default-lineheight);
  color: var(--text-body);
  padding-left: calc(var(--wv-ul-marker-size) + 20px);
  position: relative;
  text-align: left;
}
@media screen and (max-width: 520px) {
  .wp-block-group ul li,
  ul.ul li {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  .wp-block-group ul li,
  ul.ul li {
    font-size: 16px;
  }
}
.wp-block-group ul li:before,
ul.ul li:before {
  content: "";
  display: block;
  position: absolute;
  width: var(--wv-ul-marker-size);
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='6' height='6' rx='3' fill='black' style='fill:black;fill-opacity:1;'/%3E%3C/svg%3E%0A");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Ccircle cx='5' cy='5' r='2' fill='%23FFBAC8'/%3E%3Ccircle cx='5' cy='5' r='4.55' stroke='%23FFBAC8' stroke-width='0.9'/%3E%3C/svg%3E");
  left: 0;
  top: 50%;
  translate: 0 -50%;
}
@media (max-width: 768px) {
  .wp-block-group ul,
  ul.ul {
    --wv-ul-marker-size: 5px;
  }
  .wp-block-group ul li,
  ul.ul li {
    padding-left: calc(var(--wv-ul-marker-size) + 10px);
  }
}

/*------------------------------------*/
/* SECTION - Text styles */
/*------------------------------------*/
.text-highlighted {
  color: var(--text-highlight);
}

/*------------------------------------*\
    GLOBALS.SCSS
    Stylings for the whole page and utility and extra classes
\*------------------------------------*/
.acf-block-preview *,
.acf-block-preview *:after,
.acf-block-preview *:before,
body *,
body *:after,
body *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html {
  font-size: 100%;
}

.site {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* clear */
.clear:before,
.clear:after {
  content: " ";
  display: table;
}

.clear:after {
  clear: both;
}

.clear {
  *zoom: 1;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

input:focus {
  outline: 0;
}

.text-left,
.alignleft,
.has-text-align-left {
  text-align: left !important;
}

.text-center,
.aligncenter,
.has-text-align-center {
  text-align: center !important;
}

.text-right,
.alignright,
.has-text-align-right {
  text-align: right !important;
}

.blocksatz {
  text-align: justify !important;
}

hr {
  margin: 40px 0;
  border-color: var(--border-box);
}

/*------------------------------------*\
    Formatting
\*------------------------------------*/
.wp-block-image {
  padding-top: var(--font-default-linegap);
}
.wp-block-image img {
  border-radius: var(--radius-large, 16px);
}

/*------------------------------------*\
    Spaces
\*------------------------------------*/
.space {
  margin-bottom: var(--components-abstand-medium);
}
.space-extrasmall {
  margin-bottom: var(--components-abstand-extrasmall);
}
.space-small {
  margin-bottom: var(--components-abstand-small);
}
.space-medium {
  margin-bottom: var(--components-abstand-medium);
}
.space-large {
  margin-bottom: var(--components-abstand-large);
}
.space-extralarge {
  margin-bottom: var(--components-abstand-extralarge);
}

/*------------------------------------*\
    Group
\*------------------------------------*/
.wp-block-group.--background {
  background: var(--surface-dark);
  width: 100%;
  max-width: unset;
}
.wp-block-group.--background .wp-block-group__inner-container {
  width: calc(100% - 2 * var(--layout-outergap));
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
}
.wp-block-group.--background .wp-block-group__inner-container > *:is(h1, h2, h3, h4, h5, h6, p, a, ul):not(.button):first-child {
  margin-top: 0;
  padding-top: 0;
}
.wp-block-group.--background h1,
.wp-block-group.--background .h1,
.wp-block-group.--background .--show-as-h1,
.wp-block-group.--background h2,
.wp-block-group.--background .h2,
.wp-block-group.--background .--show-as-h2,
.wp-block-group.--background h3,
.wp-block-group.--background .h3,
.wp-block-group.--background .--show-as-h3,
.wp-block-group.--background h4,
.wp-block-group.--background .h4,
.wp-block-group.--background .--show-as-h4,
.wp-block-group.--background h5,
.wp-block-group.--background .h5,
.wp-block-group.--background .--show-as-h5,
.wp-block-group.--background h6,
.wp-block-group.--background .h6,
.wp-block-group.--background .--show-as-h6 {
  color: var(--text-headings-on-dark);
}
.wp-block-group.--background p,
.wp-block-group.--background li {
  color: var(--text-body-on-dark);
}
.wp-block-group.--background li:before {
  filter: invert(1);
}
.wp-block-group.--margin-top-extrasmall {
  margin-top: var(--components-abstand-extrasmall);
}
.wp-block-group.--margin-top-small {
  margin-top: var(--components-abstand-small);
}
.wp-block-group.--margin-top-medium {
  margin-top: var(--components-abstand-medium);
}
.wp-block-group.--margin-top-large {
  margin-top: var(--components-abstand-large);
}
.wp-block-group.--margin-top-extralarge {
  margin-top: var(--components-abstand-extralarge);
}
.wp-block-group.--margin-bottom-extrasmall {
  margin-bottom: var(--components-abstand-extrasmall);
}
.wp-block-group.--margin-bottom-small {
  margin-bottom: var(--components-abstand-small);
}
.wp-block-group.--margin-bottom-medium {
  margin-bottom: var(--components-abstand-medium);
}
.wp-block-group.--margin-bottom-large {
  margin-bottom: var(--components-abstand-large);
}
.wp-block-group.--margin-bottom-extralarge {
  margin-bottom: var(--components-abstand-extralarge);
}
.wp-block-group.--padding-top-extrasmall {
  padding-top: var(--components-abstand-extrasmall);
}
.wp-block-group.--padding-top-small {
  padding-top: var(--components-abstand-small);
}
.wp-block-group.--padding-top-medium {
  padding-top: var(--components-abstand-medium);
}
.wp-block-group.--padding-top-large {
  padding-top: var(--components-abstand-large);
}
.wp-block-group.--padding-top-extralarge {
  padding-top: var(--components-abstand-extralarge);
}
.wp-block-group.--padding-bottom-extrasmall {
  padding-bottom: var(--components-abstand-extrasmall);
}
.wp-block-group.--padding-bottom-small {
  padding-bottom: var(--components-abstand-small);
}
.wp-block-group.--padding-bottom-medium {
  padding-bottom: var(--components-abstand-medium);
}
.wp-block-group.--padding-bottom-large {
  padding-bottom: var(--components-abstand-large);
}
.wp-block-group.--padding-bottom-extralarge {
  padding-bottom: var(--components-abstand-extralarge);
}

/*------------------------------------*\
    Grid elements
\*------------------------------------*/
.allcont {
  padding: 0px;
  display: block;
}

.inner,
.wp-block-group {
  width: calc(100% - 2 * var(--layout-outergap));
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
}

.inner--small {
  width: calc(100% - 2 * var(--layout-outergap));
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
  max-width: 540px;
}

.inner--medium {
  width: calc(100% - 2 * var(--layout-outergap));
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
  max-width: 740px;
}

.wp-block-group .inner.resetInner,
.wp-block-group .wp-block-group {
  width: 100%;
}

.gridrow,
.wp-block-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  column-gap: var(--layout-outergap);
  row-gap: var(--layout-outergap);
  flex-wrap: wrap;
  width: 100%;
  margin: 0px auto;
  justify-content: space-between;
}
.gridrow > .col,
.gridrow .wp-block-column,
.wp-block-columns > .col,
.wp-block-columns .wp-block-column {
  width: 100%;
}

/* reverseCol */
.reverseCol {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

/* align col */
.align-center,
.are-vertically-aligned-center {
  align-items: center;
}

.is-vertically-aligned-center {
  align-self: center;
}

.wp-block-columns.are-vertically-aligned-top {
  align-items: flex-start;
}

.is-vertically-aligned-top {
  align-self: flex-start;
}

.are-vertically-aligned-bottom {
  align-items: flex-end;
}

.is-vertically-aligned-bottom {
  align-self: flex-end;
}

@media all and (max-width: 768px) {
  /* reverseCol */
  .reverseCol .col + .col,
  .reverseCol .wp-block-column + .wp-block-column {
    margin-top: 10px;
  }
}
.gray-background {
  width: 100%;
  padding: calc(--components-abstand-large - var(--font-default-linegap)) 0px var(--components-abstand-large);
}

/*------------------------------------*\
    Call-To-Action's
\*------------------------------------*/
p.cta-grp {
  width: 100%;
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--space-sm) var(--space-md);
}

.acf-block-preview a.button,
.acf-block-preview button:not(.hamburger),
.acf-block-preview input[type=submit],
body a.button,
body button:not(.hamburger),
body input[type=submit] {
  all: unset;
  text-decoration: none;
  text-align: center;
  outline: none;
  border: none;
  border-radius: var(--radius-small, 4px);
  transition: var(--transition);
  transition-property: background;
  box-sizing: border-box;
  font-family: var(--font-family-headings, Inter);
  font-size: var(--font-size-sm, 16px);
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
  font-size: calc(15px + 1 * (100vw - 520px) / 600);
  background-color: var(--button-primary-default);
  color: var(--text-on-action, #fff);
  display: inline-flex;
  padding: 16px var(--components-button-padding-x, 44px);
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-rounded, 1000px);
}
@media screen and (max-width: 520px) {
  .acf-block-preview a.button,
  .acf-block-preview button:not(.hamburger),
  .acf-block-preview input[type=submit],
  body a.button,
  body button:not(.hamburger),
  body input[type=submit] {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  .acf-block-preview a.button,
  .acf-block-preview button:not(.hamburger),
  .acf-block-preview input[type=submit],
  body a.button,
  body button:not(.hamburger),
  body input[type=submit] {
    font-size: 16px;
  }
}
.acf-block-preview a.button:hover,
.acf-block-preview button:not(.hamburger):hover,
.acf-block-preview input[type=submit]:hover,
body a.button:hover,
body button:not(.hamburger):hover,
body input[type=submit]:hover {
  background-color: var(--button-primary-hover);
  cursor: pointer;
}
.acf-block-preview a.button:focus,
.acf-block-preview button:not(.hamburger):focus,
.acf-block-preview input[type=submit]:focus,
body a.button:focus,
body button:not(.hamburger):focus,
body input[type=submit]:focus {
  transition: none;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
  	var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
  	calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(236 72 153 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: white;
  --tw-ring-inset: ;
}
.acf-block-preview a.button:active,
.acf-block-preview button:not(.hamburger):active,
.acf-block-preview input[type=submit]:active,
body a.button:active,
body button:not(.hamburger):active,
body input[type=submit]:active {
  transition: none;
}
.acf-block-preview a.button:disabled,
.acf-block-preview button:not(.hamburger):disabled,
.acf-block-preview input[type=submit]:disabled,
body a.button:disabled,
body button:not(.hamburger):disabled,
body input[type=submit]:disabled {
  background-color: var(--button-primary-disabled);
  color: var(--text-on-disabled);
}
.acf-block-preview a.button.--color-main, .acf-block-preview a.button.--color-primary,
.acf-block-preview button:not(.hamburger).--color-main,
.acf-block-preview button:not(.hamburger).--color-primary,
.acf-block-preview input[type=submit].--color-main,
.acf-block-preview input[type=submit].--color-primary,
body a.button.--color-main,
body a.button.--color-primary,
body button:not(.hamburger).--color-main,
body button:not(.hamburger).--color-primary,
body input[type=submit].--color-main,
body input[type=submit].--color-primary {
  background: var(--button-primary-default, #6c0e29);
}
.acf-block-preview a.button.--color-main:hover, .acf-block-preview a.button.--color-primary:hover,
.acf-block-preview button:not(.hamburger).--color-main:hover,
.acf-block-preview button:not(.hamburger).--color-primary:hover,
.acf-block-preview input[type=submit].--color-main:hover,
.acf-block-preview input[type=submit].--color-primary:hover,
body a.button.--color-main:hover,
body a.button.--color-primary:hover,
body button:not(.hamburger).--color-main:hover,
body button:not(.hamburger).--color-primary:hover,
body input[type=submit].--color-main:hover,
body input[type=submit].--color-primary:hover {
  background: var(--button-primary-hover, #4d0418);
}
.acf-block-preview a.button.--color-main:focus, .acf-block-preview a.button.--color-primary:focus,
.acf-block-preview button:not(.hamburger).--color-main:focus,
.acf-block-preview button:not(.hamburger).--color-primary:focus,
.acf-block-preview input[type=submit].--color-main:focus,
.acf-block-preview input[type=submit].--color-primary:focus,
body a.button.--color-main:focus,
body a.button.--color-primary:focus,
body button:not(.hamburger).--color-main:focus,
body button:not(.hamburger).--color-primary:focus,
body input[type=submit].--color-main:focus,
body input[type=submit].--color-primary:focus {
  background: var(--button-primary-action, #4d0418);
  --tw-ring-color: var(
  	--button-primary-action,
  	#4d0418
  ) !important;
}
.acf-block-preview a.button.--color-main:active, .acf-block-preview a.button.--color-primary:active,
.acf-block-preview button:not(.hamburger).--color-main:active,
.acf-block-preview button:not(.hamburger).--color-primary:active,
.acf-block-preview input[type=submit].--color-main:active,
.acf-block-preview input[type=submit].--color-primary:active,
body a.button.--color-main:active,
body a.button.--color-primary:active,
body button:not(.hamburger).--color-main:active,
body button:not(.hamburger).--color-primary:active,
body input[type=submit].--color-main:active,
body input[type=submit].--color-primary:active {
  background-color: var(--button-primary-action);
}
.acf-block-preview a.button.--color-main:disabled, .acf-block-preview a.button.--color-primary:disabled,
.acf-block-preview button:not(.hamburger).--color-main:disabled,
.acf-block-preview button:not(.hamburger).--color-primary:disabled,
.acf-block-preview input[type=submit].--color-main:disabled,
.acf-block-preview input[type=submit].--color-primary:disabled,
body a.button.--color-main:disabled,
body a.button.--color-primary:disabled,
body button:not(.hamburger).--color-main:disabled,
body button:not(.hamburger).--color-primary:disabled,
body input[type=submit].--color-main:disabled,
body input[type=submit].--color-primary:disabled {
  background: var(--button-primary-disabled, #ffe4e5);
}
.acf-block-preview a.button.--color-second, .acf-block-preview a.button.--color-accent,
.acf-block-preview button:not(.hamburger).--color-second,
.acf-block-preview button:not(.hamburger).--color-accent,
.acf-block-preview input[type=submit].--color-second,
.acf-block-preview input[type=submit].--color-accent,
body a.button.--color-second,
body a.button.--color-accent,
body button:not(.hamburger).--color-second,
body button:not(.hamburger).--color-accent,
body input[type=submit].--color-second,
body input[type=submit].--color-accent {
  background: var(--button-secondary-default, #e380a7);
  padding: var(--components-button-padding-y, 20px) var(--components-button-padding-x, 44px);
}
.acf-block-preview a.button.--color-second:hover, .acf-block-preview a.button.--color-second:focus, .acf-block-preview a.button.--color-accent:hover, .acf-block-preview a.button.--color-accent:focus,
.acf-block-preview button:not(.hamburger).--color-second:hover,
.acf-block-preview button:not(.hamburger).--color-second:focus,
.acf-block-preview button:not(.hamburger).--color-accent:hover,
.acf-block-preview button:not(.hamburger).--color-accent:focus,
.acf-block-preview input[type=submit].--color-second:hover,
.acf-block-preview input[type=submit].--color-second:focus,
.acf-block-preview input[type=submit].--color-accent:hover,
.acf-block-preview input[type=submit].--color-accent:focus,
body a.button.--color-second:hover,
body a.button.--color-second:focus,
body a.button.--color-accent:hover,
body a.button.--color-accent:focus,
body button:not(.hamburger).--color-second:hover,
body button:not(.hamburger).--color-second:focus,
body button:not(.hamburger).--color-accent:hover,
body button:not(.hamburger).--color-accent:focus,
body input[type=submit].--color-second:hover,
body input[type=submit].--color-second:focus,
body input[type=submit].--color-accent:hover,
body input[type=submit].--color-accent:focus {
  background: var(--button-secondary-hover, #d75d89);
}
.acf-block-preview a.button.--color-second:active, .acf-block-preview a.button.--color-accent:active,
.acf-block-preview button:not(.hamburger).--color-second:active,
.acf-block-preview button:not(.hamburger).--color-accent:active,
.acf-block-preview input[type=submit].--color-second:active,
.acf-block-preview input[type=submit].--color-accent:active,
body a.button.--color-second:active,
body a.button.--color-accent:active,
body button:not(.hamburger).--color-second:active,
body button:not(.hamburger).--color-accent:active,
body input[type=submit].--color-second:active,
body input[type=submit].--color-accent:active {
  background: var(--button-secondary-action, #c43e69);
}
.acf-block-preview a.button.--color-white, .acf-block-preview a.button.--color-neutral,
.acf-block-preview button:not(.hamburger).--color-white,
.acf-block-preview button:not(.hamburger).--color-neutral,
.acf-block-preview input[type=submit].--color-white,
.acf-block-preview input[type=submit].--color-neutral,
body a.button.--color-white,
body a.button.--color-neutral,
body button:not(.hamburger).--color-white,
body button:not(.hamburger).--color-neutral,
body input[type=submit].--color-white,
body input[type=submit].--color-neutral {
  background: var(--button-neutral-default, #fff);
  color: var(--text-headings);
}
.acf-block-preview a.button.--color-white:hover, .acf-block-preview a.button.--color-neutral:hover,
.acf-block-preview button:not(.hamburger).--color-white:hover,
.acf-block-preview button:not(.hamburger).--color-neutral:hover,
.acf-block-preview input[type=submit].--color-white:hover,
.acf-block-preview input[type=submit].--color-neutral:hover,
body a.button.--color-white:hover,
body a.button.--color-neutral:hover,
body button:not(.hamburger).--color-white:hover,
body button:not(.hamburger).--color-neutral:hover,
body input[type=submit].--color-white:hover,
body input[type=submit].--color-neutral:hover {
  background-color: var(--button-neutral-hover);
}
.acf-block-preview a.button.--color-white:focus, .acf-block-preview a.button.--color-neutral:focus,
.acf-block-preview button:not(.hamburger).--color-white:focus,
.acf-block-preview button:not(.hamburger).--color-neutral:focus,
.acf-block-preview input[type=submit].--color-white:focus,
.acf-block-preview input[type=submit].--color-neutral:focus,
body a.button.--color-white:focus,
body a.button.--color-neutral:focus,
body button:not(.hamburger).--color-white:focus,
body button:not(.hamburger).--color-neutral:focus,
body input[type=submit].--color-white:focus,
body input[type=submit].--color-neutral:focus {
  background: var(--button-neutral-focus, #fafafa);
}
.acf-block-preview a.button.--color-white:active, .acf-block-preview a.button.--color-neutral:active,
.acf-block-preview button:not(.hamburger).--color-white:active,
.acf-block-preview button:not(.hamburger).--color-neutral:active,
.acf-block-preview input[type=submit].--color-white:active,
.acf-block-preview input[type=submit].--color-neutral:active,
body a.button.--color-white:active,
body a.button.--color-neutral:active,
body button:not(.hamburger).--color-white:active,
body button:not(.hamburger).--color-neutral:active,
body input[type=submit].--color-white:active,
body input[type=submit].--color-neutral:active {
  background: var(--button-neutral-action, #f4f4f5);
}
.acf-block-preview a.button.--color-white:disabled, .acf-block-preview a.button.--color-neutral:disabled,
.acf-block-preview button:not(.hamburger).--color-white:disabled,
.acf-block-preview button:not(.hamburger).--color-neutral:disabled,
.acf-block-preview input[type=submit].--color-white:disabled,
.acf-block-preview input[type=submit].--color-neutral:disabled,
body a.button.--color-white:disabled,
body a.button.--color-neutral:disabled,
body button:not(.hamburger).--color-white:disabled,
body button:not(.hamburger).--color-neutral:disabled,
body input[type=submit].--color-white:disabled,
body input[type=submit].--color-neutral:disabled {
  background: var(--button-neutral-disabled, #a1a1aa);
  opacity: 0.5;
}
@media (max-width: 520px) {
  .acf-block-preview a.button,
  .acf-block-preview button:not(.hamburger),
  .acf-block-preview input[type=submit],
  body a.button,
  body button:not(.hamburger),
  body input[type=submit] {
    padding: 18px 50px;
    width: 100%;
  }
  .acf-block-preview a.button.--size-regular,
  .acf-block-preview button:not(.hamburger).--size-regular,
  .acf-block-preview input[type=submit].--size-regular,
  body a.button.--size-regular,
  body button:not(.hamburger).--size-regular,
  body input[type=submit].--size-regular {
    padding: 18px 50px;
  }
  .acf-block-preview a.button.--size-small,
  .acf-block-preview button:not(.hamburger).--size-small,
  .acf-block-preview input[type=submit].--size-small,
  body a.button.--size-small,
  body button:not(.hamburger).--size-small,
  body input[type=submit].--size-small {
    padding: 16px 44px;
  }
}

a.button-link {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-sm, 8px);
  font-size: calc(17px + 1 * (100vw - 520px) / 600);
  text-decoration: none;
  transition: var(--transition);
  position: relative;
  font-family: var(--font-family-headings, "Inter");
  font-style: normal;
  font-weight: var(--font-weight-bold, 600);
  line-height: 100%; /* 18px */
  align-items: center;
  color: var(--button-secondary-default, #e380a7);
}
@media screen and (max-width: 520px) {
  a.button-link {
    font-size: 17px;
  }
}
@media screen and (min-width: 1120px) {
  a.button-link {
    font-size: 18px;
  }
}
a.button-link .arrow {
  transition: var(--transition);
  width: 24px;
  height: 24px;
}
a.button-link:hover {
  color: var(--button-secondary-hover, #d75d89);
  gap: var(--space-md);
}
a.button-link:focus {
  color: var(--button-accent-focus, #ffa2b5);
  gap: var(--space-md);
}
a.button-link:active {
  color: var(--button-secondary-action, #c43e69);
}
a.button-link:disabled {
  color: var(--button-accent-disabled, #ffe3e8);
}
a.button-link.--color-accent {
  color: var(--button-secondary-default, #e380a7);
}
a.button-link.--color-accent:hover {
  color: var(--button-secondary-hover, #d75d89);
  gap: var(--space-md);
}
a.button-link.--color-accent:focus {
  color: var(--button-accent-focus, #ffa2b5);
  gap: var(--space-md);
}
a.button-link.--color-accent:active {
  color: var(--button-secondary-action, #c43e69);
}
a.button-link.--color-accent:disabled {
  color: var(--button-accent-disabled, #ffe3e8);
}
a.button-link.--color-neutral {
  color: var(--button-neutral-default, #fafafa);
}
a.button-link.--color-neutral:hover {
  color: var(--button-neutral-hover, #f4f4f5);
}
a.button-link.--color-neutral:focus {
  color: var(--button-neutral-focus, #f4f4f5);
}
a.button-link.--color-neutral:active {
  color: var(--button-neutral-press, #fff);
}
a.button-link.--color-neutral:disabled {
  color: var(--button-neutral-disabled);
  opacity: 0.5;
}

a.icon-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-md);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-body-lineheight);
  text-decoration: none;
  transition: var(--transition);
  color: var(--text-headings);
}
a.icon-link svg {
  width: 18px;
  translate: 0 -0.5px;
}
a.icon-link svg path {
  transition: var(--transition);
}
a.icon-link:hover, a.icon-link:focus {
  color: var(--button-accent-hover);
}
a.icon-link:active {
  color: var(--button-accent-action);
}
a.icon-link:disabled {
  opacity: 50%;
}
a.icon-link.--color-white {
  color: var(--text-body-on-dark);
}
a.icon-link.--color-white svg {
  stroke: var(--text-body-on-dark);
}
a.icon-link.--color-white:hover, a.icon-link.--color-white:focus {
  color: var(--button-accent-hover);
}
a.icon-link.--color-white:hover svg, a.icon-link.--color-white:focus svg {
  stroke: var(--button-accent-hover);
}
a.icon-link.--color-white:active {
  color: var(--button-accent-action);
}
a.icon-link.--color-white:active svg {
  stroke: var(--button-accent-action);
}

/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection {
  background: var(--text-action);
  color: var(--text-on-action);
  text-shadow: none;
}

::-webkit-selection {
  background: var(--text-action);
  color: var(--text-on-action);
  text-shadow: none;
}

::-moz-selection {
  background: var(--text-action);
  color: var(--text-on-action);
  text-shadow: none;
}

/*------------------------------------*/
/* SECTION - Components */
/*------------------------------------*/
.icon {
  width: 24px;
  height: auto;
  aspect-ratio: 1;
}

.image-container {
  overflow: hidden;
}
.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-large, 16px);
}

.pill {
  border-radius: var(--radius-rounded, 1000px);
  background: var(--surface-secondary, #e380a7);
  display: flex;
  padding: var(--space-2xs, 2px) var(--space-md, 12px);
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.pill > span.icon {
  width: var(--radius-large, 16px);
  height: var(--radius-large, 16px);
  color: var(--text-headings-on-dark, #fff);
  display: flex;
}
.pill > span.icon svg.icon {
  height: 100%;
  width: 100%;
}
.pill .text {
  color: var(--text-headings-on-dark, #fff);
  /* Fließtext/Box */
  font-family: var(--font-family-body, Inter);
  font-size: var(--font-size-xs, 14px);
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 21px; /* 150% */
  padding: 0;
}

ul.categories {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
}
ul.categories li {
  padding: 0;
}
ul.categories li:before {
  display: none;
}

/*------------------------------------*\
    HEADER.SCSS
\*------------------------------------*/
.header {
  position: sticky;
  top: -84px;
  z-index: 999;
  background: #fff;
  /* Schlagschatten */
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.header > .inner {
  position: static;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-xl) 0px;
}
.header > .inner.top {
  padding: 12px 0 10px 0;
}
.header > .inner.bottom {
  position: sticky;
  top: 0;
  background-color: var(--surface-page);
  padding: 0;
  max-width: 100%;
  width: 100%;
}
.header > .inner.bottom .button-container {
  display: none;
}
.header > .inner.bottom .button-container .button {
  padding: 16px var(--components-button-padding-x, 44px);
}
.header .divider {
  width: 100%;
  height: 1px;
  background-color: #cfcfcf;
  display: none;
}
.header .logo {
  max-width: 62px;
  width: 100%;
}
.header .links-container {
  display: flex;
  align-items: center;
  gap: 30px;
}
.header .links-container > .icon {
  display: none;
  color: var(--surface-primary, #6c0e29);
}
.header .links-container .icon-link {
  color: var(--text-headings, #27272a);
  font-family: var(--font-family-body, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: 0.96px;
}
.header .links-container .icon-link .icon {
  display: none;
}
.header .links-container .icon-link:hover {
  color: var(--text-action);
}
.header .hamburger {
  margin-right: -5px;
}
@media (min-width: 1025px) {
  .header > .inner.bottom {
    width: calc(100% - 2 * var(--layout-outergap));
    max-width: 1120px;
  }
  .header > .inner.bottom .button-container {
    display: block;
  }
  .header .divider {
    display: block;
  }
  .header .links-container > .icon {
    display: block;
  }
}

/*------------------------------------*/
/* NOTE - Footer */
/*------------------------------------*/
.footer {
  /* Box Shadow */
  box-shadow: 0px 0px 10px 0px rgba(23, 24, 24, 0.3);
  padding: var(--components-abstand-small, 32px) 0;
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.footer .inner {
  display: flex;
  flex-direction: column;
  gap: var(--components-abstand-small);
}
.footer .footer-content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--components-abstand-small, 32px);
}
.footer .footer-content .icon-link {
  font-family: var(--font-family-body);
  font-size: calc(15px + 1 * (100vw - 520px) / 600);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-default-lineheight);
  line-height: 150%; /* 24px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 520px) {
  .footer .footer-content .icon-link {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  .footer .footer-content .icon-link {
    font-size: 16px;
  }
}
.footer .footer-content .footer-contact,
.footer .footer-content .footer-opening-hours {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.footer .footer-content .footer-contact h5,
.footer .footer-content .footer-opening-hours h5 {
  margin: 0px;
  padding: var(--font-default-linegap) 0px 0px;
  color: var(--text-headings);
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-default-lineheight);
  font-size: calc(17px + 1 * (100vw - 520px) / 600);
  line-height: var(--font-line-height-md, 27px); /* 150% */
  color: var(--text-headings, #27272a);
  font-weight: var(--font-weight-bold, 600);
  line-height: var(--font-line-height-md, 27px); /* 150% */
  padding: 0;
}
@media screen and (max-width: 520px) {
  .footer .footer-content .footer-contact h5,
  .footer .footer-content .footer-opening-hours h5 {
    font-size: 17px;
  }
}
@media screen and (min-width: 1120px) {
  .footer .footer-content .footer-contact h5,
  .footer .footer-content .footer-opening-hours h5 {
    font-size: 18px;
  }
}
.footer .footer-content .footer-contact ul,
.footer .footer-content .footer-opening-hours ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  gap: var(--space-md, 12px);
}
.footer .footer-content .footer-contact p.cta-grp,
.footer .footer-content .footer-opening-hours p.cta-grp {
  padding-top: 8px;
}
.footer .footer-content .footer-contact p.cta-grp .button,
.footer .footer-content .footer-opening-hours p.cta-grp .button {
  width: auto;
}
.footer .footer-content .footer-opening-hours .wysiwyg * {
  padding-top: var(--space-md, 12px);
}
.footer .footer-content .footer-opening-hours .wysiwyg :first-child {
  padding-top: 0;
}
.footer .footer-content .footer-menu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* Global styles for all navigation levels */
  /* Main level navigation */
  /* Second level navigation */
}
.footer .footer-content .footer-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-size: calc(12px + 2 * (100vw - 520px) / 600);
}
@media screen and (max-width: 520px) {
  .footer .footer-content .footer-menu ul {
    font-size: 12px;
  }
}
@media screen and (min-width: 1120px) {
  .footer .footer-content .footer-menu ul {
    font-size: 14px;
  }
}
.footer .footer-content .footer-menu a {
  display: block;
  font-weight: var(--font-weight-bold);
  text-decoration: none;
  transition: var(--transition);
}
.footer .footer-content .footer-menu > ul {
  gap: var(--components-abstand-small);
}
.footer .footer-content .footer-menu > ul > li {
  /* Hover/active state */
}
.footer .footer-content .footer-menu > ul > li > a {
  margin: 0px;
  padding: var(--font-default-linegap) 0px 0px;
  color: var(--text-headings);
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-default-lineheight);
  font-size: calc(17px + 1 * (100vw - 520px) / 600);
  line-height: var(--font-line-height-md, 27px); /* 150% */
  padding: 0 0 12px;
}
@media screen and (max-width: 520px) {
  .footer .footer-content .footer-menu > ul > li > a {
    font-size: 17px;
  }
}
@media screen and (min-width: 1120px) {
  .footer .footer-content .footer-menu > ul > li > a {
    font-size: 18px;
  }
}
.footer .footer-content .footer-menu > ul > li a:hover, .footer .footer-content .footer-menu > ul > li:hover > a, .footer .footer-content .footer-menu > ul > li.current_page_item > a {
  color: var(--text-action);
}
.footer .footer-content .footer-menu > ul > li a:active {
  color: var(--text-action-press);
  transition: none;
}
.footer .footer-content .footer-menu .copyright {
  padding-top: 80px;
}
.footer .footer-content .footer-menu > ul > li > ul {
  gap: var(--space-md, 12px);
}
.footer .footer-content .footer-menu > ul > li > ul > li {
  /* Hover/active state */
}
.footer .footer-content .footer-menu > ul > li > ul > li > a {
  font-family: var(--font-family-body);
  font-size: calc(15px + 1 * (100vw - 520px) / 600);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-default-lineheight);
  color: var(--text-body);
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 520px) {
  .footer .footer-content .footer-menu > ul > li > ul > li > a {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  .footer .footer-content .footer-menu > ul > li > ul > li > a {
    font-size: 16px;
  }
}
.footer .footer-content .footer-menu > ul > li > ul > li a:hover, .footer .footer-content .footer-menu > ul > li > ul > li:hover > a, .footer .footer-content .footer-menu > ul > li > ul > li.current_page_item > a {
  color: var(--text-action);
}
.footer .footer-content .footer-menu > ul > li > ul > li a:active {
  color: var(--text-action-press);
  transition: none;
}
@media (min-width: 769px) {
  .footer {
    padding: 80px var(--layout-outergap, 32px);
  }
  .footer .footer-content {
    flex-direction: row;
    gap: 20px;
  }
  .footer .footer-content .footer-contact,
  .footer .footer-content .footer-opening-hours {
    flex: 1;
    max-width: 33%;
  }
  .footer .footer-content .footer-menu {
    flex: 1;
  }
  .footer .footer-content .footer-menu > ul {
    flex-direction: row;
  }
  .footer .footer-content .footer-menu > ul > li {
    flex: auto;
  }
  .footer .footer-content .footer-menu .copyright {
    padding-top: 0px;
  }
}

/*------------------------------------*/
/* Styling for navigation and (sub) menues  */
/*------------------------------------*/
/*------------------------------------*/
/* NOTE - Mobile & Desktop Navigation */
/*------------------------------------*/
.header-menu {
  --nav-item-gap: calc(var(--space-2xl) / 2);
  /* Global styles for all navigation levels */
  /* Main level navigation */
  /* Second level navigation */
}
.header-menu ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.header-menu a {
  display: block;
  color: var(--text-headings);
  font-weight: 700;
  text-decoration: none;
  transition: var(--transition);
}
.header-menu > ul > li {
  /* Hover/active state */
}
.header-menu > ul > li a:hover, .header-menu > ul > li:hover > a, .header-menu > ul > li.current_page_item > a {
  color: var(--text-action);
}
.header-menu > ul > li a:active {
  color: var(--text-action-press);
  transition: none;
}
.header-menu > ul > li > ul > li {
  /* Hover/active state */
}
.header-menu > ul > li > ul > li a:hover, .header-menu > ul > li > ul > li:hover > a, .header-menu > ul > li > ul > li.current_page_item > a {
  color: var(--text-action);
}
.header-menu > ul > li > ul > li a:active {
  color: var(--text-action-press);
  transition: none;
}

/*------------------------------------*/
/* NOTE - Mobile Navigation */
/*------------------------------------*/
@media (max-width: 1024px) {
  .hamburger {
    width: auto;
  }
  .hamburger:hover {
    background: transparent;
  }
  .hamburger .hamburger-box {
    scale: 0.8;
  }
  .header-menu {
    display: none;
    max-height: calc(100dvh - 100%);
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0%;
    z-index: 999;
    background: var(--theme-neutral-white);
    /* Main level navigation */
    /* Second level navigation */
  }
  .header-menu > ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0px;
    flex-direction: column;
    align-items: stretch;
  }
  .header-menu > ul > li.menu-item {
    width: 100%;
    border-top: 1px solid var(--border-input);
    /* Hover/active state */
  }
  .header-menu > ul > li.menu-item > a {
    padding: 15px 20px;
    color: var(--text-headings, #27272a);
    /* Fließtext/Offen */
    font-family: var(--font-family-body, Inter);
    font-size: var(--font-size-sm, 15px);
    font-style: normal;
    font-weight: var(--font-weight-regular, 500);
    line-height: 160%; /* 24px */
    position: relative;
  }
  .header-menu > ul > li.menu-item > a .toggle-submenu {
    height: 100%;
    aspect-ratio: 1;
    background: var(--surface-input);
    border: 1px solid var(--border-input);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    transition: var(--transition);
    cursor: pointer;
  }
  .header-menu > ul > li.menu-item > a .toggle-submenu:after {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 9.5L12.5 15.5L18.5 9.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: var(--transition);
  }
  .header-menu > ul > li.menu-item > a .toggle-submenu.open:after {
    transform: rotate(-180deg) translate(50%, 50%);
  }
  .header-menu > ul > li.menu-item a:hover, .header-menu > ul > li.menu-item:hover > a, .header-menu > ul > li.menu-item.current_page_item > a {
    color: var(--text-action);
  }
  .header-menu > ul > li.menu-item > ul {
    display: none;
    padding-bottom: 10px;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item > a {
    padding: 10px 20px;
    font-size: 16px;
  }
  .header-menu .wv-legal-menu {
    padding: 20px;
    display: block;
  }
  .header-menu .wv-legal-menu ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 80px;
  }
  .header-menu .wv-legal-menu ul li a {
    color: var(--text-body, #52525b);
    transition: var(--transition);
    /* Fließtext/Offen */
    font-family: var(--font-family-body, Inter);
    font-size: var(--font-size-sm, 15px);
    font-style: normal;
    font-weight: var(--font-weight-regular, 500);
    line-height: 160%; /* 24px */
  }
  .header-menu .wv-legal-menu ul li a:hover {
    color: var(--text-action);
  }
  .nav__background {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    pointer-events: none;
    opacity: 0%;
    transition: var(--transition);
    transition-duration: 200ms;
  }
  .nav__background.is-active {
    opacity: 100%;
    pointer-events: all;
  }
}
/*------------------------------------*/
/* NOTE - Desktop Navigation */
/*------------------------------------*/
@media (min-width: 1025px) {
  .header-menu {
    /* Main level navigation */
    /* Second level navigation */
  }
  .header-menu .wv-legal-menu {
    display: none;
  }
  .header-menu > ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0px;
    flex-direction: row;
    gap: var(--space-2xl, 32px);
  }
  .header-menu > ul > li.menu-item {
    position: relative;
    /* Menü Item with Submenu */
    /* Hover/active state */
  }
  .header-menu > ul > li.menu-item > a {
    padding: 25px 0;
    border-top: 2px solid white;
    color: var(--text-headings, #27272a);
    font-family: var(--font-family-body, Inter);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 24px */
    letter-spacing: 0.96px;
    transition: var(--transition);
  }
  .header-menu > ul > li.menu-item.current_page_item a, .header-menu > ul > li.menu-item.current-menu-item a {
    border-top: 2px solid var(--icon-secondary, #e380a7);
  }
  .header-menu > ul > li.menu-item.menu-item-has-children {
    overflow: hidden;
  }
  .header-menu > ul > li.menu-item.menu-item-has-children > a {
    padding-right: calc(23px + var(--nav-item-gap));
    position: relative;
  }
  .header-menu > ul > li.menu-item.menu-item-has-children > a:after {
    content: "";
    display: block;
    position: absolute;
    width: 11px;
    height: 8px;
    transition: var(--transition);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.865' height='6.847' viewBox='0 0 10.865 6.847'%3E%3Cpath id='Pfad_17' data-name='Pfad 17' d='M291.258,1305.2a1,1,0,0,1-.707-1.707l3.725-3.725-3.725-3.725a1,1,0,0,1,1.414-1.414l5.14,5.14-5.14,5.14A1,1,0,0,1,291.258,1305.2Z' transform='translate(1305.196 -290.258) rotate(90)' fill='%231c1c1c'/%3E%3C/svg%3E%0A");
    top: 50%;
    right: var(--nav-item-gap);
    transform: translateY(-50%);
  }
  .header-menu > ul > li.menu-item.menu-item-has-children:hover {
    overflow: visible;
  }
  .header-menu > ul > li.menu-item.menu-item-has-children:hover > a:after {
    transform: translateY(-50%) rotate(180deg);
  }
  .header-menu > ul > li.menu-item.menu-item-has-children:hover > ul {
    opacity: 1;
    transform: translate(-50%, 0px);
  }
  .header-menu > ul > li.menu-item a:hover, .header-menu > ul > li.menu-item:hover, .header-menu > ul > li.menu-item.current_page_item {
    color: var(--Rot-Unternehmensfarbe-900, #6c0e29);
    border-top-color: var(--icon-secondary, #e380a7);
  }
  .header-menu > ul > li.menu-item > ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0px;
    flex-direction: column;
    align-items: stretch;
    top: 100%;
    left: 50%;
    min-width: 100%;
    position: absolute;
    white-space: nowrap;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    transform: translateX(-50%) translateY(10px);
    z-index: 999;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item {
    display: block;
    border-top: 1px solid var(--border-input);
    position: relative;
    background: var(--surface-page);
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item > a {
    padding: 10px;
    background-color: var(--theme-neutral-white);
    font-size: 16px;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item:first-child {
    padding-top: var(--space-xs);
    border-top: 2px solid var(--icon-secondary, #e380a7);
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item:last-child {
    padding-bottom: var(--space-xs);
  }
  .hamburger {
    display: none;
  }
}
/*------------------------------------*/
/* NOTE - Swiper slider componente */
/*------------------------------------*/
.slider__controls {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--layout-grid-gutter);
}
.slider__controls .slider__scrollbar {
  width: 10px;
  flex: auto;
}

.slider__button {
  padding: 0 !important;
  width: 30px !important;
  aspect-ratio: 1 !important;
  background-size: 30px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  border-radius: 0 !important;
}
.slider__button.--prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.2219 11.2929C4.43403 11.0808 4.64616 11.01 4.929 11.01L19.0711 11.0101C19.6368 11.0101 20.0611 11.4343 20.0611 12C20.0611 12.5657 19.6368 12.9899 19.0711 12.9899L4.929 12.9899C4.36332 12.9899 3.93905 12.5657 3.93905 12C3.93905 11.7172 4.00977 11.505 4.2219 11.2929Z' fill='%23E380A7'/%3E%3Cpath d='M4.2219 11.2929L10.5859 4.92893C11.0101 4.50467 11.5758 4.50467 12.0001 4.92893C12.4243 5.3532 12.4243 5.91888 12.0001 6.34315L6.34322 12L12.0001 17.6569C12.4243 18.0811 12.4243 18.6468 12.0001 19.0711C11.5758 19.4953 11.0101 19.4953 10.5859 19.0711L4.2219 12.7071C3.79763 12.2828 3.79763 11.7172 4.2219 11.2929Z' fill='%23E380A7'/%3E%3C/svg%3E") !important;
}
.slider__button.--next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.7781 12.7071C19.566 12.9192 19.3538 12.99 19.071 12.99L4.92886 12.9899C4.36318 12.9899 3.93891 12.5657 3.93891 12C3.93891 11.4343 4.36318 11.0101 4.92886 11.0101L19.071 11.0101C19.6367 11.0101 20.0609 11.4343 20.0609 12C20.0609 12.2828 19.9902 12.495 19.7781 12.7071Z' fill='%23E380A7'/%3E%3Cpath d='M19.7781 12.7071L13.4141 19.0711C12.9899 19.4953 12.4242 19.4953 11.9999 19.0711C11.5757 18.6468 11.5757 18.0811 11.9999 17.6569L17.6568 12L11.9999 6.34315C11.5757 5.91888 11.5757 5.3532 11.9999 4.92893C12.4242 4.50467 12.9899 4.50467 13.4141 4.92893L19.7781 11.2929C20.2024 11.7172 20.2024 12.2828 19.7781 12.7071Z' fill='%23E380A7'/%3E%3C/svg%3E") !important;
}
.slider__button:disabled.--prev, .slider__button:disabled.--next {
  opacity: 0.3;
}
.slider__scrollbar {
  height: 8px;
  width: 100%;
  max-width: 400px;
  background: var(--surface-input);
  border: 1px solid var(--border-input);
  border-radius: 10px;
}
.slider__scrollbar__drag {
  margin: -1px;
  height: calc(100% + 2px);
  background: var(--surface-action);
  cursor: pointer;
  position: relative;
  border-radius: 10px;
}
.slider__scrollbar__drag:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.slider__scrollbar__drag:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--surface-action);
  border-radius: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: var(--transition-fast);
  z-index: -1;
  opacity: 20%;
}
.slider__scrollbar__drag.--dragging:after, .slider__scrollbar__drag:hover:after {
  width: calc(100% + 8px);
  height: calc(100% + 8px);
}

.slider__pagination {
  --slider__pagination-gap: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
  flex-direction: row;
  justify-content: center;
  gap: var(--slider__pagination-gap);
}
.slider__pagination .slider__pagination__bullet {
  width: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--button-primary-default);
  transition: var(--transition);
  position: relative;
}
.slider__pagination .slider__pagination__bullet.--active {
  background: var(--text-action);
}
.slider__pagination .slider__pagination__bullet:before {
  content: "";
  width: calc(100% + var(--slider__pagination-gap));
  height: calc(100% + var(--slider__pagination-gap));
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.slider__pagination.--vertical {
  flex-direction: column;
}
.slider__pagination.--clickable .slider__pagination__bullet:not(.--active) {
  cursor: pointer;
}
.slider__pagination.--clickable .slider__pagination__bullet:not(.--active):hover {
  background: var(--button-accent-hover);
}
.slider__pagination.--clickable .slider__pagination__bullet:not(.--active):active {
  background: var(--button-accent-action);
  transition: none;
}

.swiper {
  /*------------------------------------*/
  /* Responsive */
  /*------------------------------------*/
}
.swiper:hover .slider-button.--prev {
  left: 0px;
}
.swiper:hover .slider-button.--next {
  right: 0px;
}
@media (max-width: 768px) {
  .swiper .slider-button.--prev {
    left: 0px;
  }
  .swiper .slider-button.--next {
    right: 0px;
  }
}

/*------------------------------------*/
/* SECTION - Responsive */
/*------------------------------------*/
@media (max-width: 768px) {
  .slider__button {
    width: 46px !important;
    background-size: 16px !important;
  }
}
.single-stellenangebote .intro-container .content-container > *:is(h1, h2, h3, h4, h5, h6, p, a, ul):not(.button):first-child {
  margin-top: 0;
  padding-top: 0;
}
.single-stellenangebote .criteria-container {
  margin-top: 42px;
}
.single-stellenangebote .criteria-container h3 {
  padding: 0;
}
.single-stellenangebote .criteria-container ul {
  --wv-ul-marker-size: 10px;
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
  flex-direction: column;
  gap: 14px;
  list-style: none;
}
.single-stellenangebote .criteria-container ul li {
  font-family: var(--font-family-body);
  font-size: calc(15px + 1 * (100vw - 520px) / 600);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-default-lineheight);
  color: var(--text-body);
  padding-left: calc(var(--wv-ul-marker-size) + 20px);
  position: relative;
  text-align: left;
}
@media screen and (max-width: 520px) {
  .single-stellenangebote .criteria-container ul li {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  .single-stellenangebote .criteria-container ul li {
    font-size: 16px;
  }
}
.single-stellenangebote .criteria-container ul li:before {
  content: "";
  display: block;
  position: absolute;
  width: var(--wv-ul-marker-size);
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='6' height='6' rx='3' fill='black' style='fill:black;fill-opacity:1;'/%3E%3C/svg%3E%0A");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Ccircle cx='5' cy='5' r='2' fill='%23FFBAC8'/%3E%3Ccircle cx='5' cy='5' r='4.55' stroke='%23FFBAC8' stroke-width='0.9'/%3E%3C/svg%3E");
  left: 0;
  top: 50%;
  translate: 0 -50%;
}
@media (max-width: 768px) {
  .single-stellenangebote .criteria-container ul {
    --wv-ul-marker-size: 5px;
  }
  .single-stellenangebote .criteria-container ul li {
    padding-left: calc(var(--wv-ul-marker-size) + 10px);
  }
}
.single-stellenangebote .criteria-container .content-container {
  margin-bottom: 42px;
}

/*------------------------------------*/
/* STYLES - Form */
/*------------------------------------*/
/*------------------------------------*/
/* SECTION - Mixins */
/*------------------------------------*/
/*------------------------------------*/
/* SECTION - Styling */
/*------------------------------------*/
form.wpcf7-form p {
  width: 100%;
}
form.wpcf7-form br {
  display: none;
}
form.wpcf7-form input[type=text],
form.wpcf7-form input[type=email],
form.wpcf7-form input[type=tel],
form.wpcf7-form input[type=date],
form.wpcf7-form input[type=url],
form.wpcf7-form input[type=number],
form.wpcf7-form textarea {
  outline: none !important;
  width: 100%;
  padding: 12px var(--components-input-padding-x, 20px);
  appearance: none;
  letter-spacing: normal;
  transition: var(--transition-fast);
  border-radius: var(--components-input-radius, 4px);
  border: 1px solid var(--border-input, #f4f4f5);
  background: var(--surface-input, #f4f4f5);
  color: var(--text-placeholder, #a1a1aa);
  /* Fließtext/Offen */
  font-family: var(--font-family-body, Inter);
  font-size: var(--font-size-sm, 16px);
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 160%; /* 25.6px */
}
form.wpcf7-form input[type=text]::-webkit-input-placeholder, form.wpcf7-form input[type=text]:-ms-input-placeholder, form.wpcf7-form input[type=text]::placeholder,
form.wpcf7-form input[type=email]::-webkit-input-placeholder,
form.wpcf7-form input[type=email]:-ms-input-placeholder,
form.wpcf7-form input[type=email]::placeholder,
form.wpcf7-form input[type=tel]::-webkit-input-placeholder,
form.wpcf7-form input[type=tel]:-ms-input-placeholder,
form.wpcf7-form input[type=tel]::placeholder,
form.wpcf7-form input[type=date]::-webkit-input-placeholder,
form.wpcf7-form input[type=date]:-ms-input-placeholder,
form.wpcf7-form input[type=date]::placeholder,
form.wpcf7-form input[type=url]::-webkit-input-placeholder,
form.wpcf7-form input[type=url]:-ms-input-placeholder,
form.wpcf7-form input[type=url]::placeholder,
form.wpcf7-form input[type=number]::-webkit-input-placeholder,
form.wpcf7-form input[type=number]:-ms-input-placeholder,
form.wpcf7-form input[type=number]::placeholder,
form.wpcf7-form textarea::-webkit-input-placeholder,
form.wpcf7-form textarea:-ms-input-placeholder,
form.wpcf7-form textarea::placeholder {
  color: var(--text-body);
}
form.wpcf7-form input[type=text]:not([aria-invalid=true]):hover,
form.wpcf7-form input[type=email]:not([aria-invalid=true]):hover,
form.wpcf7-form input[type=tel]:not([aria-invalid=true]):hover,
form.wpcf7-form input[type=date]:not([aria-invalid=true]):hover,
form.wpcf7-form input[type=url]:not([aria-invalid=true]):hover,
form.wpcf7-form input[type=number]:not([aria-invalid=true]):hover,
form.wpcf7-form textarea:not([aria-invalid=true]):hover {
  border-color: var(--border-input-hover);
}
form.wpcf7-form input[type=text]:not([aria-invalid=true]):focus,
form.wpcf7-form input[type=email]:not([aria-invalid=true]):focus,
form.wpcf7-form input[type=tel]:not([aria-invalid=true]):focus,
form.wpcf7-form input[type=date]:not([aria-invalid=true]):focus,
form.wpcf7-form input[type=url]:not([aria-invalid=true]):focus,
form.wpcf7-form input[type=number]:not([aria-invalid=true]):focus,
form.wpcf7-form textarea:not([aria-invalid=true]):focus {
  border-color: var(--border-input-focus);
}
form.wpcf7-form input[type=text][aria-invalid=true],
form.wpcf7-form input[type=email][aria-invalid=true],
form.wpcf7-form input[type=tel][aria-invalid=true],
form.wpcf7-form input[type=date][aria-invalid=true],
form.wpcf7-form input[type=url][aria-invalid=true],
form.wpcf7-form input[type=number][aria-invalid=true],
form.wpcf7-form textarea[aria-invalid=true] {
  background: var(--surface-error);
  border-color: var(--border-input-error);
}
form.wpcf7-form input[type=text]:disabled,
form.wpcf7-form input[type=email]:disabled,
form.wpcf7-form input[type=tel]:disabled,
form.wpcf7-form input[type=date]:disabled,
form.wpcf7-form input[type=url]:disabled,
form.wpcf7-form input[type=number]:disabled,
form.wpcf7-form textarea:disabled {
  opacity: 50%;
  cursor: not-allowed;
}
form.wpcf7-form select {
  outline: none !important;
  width: 100%;
  padding: 12px var(--components-input-padding-x, 20px);
  appearance: none;
  letter-spacing: normal;
  transition: var(--transition-fast);
  border-radius: var(--components-input-radius, 4px);
  border: 1px solid var(--border-input, #f4f4f5);
  background: var(--surface-input, #f4f4f5);
  color: var(--text-placeholder, #a1a1aa);
  /* Fließtext/Offen */
  font-family: var(--font-family-body, Inter);
  font-size: var(--font-size-sm, 16px);
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 160%; /* 25.6px */
  appearance: none;
  background-size: 12px;
  background-position: calc(100% - 20px) center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.0279 3.44434L6.00027 8.55591L10.9726 3.44434' stroke='black' stroke-width='1.1' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  letter-spacing: normal;
}
form.wpcf7-form select::-webkit-input-placeholder, form.wpcf7-form select:-ms-input-placeholder, form.wpcf7-form select::placeholder {
  color: var(--text-body);
}
form.wpcf7-form select:not([aria-invalid=true]):hover {
  border-color: var(--border-input-hover);
}
form.wpcf7-form select:not([aria-invalid=true]):focus {
  border-color: var(--border-input-focus);
}
form.wpcf7-form select[aria-invalid=true] {
  background: var(--surface-error);
  border-color: var(--border-input-error);
}
form.wpcf7-form select:disabled {
  opacity: 50%;
  cursor: not-allowed;
}
form.wpcf7-form textarea {
  height: 250px;
  resize: none;
}
form.wpcf7-form .wpcf7-checkbox,
form.wpcf7-form .wpcf7-acceptance,
form.wpcf7-form .wpcf7-radio {
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  position: relative;
}
form.wpcf7-form .wpcf7-checkbox label span,
form.wpcf7-form .wpcf7-acceptance label span,
form.wpcf7-form .wpcf7-radio label span {
  font-size: 14px !important;
}
form.wpcf7-form .wpcf7-checkbox span,
form.wpcf7-form .wpcf7-acceptance span,
form.wpcf7-form .wpcf7-radio span {
  margin: 0px;
}
form.wpcf7-form .wpcf7-checkbox label,
form.wpcf7-form .wpcf7-acceptance label {
  display: flex !important;
  position: relative;
  cursor: pointer;
}
form.wpcf7-form .wpcf7-checkbox label input[type=checkbox],
form.wpcf7-form .wpcf7-checkbox label input[type=radio],
form.wpcf7-form .wpcf7-acceptance label input[type=checkbox],
form.wpcf7-form .wpcf7-acceptance label input[type=radio] {
  display: none;
}
form.wpcf7-form .wpcf7-checkbox label:before,
form.wpcf7-form .wpcf7-acceptance label:before {
  content: "";
  display: block;
  margin: 4px var(--space-md) 0 0;
  height: 20px;
  width: 20px;
  min-width: 20px;
  background-color: var(--surface-selector);
  border: solid 1px var(--border-selector);
  border-radius: 4px;
  transition: var(--transition-fast);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 4.00024L4.06471 6.95459L9.5 1.0459' stroke='%23EF6F2A' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath d='M0.800049 3.65454L4.36476 6.60889L9.80005 0.700195' stroke='%23FFBAC8' stroke-width='2'/%3E%3C/svg%3E");
  background-size: 0;
}
form.wpcf7-form .wpcf7-checkbox label span,
form.wpcf7-form .wpcf7-acceptance label span {
  line-height: var(--font-body-lineheight);
  font-size: calc(15px + 0 * (100vw - 520px) / 600);
  font-size: calc(16px + 0 * (100vw - 520px) / 600);
  padding-top: 0;
  color: var(--text-body);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, Inter);
  font-size: var(--font-size-xs, 14px);
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 21px; /* 150% */
}
@media screen and (max-width: 520px) {
  form.wpcf7-form .wpcf7-checkbox label span,
  form.wpcf7-form .wpcf7-acceptance label span {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  form.wpcf7-form .wpcf7-checkbox label span,
  form.wpcf7-form .wpcf7-acceptance label span {
    font-size: 15px;
  }
}
@media screen and (max-width: 520px) {
  form.wpcf7-form .wpcf7-checkbox label span,
  form.wpcf7-form .wpcf7-acceptance label span {
    font-size: 16px;
  }
}
@media screen and (min-width: 1120px) {
  form.wpcf7-form .wpcf7-checkbox label span,
  form.wpcf7-form .wpcf7-acceptance label span {
    font-size: 16px;
  }
}
form.wpcf7-form .wpcf7-checkbox label:hover:before,
form.wpcf7-form .wpcf7-acceptance label:hover:before {
  background-color: var(--surface-selector-hover);
  border-color: var(--border-selector-active);
}
form.wpcf7-form .wpcf7-checkbox label:has(input:active):before,
form.wpcf7-form .wpcf7-acceptance label:has(input:active):before {
  background-color: var(--surface-selector-press);
  border-color: var(--border-selector-active);
}
form.wpcf7-form .wpcf7-checkbox label:has(input:checked):before,
form.wpcf7-form .wpcf7-acceptance label:has(input:checked):before {
  border-color: var(--surface-selector-hover, #fff1f3);
  background-size: 10px;
}
form.wpcf7-form .wpcf7-radio label {
  display: flex !important;
  position: relative;
  cursor: pointer;
}
form.wpcf7-form .wpcf7-radio label input[type=checkbox],
form.wpcf7-form .wpcf7-radio label input[type=radio] {
  display: none;
}
form.wpcf7-form .wpcf7-radio label:before {
  content: "";
  display: block;
  margin: 4px var(--space-md) 0 0;
  height: 20px;
  width: 20px;
  min-width: 20px;
  background-color: var(--surface-selector);
  border: solid 1px var(--border-selector);
  border-radius: 4px;
  transition: var(--transition-fast);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 4.00024L4.06471 6.95459L9.5 1.0459' stroke='%23EF6F2A' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath d='M0.800049 3.65454L4.36476 6.60889L9.80005 0.700195' stroke='%23FFBAC8' stroke-width='2'/%3E%3C/svg%3E");
  background-size: 0;
}
form.wpcf7-form .wpcf7-radio label span {
  line-height: var(--font-body-lineheight);
  font-size: calc(15px + 0 * (100vw - 520px) / 600);
  font-size: calc(16px + 0 * (100vw - 520px) / 600);
  padding-top: 0;
  color: var(--text-body);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, Inter);
  font-size: var(--font-size-xs, 14px);
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 21px; /* 150% */
}
@media screen and (max-width: 520px) {
  form.wpcf7-form .wpcf7-radio label span {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  form.wpcf7-form .wpcf7-radio label span {
    font-size: 15px;
  }
}
@media screen and (max-width: 520px) {
  form.wpcf7-form .wpcf7-radio label span {
    font-size: 16px;
  }
}
@media screen and (min-width: 1120px) {
  form.wpcf7-form .wpcf7-radio label span {
    font-size: 16px;
  }
}
form.wpcf7-form .wpcf7-radio label:hover:before {
  background-color: var(--surface-selector-hover);
  border-color: var(--border-selector-active);
}
form.wpcf7-form .wpcf7-radio label:has(input:active):before {
  background-color: var(--surface-selector-press);
  border-color: var(--border-selector-active);
}
form.wpcf7-form .wpcf7-radio label:has(input:checked):before {
  border-color: var(--surface-selector-hover, #fff1f3);
  background-size: 10px;
}
form.wpcf7-form .wpcf7-radio label:before {
  border-radius: 50%;
}
form.wpcf7-form .wpcf7-radio label:has(input:checked):before {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5C0 2.23858 2.23858 0 5 0C7.76142 0 10 2.23858 10 5C10 7.76142 7.76142 10 5 10C2.23858 10 0 7.76142 0 5Z' fill='%23FFBAC8'/%3E%3C/svg%3E%0A");
}
form.wpcf7-form .error,
form.wpcf7-form .wpcf7-not-valid-tip {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding-top: var(--space-md);
  font-size: 13px;
  font-weight: 500;
  color: var(--text-error);
}
form.wpcf7-form .error:empty,
form.wpcf7-form .wpcf7-not-valid-tip:empty {
  display: none;
}
form.wpcf7-form .error:before,
form.wpcf7-form .wpcf7-not-valid-tip:before {
  display: block;
  width: 16px;
  min-width: 16px;
  height: 16px;
}
form.wpcf7-form .error:before,
form.wpcf7-form .wpcf7-not-valid-tip:before {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23FFF1F2'/%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' stroke='%23E11D48'/%3E%3Cpath d='M8.63029 9.47986L7.38029 9.47986L7.38029 4.13986L8.63029 4.13986L8.63029 9.47986ZM8.00029 10.3599C8.22696 10.3599 8.41696 10.4299 8.57029 10.5699C8.72363 10.7165 8.80029 10.8965 8.80029 11.1099C8.80029 11.3232 8.72363 11.4999 8.57029 11.6399C8.41696 11.7865 8.22696 11.8599 8.00029 11.8599C7.77363 11.8599 7.58363 11.7899 7.43029 11.6499C7.27696 11.5165 7.20029 11.3465 7.20029 11.1399C7.20029 10.9199 7.27696 10.7332 7.43029 10.5799C7.57696 10.4332 7.76696 10.3599 8.00029 10.3599Z' fill='%23E11D48'/%3E%3C/svg%3E%0A");
}
form.wpcf7-form .notice {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding-top: var(--space-md);
  font-size: 13px;
  font-weight: 500;
  color: var(--text-notice);
}
form.wpcf7-form .notice:empty {
  display: none;
}
form.wpcf7-form .notice:before {
  display: block;
  width: 16px;
  min-width: 16px;
  height: 16px;
}
form.wpcf7-form .notice:before {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23F0F9FF'/%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' stroke='%230EA5E9'/%3E%3Cpath d='M7.36995 6.52014H8.61995V11.8601H7.36995V6.52014ZM7.99995 5.64014C7.77328 5.64014 7.58328 5.57014 7.42995 5.43014C7.27662 5.28347 7.19995 5.10347 7.19995 4.89014C7.19995 4.6768 7.27662 4.50014 7.42995 4.36014C7.58328 4.21347 7.77328 4.14014 7.99995 4.14014C8.22662 4.14014 8.41662 4.21014 8.56995 4.35014C8.72328 4.48347 8.79995 4.65347 8.79995 4.86014C8.79995 5.08014 8.72328 5.2668 8.56995 5.42014C8.42328 5.5668 8.23328 5.64014 7.99995 5.64014Z' fill='%230EA5E9'/%3E%3C/svg%3E%0A");
}
form.wpcf7-form p.required {
  line-height: var(--font-body-lineheight);
  font-size: calc(15px + 0 * (100vw - 520px) / 600);
  font-size: calc(16px + 0 * (100vw - 520px) / 600);
  padding: 0;
  width: fit-content;
  color: var(--text-body);
  font-family: var(--font-family-body, "Inter");
  font-size: calc(13px + 1 * (100vw - 520px) / 600);
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 21px; /* 150% */
}
@media screen and (max-width: 520px) {
  form.wpcf7-form p.required {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  form.wpcf7-form p.required {
    font-size: 15px;
  }
}
@media screen and (max-width: 520px) {
  form.wpcf7-form p.required {
    font-size: 16px;
  }
}
@media screen and (min-width: 1120px) {
  form.wpcf7-form p.required {
    font-size: 16px;
  }
}
@media screen and (max-width: 520px) {
  form.wpcf7-form p.required {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  form.wpcf7-form p.required {
    font-size: 14px;
  }
}
form.wpcf7-form .wpcf7-spinner {
  position: absolute;
  left: 7px;
  bottom: 16px;
  margin: 0px;
}

.standard-formular {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  gap: var(--space-xl);
}
.standard-formular > label {
  width: 100%;
}
.standard-formular > label span {
  display: block;
  width: 100%;
}
.standard-formular > label span.labeltext {
  padding-bottom: var(--space-md);
  color: var(--text-headings, #27272a) !important;
  font-family: var(--font-family-headings, "Inter");
  font-size: var(--font-size-2xs, 12px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 600);
  line-height: 150%; /* 18px */
}
.standard-formular > label span.labeltext .required {
  display: inline;
}
.standard-formular > .button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.standard-formular .codedropz-upload-wrapper {
  margin-top: 0;
}
.standard-formular .codedropz-upload-wrapper .codedropz-upload-container {
  padding: 0;
  padding-top: 45.5px;
}
.standard-formular .codedropz-upload-wrapper .codedropz-upload-container h3,
.standard-formular .codedropz-upload-wrapper .codedropz-upload-container span {
  color: var(--text-headings, #27272a);
  text-align: center;
  font-family: var(--font-family-headings, Inter);
  font-size: var(--font-size-xs, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-xs, 21px); /* 150% */
}
.standard-formular .codedropz-upload-wrapper .codedropz-upload-container .codedropz-upload-inner {
  overflow: visible;
  position: relative;
}
.standard-formular .codedropz-upload-wrapper .codedropz-upload-container .codedropz-upload-inner:before {
  content: "";
  position: absolute;
  top: calc(-100% - 16px);
  left: 50%;
  transform: translate(-50%, 0);
  width: 30px;
  height: 30px;
  border-radius: var(--components-input-radius, 4px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='31' viewBox='0 0 30 31' fill='none'%3E%3Cg clip-path='url(%23clip0_3998_4319)'%3E%3Cpath d='M16.8472 29.5625L18.7636 27.6763C19.7042 26.7435 19.7042 25.231 18.7636 24.2982L16.8472 22.412M18.8732 25.9873H9.27967C7.30513 25.9873 5.70445 24.3866 5.70445 22.412V19.3731M24.236 3.82098C24.236 2.50464 23.1688 1.4375 21.8525 1.4375C20.5361 1.4375 19.469 2.50464 19.469 3.82098C19.469 5.13731 20.5361 6.20445 21.8525 6.20445C23.1688 6.20445 24.236 5.13731 24.236 3.82098ZM24.236 3.82098C24.236 2.50464 25.3031 1.4375 26.6195 1.4375C27.9358 1.4375 29.0029 2.50464 29.0029 3.82098C29.0029 5.13731 27.9358 6.20445 26.6195 6.20445C25.3031 6.20445 24.236 5.13731 24.236 3.82098ZM29.0625 6.26403H1.05668M22.9847 29.5669H25.4872C27.4618 29.5669 29.0625 27.9662 29.0625 25.9917V19.7926C29.0625 17.8181 27.4619 16.2174 25.4874 16.2173L20.9587 16.2172V16.1561C20.9587 14.8399 19.8919 13.7728 18.5756 13.7726L14.9408 13.772C13.6243 13.7718 12.557 14.8389 12.557 16.1555V21.2203M2.18883 25.6894C1.44661 25.0342 0.9375 24.0757 0.9375 23.0079V3.82098C0.9375 2.50464 2.00464 1.4375 3.32097 1.4375H26.679C27.9953 1.4375 29.0625 2.50464 29.0625 3.82098V12.2823' stroke='%2327272A' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3998_4319'%3E%3Crect width='30' height='30' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}
.standard-formular .codedropz-upload-wrapper .codedropz-upload-container .codedropz-upload-inner * {
  padding: 0;
  margin: 0;
  display: inline;
}
.standard-formular .codedropz-upload-wrapper .codedropz-upload-handler {
  border-radius: var(--components-input-radius, 4px);
  border: 1px dashed var(--border-input-focus, #ffbac8);
  background: var(--surface-input, #f4f4f5);
  min-height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-color: var(--surface-input, #f4f4f5);
  padding: var(--components-input-padding-x, 20px);
}
.standard-formular .codedropz-upload-wrapper .codedropz-upload-handler a.cd-upload-btn {
  color: var(--text-action, #e380a7);
  font-family: var(--font-family-headings, Inter);
  font-size: var(--font-size-xs, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-xs, 21px);
  text-decoration: underline;
}
.standard-formular .codedropz-upload-wrapper .codedropz-upload-handler .dnd-upload-counter {
  display: none;
}

/*------------------------------------*/
/* SECTION - Responsive */
/*------------------------------------*/
@media (min-width: 521px) {
  .standard-formular > label {
    min-width: 100px;
  }
  .standard-formular > label.full, .standard-formular > label.ten {
    width: 100%;
    flex-grow: 10;
  }
  .standard-formular > label.nine {
    width: calc(90% - var(--space-xl));
    flex-grow: 9;
  }
  .standard-formular > label.eight {
    width: calc(80% - var(--space-xl));
    flex-grow: 8;
  }
  .standard-formular > label.seven {
    width: calc(70% - var(--space-xl));
    flex-grow: 7;
  }
  .standard-formular > label.six {
    width: calc(60% - var(--space-xl));
    flex-grow: 6;
  }
  .standard-formular > label.half, .standard-formular > label.five {
    width: calc(50% - var(--space-xl));
    flex-grow: 5;
  }
  .standard-formular > label.four {
    width: calc(40% - var(--space-xl));
    flex-grow: 4;
  }
  .standard-formular > label.three {
    width: calc(30% - var(--space-xl));
    flex-grow: 3;
  }
  .standard-formular > label.two {
    width: calc(20% - var(--space-xl));
    flex-grow: 2;
  }
  .standard-formular > label.one {
    width: calc(10% - var(--space-xl));
    flex-grow: 1;
  }
}
/*------------------------------------*\
    BOX20.SCSS

	Sets the width of a column based on its parent container - .box20 or .wp-block-columns.box20 .col;

	Layout for 2 columns layout on desktop 

\*------------------------------------*/
@media (min-width: 769px) {
  .box50 > .col,
  .wp-block-columns.box50 > .wp-block-column {
    width: calc(50% - var(--layout-outergap) / 2);
  }
}

/*------------------------------------*\
    BOX20.SCSS

	Sets the width of a column based on its parent container - .box20 or .wp-block-columns.box20 .col;

	Layout for 3 columns layout on desktop 

\*------------------------------------*/
@media (min-width: 769px) {
  .box33 .col,
  .box33 .wp-block-column,
  .wp-block-columns.box33 .col,
  .wp-block-columns.box33 .wp-block-column {
    width: calc(33.333% - var(--layout-outergap) * 2 / 3);
  }
}

/*------------------------------------*\
    BOX20.SCSS

	Sets the width of a column based on its parent container - .box20 or .wp-block-columns.box20 .col;

	Layout for 4 columns layout on desktop 

\*------------------------------------*/
@media (min-width: 521px) {
  .box25 .col,
  .box25 .wp-block-column,
  .wp-block-columns.box25 .col,
  .wp-block-columns.box25 .wp-block-column {
    width: calc(50% - var(--layout-outergap) / 2);
  }
}
@media (min-width: 1025px) {
  .box25 .col,
  .box25 .wp-block-column,
  .wp-block-columns.box25 .col,
  .wp-block-columns.box25 .wp-block-column {
    width: calc(25% - var(--layout-outergap) * 3 / 4);
  }
}

/*------------------------------------*\
    BOX20.SCSS

	Sets the width of a column based on its parent container - .box20 or .wp-block-columns.box20 .col;

	Layout for 5 columns layout on desktop 

\*------------------------------------*/
@media (min-width: 521px) {
  .box20 .col,
  .box20 .wp-block-column,
  .wp-block-columns.box20 .col,
  .wp-block-columns.box20 .wp-block-column {
    width: calc(50% - var(--layout-outergap) / 2);
  }
}
@media (min-width: 1025px) {
  .box20 .col,
  .box20 .wp-block-column,
  .wp-block-columns.box20 .col,
  .wp-block-columns.box20 .wp-block-column {
    width: calc(20% - var(--layout-outergap) * 4 / 5);
  }
}

/*------------------------------------*/
/* ACF BLOCK - inner */
/*------------------------------------*/
/*------------------------------------*/
/* ACF BLOCK - Stellenanzeigen */
/*------------------------------------*/
.vacancies {
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.vacancies .inner {
  gap: var(--space-700, 32px);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: wrap;
}
.vacancies .inner > .text-container {
  max-width: 454px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
}
.vacancies .inner .jobs-container {
  width: 100%;
}
.vacancies .inner .container {
  display: flex;
  align-items: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
}
.vacancies .inner .text-container {
  flex-direction: column;
  gap: var(--space-600, 20px);
}
.vacancies .inner .text-container .wysiwyg > *:is(h1, h2, h3, h4, h5, h6, p, a, ul):not(.button):first-child {
  margin-top: 0;
  padding-top: 0;
}
.vacancies .inner .text-container .wysiwyg strong {
  color: var(--text-highlight, #e380a7);
  font-weight: 700;
}
.vacancies .contact-partner {
  display: flex;
  align-items: flex-end;
  align-self: stretch;
  gap: var(--space-500, 16px);
}
@media (max-width: 400px) {
  .vacancies .contact-partner {
    flex-direction: column;
  }
}
.vacancies .contact-partner .image-container {
  height: 188px;
}
.vacancies .contact-partner .information {
  display: flex;
  flex-direction: column;
  gap: var(--space-200, 4px);
  flex: 1 0 0;
}
.vacancies .contact-partner .information h5,
.vacancies .contact-partner .information h6,
.vacancies .contact-partner .information p {
  padding: 0;
}
.vacancies .contact-partner .information h5 {
  color: var(--text-highlight, #e380a7);
  line-height: var(--font-line-height-md, 25.5px); /* 150% */
}
.vacancies .contact-partner .information h6 {
  color: var(--text-headings, #27272a);
  line-height: var(--font-line-height-sm, 22.5px); /* 150% */
}
.vacancies .contact-partner .information h6 p {
  color: #787878;
  line-height: 160%; /* 24px */
}
@media (min-width: 769px) {
  .vacancies .container {
    width: calc(41.6% - 30px);
  }
  .vacancies .inner > .text-container {
    width: calc(50% - 30px);
  }
  .vacancies .inner .jobs-container {
    width: calc(50% - 30px);
  }
}

/*------------------------------------*/
/* ACF BLOCK - Adresse */
/*------------------------------------*/
.address {
  position: relative;
  min-height: 283px;
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.address > .image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
}
.address .content-container {
  text-align: center;
  padding: 80px 0;
}
.address .content-container .text-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: var(--space-sm, 8px);
}
.address .content-container .text-container .link {
  text-decoration: none;
}
.address .content-container .text-container .image-container {
  width: 24px;
  height: 24px;
}
.address .content-container .text-container .image-container img {
  border-radius: 0;
}
.address .content-container .text-container h2,
.address .content-container .text-container p {
  padding: 0;
}
.address .content-container .text-container p.text {
  color: var(--Rot-Unternehmensfarbe-900, #6c0e29);
  font-size: var(--font-size-sm, 16px);
  line-height: 160%; /* 25.6px */
}
@media (min-width: 769px) {
  .address > .image-container {
    width: 100%;
  }
}

/*------------------------------------*/
/* ACF BLOCK - Cards */
/*------------------------------------*/
.cards {
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.cards .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-600, 20px);
}
.cards .card {
  flex: 1;
  display: flex;
  padding: var(--box-padding-small, 16px);
  flex-direction: column;
  align-items: center;
  gap: var(--space-sm, 8px);
  align-self: stretch;
  border-radius: var(--radius-large, 16px);
  background: var(--surface-box, #f4f4f5);
  min-width: 250px;
  max-width: 100%;
  position: relative;
}
.cards .card .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.cards .card .link:hover {
  cursor: pointer;
}
.cards .card .image-container {
  width: 24px;
  height: 24px;
}
.cards .card .headline {
  margin: 0px;
  padding: var(--font-default-linegap) 0px 0px;
  color: var(--text-headings);
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-default-lineheight);
  font-size: calc(17px + 1 * (100vw - 520px) / 600);
  line-height: var(--font-line-height-md, 27px); /* 150% */
  color: var(--text-headings, #27272a);
  line-height: var(--font-line-height-md, 27px); /* 150% */
}
@media screen and (max-width: 520px) {
  .cards .card .headline {
    font-size: 17px;
  }
}
@media screen and (min-width: 1120px) {
  .cards .card .headline {
    font-size: 18px;
  }
}
.cards .card .text {
  font-family: var(--font-family-body);
  font-size: calc(15px + 1 * (100vw - 520px) / 600);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-default-lineheight);
  color: var(--text-body);
  color: var(--text-body, #52525b);
  text-align: center;
  font-weight: var(--font-weight-regular, 500);
  line-height: 160%; /* 25.6px */
}
@media screen and (max-width: 520px) {
  .cards .card .text {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  .cards .card .text {
    font-size: 16px;
  }
}
.cards .card .headline,
.cards .card p {
  padding: 0;
  text-align: center;
}
.cards + .cards {
  margin-top: var(--space-700, 32px);
}
@media (min-width: 769px) {
  .cards .inner {
    flex-direction: row;
  }
  .cards .card {
    padding: var(--box-padding-small, 20px);
  }
}

/*------------------------------------*/
/* ACF BLOCK - Kundenstimme */
/*------------------------------------*/
.testimonials-accent {
  background: var(--Rot-Unternehmensfarbe-50, #fff1f2);
  position: relative;
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.testimonials-accent .bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='1234' height='408' viewBox='0 0 1234 408' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4166_14183)'%3E%3Cpath d='M1057.78 341.977C1078.34 381.955 1077.69 384.403 1039.89 408.742C1079.87 388.177 1082.31 388.833 1106.65 426.632C1086.09 386.654 1086.75 384.206 1124.54 359.866C1084.57 380.431 1082.12 379.776 1057.78 341.977Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip1_4166_14183)'%3E%3Cpath d='M1137.95 295.889C1158.52 335.867 1157.86 338.315 1120.06 362.654C1160.04 342.089 1162.49 342.745 1186.83 380.544C1166.26 340.566 1166.92 338.118 1204.72 313.778C1164.74 334.344 1162.29 333.688 1137.95 295.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip2_4166_14183)'%3E%3Cpath d='M1074.95 278.889C1095.52 318.867 1094.86 321.315 1057.06 345.654C1097.04 325.089 1099.49 325.745 1123.83 363.544C1103.26 323.566 1103.92 321.118 1141.72 296.778C1101.74 317.344 1099.29 316.688 1074.95 278.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip3_4166_14183)'%3E%3Cpath d='M851.779 358.977C872.344 398.955 871.688 401.403 833.889 425.742C873.867 405.177 876.315 405.833 900.654 443.632C880.089 403.654 880.745 401.206 918.544 376.866C878.566 397.431 876.118 396.776 851.779 358.977Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip4_4166_14183)'%3E%3Cpath d='M931.954 312.889C952.52 352.867 951.864 355.315 914.065 379.654C954.043 359.089 956.491 359.745 980.83 397.544C960.265 357.566 960.921 355.118 998.72 330.778C958.742 351.344 956.294 350.688 931.954 312.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip5_4166_14183)'%3E%3Cpath d='M868.954 295.889C889.52 335.867 888.864 338.315 851.065 362.654C891.043 342.089 893.491 342.745 917.83 380.544C897.265 340.566 897.921 338.118 935.72 313.778C895.742 334.344 893.294 333.688 868.954 295.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip6_4166_14183)'%3E%3Cpath d='M1046.78 138.977C1067.34 178.955 1066.69 181.403 1028.89 205.742C1068.87 185.177 1071.31 185.833 1095.65 223.632C1075.09 183.654 1075.75 181.206 1113.54 156.866C1073.57 177.431 1071.12 176.775 1046.78 138.977Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip7_4166_14183)'%3E%3Cpath d='M1126.95 92.8888C1147.52 132.867 1146.86 135.315 1109.06 159.654C1149.04 139.089 1151.49 139.745 1175.83 177.544C1155.26 137.566 1155.92 135.118 1193.72 110.778C1153.74 131.344 1151.29 130.688 1126.95 92.8888Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip8_4166_14183)'%3E%3Cpath d='M1063.95 75.8888C1084.52 115.867 1083.86 118.315 1046.06 142.654C1086.04 122.089 1088.49 122.745 1112.83 160.544C1092.26 120.566 1092.92 118.118 1130.72 93.7785C1090.74 114.344 1088.29 113.688 1063.95 75.8888Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip9_4166_14183)'%3E%3Cpath d='M919.779 103.977C940.344 143.955 939.688 146.403 901.889 170.742C941.867 150.177 944.315 150.833 968.654 188.632C948.089 148.654 948.745 146.206 986.544 121.866C946.566 142.431 944.118 141.775 919.779 103.977Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip10_4166_14183)'%3E%3Cpath d='M999.954 57.8888C1020.52 97.8666 1019.86 100.315 982.065 124.654C1022.04 104.089 1024.49 104.745 1048.83 142.544C1028.26 102.566 1028.92 100.118 1066.72 75.7785C1026.74 96.3436 1024.29 95.6876 999.954 57.8888Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip11_4166_14183)'%3E%3Cpath d='M936.954 40.8888C957.52 80.8666 956.864 83.3147 919.065 107.654C959.043 87.0889 961.491 87.7449 985.83 125.544C965.265 85.5658 965.921 83.1178 1003.72 58.7785C963.742 79.3436 961.294 78.6876 936.954 40.8888Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip12_4166_14183)'%3E%3Cpath d='M886.779 230.977C907.344 270.955 906.688 273.403 868.889 297.742C908.867 277.177 911.315 277.833 935.654 315.632C915.089 275.654 915.745 273.206 953.544 248.866C913.566 269.431 911.118 268.776 886.779 230.977Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip13_4166_14183)'%3E%3Cpath d='M966.954 184.889C987.52 224.867 986.864 227.315 949.065 251.654C989.043 231.089 991.491 231.745 1015.83 269.544C995.265 229.566 995.921 227.118 1033.72 202.778C993.742 223.344 991.294 222.688 966.954 184.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip14_4166_14183)'%3E%3Cpath d='M903.954 167.889C924.52 207.867 923.864 210.315 886.065 234.654C926.043 214.089 928.491 214.745 952.83 252.544C932.265 212.566 932.921 210.118 970.72 185.778C930.742 206.344 928.294 205.688 903.954 167.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip15_4166_14183)'%3E%3Cpath d='M814.954 426.889C835.52 466.867 834.864 469.315 797.065 493.654C837.043 473.089 839.491 473.745 863.83 511.544C843.265 471.566 843.921 469.118 881.72 444.778C841.742 465.344 839.294 464.688 814.954 426.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip16_4166_14183)'%3E%3Cpath d='M751.954 409.889C772.52 449.867 771.864 452.315 734.065 476.654C774.043 456.089 776.491 456.745 800.83 494.544C780.265 454.566 780.921 452.118 818.72 427.778C778.742 448.344 776.294 447.688 751.954 409.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip17_4166_14183)'%3E%3Cpath d='M545.954 426.889C566.52 466.867 565.864 469.315 528.065 493.654C568.043 473.089 570.491 473.745 594.83 511.544C574.265 471.566 574.921 469.118 612.72 444.778C572.742 465.344 570.294 464.688 545.954 426.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip18_4166_14183)'%3E%3Cpath d='M723.779 269.977C744.344 309.955 743.688 312.403 705.889 336.742C745.867 316.177 748.315 316.833 772.654 354.632C752.089 314.654 752.745 312.206 790.544 287.866C750.566 308.431 748.118 307.776 723.779 269.977Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip19_4166_14183)'%3E%3Cpath d='M803.954 223.889C824.52 263.867 823.864 266.315 786.065 290.654C826.043 270.089 828.491 270.745 852.83 308.544C832.265 268.566 832.921 266.118 870.72 241.778C830.742 262.344 828.294 261.688 803.954 223.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip20_4166_14183)'%3E%3Cpath d='M740.954 206.889C761.52 246.867 760.864 249.315 723.065 273.654C763.043 253.089 765.491 253.745 789.83 291.544C769.265 251.566 769.921 249.118 807.72 224.778C767.742 245.344 765.294 244.688 740.954 206.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip21_4166_14183)'%3E%3Cpath d='M596.779 234.977C617.344 274.955 616.688 277.403 578.889 301.742C618.867 281.177 621.315 281.833 645.654 319.632C625.089 279.654 625.745 277.206 663.544 252.866C623.566 273.431 621.118 272.776 596.779 234.977Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip22_4166_14183)'%3E%3Cpath d='M676.954 188.889C697.52 228.867 696.864 231.315 659.065 255.654C699.043 235.089 701.491 235.745 725.83 273.544C705.265 233.566 705.921 231.118 743.72 206.778C703.742 227.344 701.294 226.688 676.954 188.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip23_4166_14183)'%3E%3Cpath d='M613.954 171.889C634.52 211.867 633.864 214.315 596.065 238.654C636.043 218.089 638.491 218.745 662.83 256.544C642.265 216.566 642.921 214.118 680.72 189.778C640.742 210.344 638.294 209.688 613.954 171.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip24_4166_14183)'%3E%3Cpath d='M563.779 361.977C584.344 401.955 583.688 404.403 545.889 428.742C585.867 408.177 588.315 408.833 612.654 446.632C592.089 406.654 592.745 404.206 630.544 379.866C590.566 400.431 588.118 399.776 563.779 361.977Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip25_4166_14183)'%3E%3Cpath d='M643.954 315.889C664.52 355.867 663.864 358.315 626.065 382.654C666.043 362.089 668.491 362.745 692.83 400.544C672.265 360.566 672.921 358.118 710.72 333.778C670.742 354.344 668.294 353.688 643.954 315.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip26_4166_14183)'%3E%3Cpath d='M580.954 298.889C601.52 338.867 600.864 341.315 563.065 365.654C603.043 345.089 605.491 345.745 629.83 383.544C609.265 343.566 609.921 341.118 647.72 316.778C607.742 337.344 605.294 336.688 580.954 298.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip27_4166_14183)'%3E%3Cpath d='M706.779 118.977C727.344 158.955 726.688 161.403 688.889 185.742C728.867 165.177 731.315 165.833 755.654 203.632C735.089 163.654 735.745 161.206 773.544 136.866C733.566 157.431 731.118 156.775 706.779 118.977Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip28_4166_14183)'%3E%3Cpath d='M786.954 72.8888C807.52 112.867 806.864 115.315 769.065 139.654C809.043 119.089 811.491 119.745 835.83 157.544C815.265 117.566 815.921 115.118 853.72 90.7785C813.742 111.344 811.294 110.688 786.954 72.8888Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip29_4166_14183)'%3E%3Cpath d='M723.954 55.8888C744.52 95.8666 743.864 98.3147 706.065 122.654C746.043 102.089 748.491 102.745 772.83 140.544C752.265 100.566 752.921 98.1178 790.72 73.7785C750.742 94.3436 748.294 93.6876 723.954 55.8888Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip30_4166_14183)'%3E%3Cpath d='M500.779 135.977C521.344 175.955 520.688 178.403 482.889 202.742C522.867 182.177 525.315 182.833 549.654 220.632C529.089 180.654 529.745 178.206 567.544 153.866C527.566 174.431 525.118 173.775 500.779 135.977Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip31_4166_14183)'%3E%3Cpath d='M580.954 89.8888C601.52 129.867 600.864 132.315 563.065 156.654C603.043 136.089 605.491 136.745 629.83 174.544C609.265 134.566 609.921 132.118 647.72 107.778C607.742 128.344 605.294 127.688 580.954 89.8888Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip32_4166_14183)'%3E%3Cpath d='M517.954 72.8888C538.52 112.867 537.864 115.315 500.065 139.654C540.043 119.089 542.491 119.745 566.83 157.544C546.265 117.566 546.921 115.118 584.72 90.7785C544.742 111.344 542.294 110.688 517.954 72.8888Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip33_4166_14183)'%3E%3Cpath d='M695.779 -84.0233C716.344 -44.0455 715.688 -41.5974 677.889 -17.2581C717.867 -37.8232 720.315 -37.1673 744.654 0.631587C724.089 -39.3463 724.745 -41.7943 762.544 -66.1337C722.566 -45.5685 720.118 -46.2245 695.779 -84.0233Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip34_4166_14183)'%3E%3Cpath d='M535.779 7.97665C556.344 47.9545 555.688 50.4026 517.889 74.7419C557.867 54.1768 560.315 54.8327 584.654 92.6316C564.089 52.6537 564.745 50.2057 602.544 25.8663C562.566 46.4315 560.118 45.7755 535.779 7.97665Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip35_4166_14183)'%3E%3Cpath d='M615.954 -38.1112C636.52 1.86664 635.864 4.3147 598.065 28.654C638.043 8.0889 640.491 8.74485 664.83 46.5437C644.265 6.56582 644.921 4.11776 682.72 -20.2215C642.742 0.343561 640.294 -0.312394 615.954 -38.1112Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip36_4166_14183)'%3E%3Cpath d='M552.954 -55.1112C573.52 -15.1334 572.864 -12.6853 535.065 11.654C575.043 -8.9111 577.491 -8.25515 601.83 29.5437C581.265 -10.4342 581.921 -12.8822 619.72 -37.2215C579.742 -16.6564 577.294 -17.3124 552.954 -55.1112Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip37_4166_14183)'%3E%3Cpath d='M252.779 242.977C273.344 282.955 272.688 285.403 234.889 309.742C274.867 289.177 277.315 289.833 301.654 327.632C281.089 287.654 281.745 285.206 319.544 260.866C279.566 281.431 277.118 280.776 252.779 242.977Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip38_4166_14183)'%3E%3Cpath d='M332.954 196.889C353.52 236.867 352.864 239.315 315.065 263.654C355.043 243.089 357.491 243.745 381.83 281.544C361.265 241.566 361.921 239.118 399.72 214.778C359.742 235.344 357.294 234.688 332.954 196.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip39_4166_14183)'%3E%3Cpath d='M269.954 179.889C290.52 219.867 289.864 222.315 252.065 246.654C292.043 226.089 294.491 226.745 318.83 264.544C298.265 224.566 298.921 222.118 336.72 197.778C296.742 218.344 294.294 217.688 269.954 179.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip40_4166_14183)'%3E%3Cpath d='M46.7786 259.977C67.3437 299.955 66.6878 302.403 28.8889 326.742C68.8668 306.177 71.3149 306.833 95.6542 344.632C75.0891 304.654 75.745 302.206 113.544 277.866C73.566 298.431 71.1179 297.776 46.7786 259.977Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip41_4166_14183)'%3E%3Cpath d='M126.954 213.889C147.52 253.867 146.864 256.315 109.065 280.654C149.043 260.089 151.491 260.745 175.83 298.544C155.265 258.566 155.921 256.118 193.72 231.778C153.742 252.344 151.294 251.688 126.954 213.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip42_4166_14183)'%3E%3Cpath d='M63.9544 196.889C84.5195 236.867 83.8636 239.315 46.0647 263.654C86.0426 243.089 88.4907 243.745 112.83 281.544C92.2649 241.566 92.9208 239.118 130.72 214.778C90.7418 235.344 88.2937 234.688 63.9544 196.889Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip43_4166_14183)'%3E%3Cpath d='M241.779 39.9767C262.344 79.9545 261.688 82.4026 223.889 106.742C263.867 86.1768 266.315 86.8327 290.654 124.632C270.089 84.6537 270.745 82.2057 308.544 57.8663C268.566 78.4315 266.118 77.7755 241.779 39.9767Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip44_4166_14183)'%3E%3Cpath d='M321.954 -6.11124C342.52 33.8666 341.864 36.3147 304.065 60.654C344.043 40.0889 346.491 40.7449 370.83 78.5437C350.265 38.5658 350.921 36.1178 388.72 11.7785C348.742 32.3436 346.294 31.6876 321.954 -6.11124Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip45_4166_14183)'%3E%3Cpath d='M258.954 -23.1112C279.52 16.8666 278.864 19.3147 241.065 43.654C281.043 23.0889 283.491 23.7449 307.83 61.5437C287.265 21.5658 287.921 19.1178 325.72 -5.22154C285.742 15.3436 283.294 14.6876 258.954 -23.1112Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip46_4166_14183)'%3E%3Cpath d='M114.779 4.97665C135.344 44.9545 134.688 47.4026 96.8889 71.7419C136.867 51.1768 139.315 51.8327 163.654 89.6316C143.089 49.6537 143.745 47.2057 181.544 22.8663C141.566 43.4315 139.118 42.7755 114.779 4.97665Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip47_4166_14183)'%3E%3Cpath d='M194.954 -41.1112C215.52 -1.13336 214.864 1.3147 177.065 25.654C217.043 5.0889 219.491 5.74485 243.83 43.5437C223.265 3.56582 223.921 1.11776 261.72 -23.2215C221.742 -2.65644 219.294 -3.31239 194.954 -41.1112Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip48_4166_14183)'%3E%3Cpath d='M131.954 -58.1112C152.52 -18.1334 151.864 -15.6853 114.065 8.654C154.043 -11.9111 156.491 -11.2551 180.83 26.5437C160.265 -13.4342 160.921 -15.8822 198.72 -40.2215C158.742 -19.6564 156.294 -20.3124 131.954 -58.1112Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip49_4166_14183)'%3E%3Cpath d='M81.7786 131.977C102.344 171.955 101.688 174.403 63.8889 198.742C103.867 178.177 106.315 178.833 130.654 216.632C110.089 176.654 110.745 174.206 148.544 149.866C108.566 170.431 106.118 169.775 81.7786 131.977Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip50_4166_14183)'%3E%3Cpath d='M161.954 85.8888C182.52 125.867 181.864 128.315 144.065 152.654C184.043 132.089 186.491 132.745 210.83 170.544C190.265 130.566 190.921 128.118 228.72 103.778C188.742 124.344 186.294 123.688 161.954 85.8888Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip51_4166_14183)'%3E%3Cpath d='M98.9544 68.8888C119.52 108.867 118.864 111.315 81.0647 135.654C121.043 115.089 123.491 115.745 147.83 153.544C127.265 113.566 127.921 111.118 165.72 86.7785C125.742 107.344 123.294 106.688 98.9544 68.8888Z' fill='%23FEEBEC'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(1011 365.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(1091.18 319.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip2_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(1028.18 302.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip3_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(805 382.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip4_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(885.176 336.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip5_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(822.176 319.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip6_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(1000 162.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip7_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(1080.18 116.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip8_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(1017.18 99.1339) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip9_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(873 127.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip10_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(953.176 81.1339) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip11_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(890.176 64.1339) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip12_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(840 254.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip13_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(920.176 208.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip14_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(857.176 191.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip15_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(768.176 450.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip16_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(705.176 433.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip17_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(499.176 450.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip18_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(677 293.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip19_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(757.176 247.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip20_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(694.176 230.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip21_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(550 258.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip22_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(630.176 212.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip23_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(567.176 195.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip24_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(517 385.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip25_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(597.176 339.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip26_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(534.176 322.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip27_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(660 142.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip28_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(740.176 96.1339) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip29_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(677.176 79.1339) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip30_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(454 159.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip31_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(534.176 113.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip32_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(471.176 96.1339) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip33_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(649 -60.7782) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip34_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(489 31.2218) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip35_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(569.176 -14.8661) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip36_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(506.176 -31.8661) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip37_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(206 266.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip38_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(286.176 220.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip39_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(223.176 203.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip40_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(0 283.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip41_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(80.1758 237.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip42_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(17.1758 220.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip43_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(195 63.2218) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip44_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(275.176 17.1339) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip45_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(212.176 0.133911) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip46_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(68 28.2218) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip47_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(148.176 -17.8661) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip48_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(85.1758 -34.8661) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip49_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(35 155.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip50_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(115.176 109.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip51_4166_14183'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(52.1758 92.1339) rotate(-30)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.testimonials-accent .testimonials-item,
.testimonials-accent .swiper-wrapper,
.testimonials-accent .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.testimonials-accent .swiper-wrapper {
  justify-content: flex-start;
}
.testimonials-accent .ratings-container {
  position: absolute;
  top: 15px;
  right: -10px;
  z-index: 5;
  width: 206px;
  border-radius: var(--radius-medium, 12px) 0px 0px var(--radius-medium, 12px);
  background: var(--surface-page, #fff);
  box-shadow: 0px 0px 10px 0px rgba(23, 24, 24, 0.3);
}
.testimonials-accent .ratings-container .wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 17px;
  align-items: stretch;
  justify-content: space-between;
  padding: 10px;
}
.testimonials-accent .ratings-container .wrapper .rating {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-400, 12px);
  width: 81px;
}
.testimonials-accent .ratings-container .wrapper .rating .image-container {
  display: flex;
}
.testimonials-accent .ratings-container .wrapper .rating .image-container img {
  border-radius: 0;
}
.testimonials-accent .ratings-container .wrapper .rating p {
  padding: 0;
}
.testimonials-accent .ratings-container .wrapper .rating .count {
  color: var(--text-headings, #27272a);
  font-family: var(--font-family-headings, "Inter");
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 114.286% */
}
.testimonials-accent .ratings-container .wrapper .rating .review {
  color: var(--Text---Dark, #a2a3a3);
  font-family: "Visby CF";
  font-size: var(--space-400, 12px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--space-400, 12px); /* 100% */
  white-space: nowrap;
}
.testimonials-accent .ratings-container .wrapper .divider {
  align-self: stretch;
  width: 1px;
  background-color: #e9e9e9;
  min-height: var(--space-600, 21px);
}
.testimonials-accent .swiper-wrapper {
  align-items: center;
}
.testimonials-accent .swiper-slide {
  height: 100%;
}
.testimonials-accent .testimonials-item {
  padding: var(--box-padding-medium, 20px) 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.testimonials-accent .testimonials-item .image-container {
  aspect-ratio: 16/9;
  overflow: hidden;
}
.testimonials-accent .testimonials-item .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-large, 16px);
}
.testimonials-accent .testimonials-item .text-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 30px;
}
.testimonials-accent .testimonials-item .quote {
  display: flex;
}
.testimonials-accent .testimonials-item .quote svg {
  width: 24px;
  height: 17px;
}
.testimonials-accent .testimonials-item .quote.--before {
  align-self: flex-end;
}
.testimonials-accent .testimonials-item .wysiwyg {
  margin: 0px;
  padding: var(--font-default-linegap) 0px 0px;
  color: var(--text-headings);
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-default-lineheight);
  font-size: calc(17px + 1 * (100vw - 520px) / 600);
  line-height: var(--font-line-height-md, 27px); /* 150% */
  color: var(--text-headings, #27272a);
  line-height: var(--font-line-height-md, 25.5px); /* 150% */
  padding-top: 0;
}
@media screen and (max-width: 520px) {
  .testimonials-accent .testimonials-item .wysiwyg {
    font-size: 17px;
  }
}
@media screen and (min-width: 1120px) {
  .testimonials-accent .testimonials-item .wysiwyg {
    font-size: 18px;
  }
}
@media (min-width: 769px) {
  .testimonials-accent .ratings-container {
    position: absolute;
    top: unset;
    right: 0px;
    bottom: 32px;
  }
  .testimonials-accent .testimonials-item {
    flex-direction: row;
    padding: 0;
    padding-top: var(--box-padding-medium, 32px);
    padding-bottom: var(--box-padding-medium, 32px);
    justify-content: space-between;
  }
  .testimonials-accent .testimonials-item .image-container {
    width: calc(41.6% - 58.5px);
    min-width: 450px;
    height: 100%;
  }
  .testimonials-accent .testimonials-item .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .testimonials-accent .testimonials-item .text-container {
    justify-content: space-between;
    flex-direction: column;
    width: calc(58.4% - 58.5px);
    gap: 30px;
  }
}

/*------------------------------------*/
/* ACF BLOCK - Partnerstimmen */
/*------------------------------------*/
.testimonials {
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.testimonials .arrows {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  z-index: 10;
  display: none;
}
.testimonials .arrows .slider__controls {
  padding: 0;
  justify-content: space-between;
  position: relative;
}
.testimonials .arrows .slider__controls .--prev {
  position: absolute;
  left: -50px;
}
.testimonials .arrows .slider__controls .--next {
  position: absolute;
  right: -50px;
}
.testimonials .testimonial,
.testimonials .testimonial .top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.testimonials .swiper .swiper-wrapper .swiper-slide {
  display: flex;
  height: auto;
}
.testimonials .testimonial {
  border-radius: var(--radius-large, 16px);
  background: var(--surface-box, #f4f4f5);
  padding: var(--space-600, 20px);
  gap: 30px;
}
.testimonials .testimonial .top {
  justify-content: flex-start;
  align-self: stretch;
  gap: var(--space-600, 20px);
}
.testimonials .testimonial .top .image-container {
  height: 312px;
}
.testimonials .testimonial .top .text-wrapper h6,
.testimonials .testimonial .top .text-wrapper .h6 {
  padding: 0;
}
.testimonials .testimonial .top .text-wrapper .position {
  color: var(--text-disabled, #a1a1aa);
  font-size: calc(15px + 1 * (100vw - 520px) / 600);
  line-height: var(--font-line-height-sm, 22.5px); /* 150% */
}
@media screen and (max-width: 520px) {
  .testimonials .testimonial .top .text-wrapper .position {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  .testimonials .testimonial .top .text-wrapper .position {
    font-size: 16px;
  }
}
.testimonials .testimonial .bottom .rating {
  display: flex;
  align-items: center;
  gap: var(--space-400, 12px);
}
.testimonials .testimonial .bottom .rating img {
  width: 24px;
  height: 24px;
}
.testimonials .testimonial .bottom .text {
  color: #1e1e1e;
  font-size: calc(13px + 1 * (100vw - 520px) / 600);
  line-height: 21px; /* 161.538% */
}
@media screen and (max-width: 520px) {
  .testimonials .testimonial .bottom .text {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .testimonials .testimonial .bottom .text {
    font-size: 14px;
  }
}
@media (min-width: 769px) {
  .testimonials .arrows {
    display: block;
  }
  .testimonials .testimonial {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .testimonials .testimonial .top {
    flex: 0 0 auto;
    max-width: 180px;
  }
  .testimonials .testimonial .top .image-container {
    height: 192px;
  }
  .testimonials .testimonial .bottom {
    flex: 1 1 auto;
  }
}

/*------------------------------------*/
/* ACF BLOCK - Icon - Text / Logos */
/*------------------------------------*/
.icon-text {
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.icon-text .gridrow {
  gap: var(--space-600, 20px);
  justify-content: center;
  flex-direction: column;
}
.icon-text .gridrow .col {
  flex: 1;
}
.icon-text .icon-text-item {
  height: 100%;
  border-radius: var(--radius-large, 16px);
  background: var(--surface-box, #f4f4f5);
  flex-direction: column;
  display: flex;
  padding: var(--space-600, 20px) var(--space-700, 32px);
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: var(--space-600, 20px);
}
.icon-text .icon-text-item .image-container {
  width: auto;
  height: 70px;
}
.icon-text .icon-text-item .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}
.icon-text .icon-text-item h6 {
  color: var(--CoolGray-90, #21272a);
  text-align: center;
  padding: 0;
  font-size: calc(15px + 1 * (100vw - 520px) / 600);
  line-height: var(--font-line-height-sm, 22.5px); /* 150% */
}
@media screen and (max-width: 520px) {
  .icon-text .icon-text-item h6 {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  .icon-text .icon-text-item h6 {
    font-size: 16px;
  }
}
@media (min-width: 769px) {
  .icon-text .gridrow {
    flex-direction: row;
  }
}

/*------------------------------------*/
/* ACF BLOCK - Behandlungen */
/*------------------------------------*/
.treatments {
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.treatments .content-container h2 {
  padding: 0;
}
.treatments .content-container p {
  padding-top: var(--space-400, 12px);
}
.treatments .gridrow {
  gap: var(--space-500, 16px);
  margin-top: var(--space-600, 20px);
}
.treatments .gridrow .teaser-content {
  padding: 24px var(--space-500, 16px) var(--space-500, 16px) var(--space-500, 16px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  border-radius: var(--radius-large, 16px);
  min-height: 205px;
  max-width: 205px;
  transition: var(--transition);
  background: var(--surface-box, #f4f4f5);
  position: relative;
}
.treatments .gridrow .teaser-content .permalink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.treatments .gridrow .teaser-content .button-link span {
  display: none;
}
.treatments .gridrow .teaser-content:hover {
  background: #ededed;
  cursor: pointer;
}
.treatments .gridrow .teaser-content:hover .button-link {
  transform: translateX(20px);
}
.treatments [data-swiper-slide] {
  width: auto;
}
@media (min-width: 1025px) {
  .treatments [data-swiper] {
    width: 100%;
  }
  .treatments [data-swiper-wrapper] {
    display: flex;
    column-gap: var(--layout-outergap);
    row-gap: var(--layout-outergap);
    flex-wrap: wrap;
    width: 100%;
    margin: 0px auto;
  }
  .treatments [data-swiper-wrapper] .col {
    width: calc(33.333% - var(--layout-outergap) * 2 / 3);
  }
  .treatments .inner {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
  }
  .treatments .content-container {
    width: calc(33% - 10px);
  }
  .treatments .gridrow {
    width: calc(66% - 10px);
    margin: 0;
  }
  .treatments .gridrow .teaser-content {
    max-width: unset;
  }
}

/*------------------------------------*/
/* ACF BLOCK - (Teaser) Slider  */
/*------------------------------------*/
.teaser-slider {
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.teaser-slider .slider__controls {
  gap: var(--layout-grid-gutter);
  justify-content: center;
  padding: var(--space-600, 20px);
}
.teaser-slider .slider__controls .slider__button {
  display: none;
}
@media (min-width: 769px) {
  .teaser-slider .pagination-container {
    display: none;
  }
  .teaser-slider .swiper {
    position: relative;
  }
  .teaser-slider .arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    z-index: 10;
  }
  .teaser-slider .arrows .slider__controls {
    padding: 0;
    justify-content: space-between;
    position: relative;
  }
  .teaser-slider .arrows .slider__controls .--prev {
    position: absolute;
    left: -50px;
  }
  .teaser-slider .arrows .slider__controls .--next {
    position: absolute;
    right: -50px;
  }
  .teaser-slider .swiper-wrapper {
    display: flex;
    align-items: stretch;
  }
  .teaser-slider .swiper-slide {
    height: auto;
    width: 100%;
  }
  .teaser-slider .slider__controls .slider__button {
    display: block;
  }
}

/*------------------------------------*/
/* ACF BLOCK - Logo Slider */
/*------------------------------------*/
.logo-slider {
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.logo-slider .marquee-container.static {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  width: 100%;
  flex-direction: column;
}
.logo-slider .marquee-container .logo-slide {
  display: inline-block;
  white-space: nowrap;
  width: auto;
  width: 165px;
  margin-right: 20px;
}
.logo-slider .marquee-container .logo-slide img {
  width: 100%;
  height: auto;
  max-height: 80px;
  object-fit: cover;
  border-radius: var(--radius-large, 16px);
}
.logo-slider .marquee-container .marquee {
  overflow: hidden;
  white-space: nowrap;
}
.logo-slider .marquee-container .js-marquee {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 769px) {
  .logo-slider .marquee-container.static {
    flex-direction: row;
    gap: var(--space-700, 32px);
  }
  .logo-slider .marquee-container .logo-slide {
    margin-right: var(--space-700, 32px);
    width: 297px;
  }
  .logo-slider .marquee-container .logo-slide img {
    max-height: 180px;
  }
}

/*------------------------------------*/
/* ACF BLOCK - CTA */
/*------------------------------------*/
.cta {
  position: relative;
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.cta .bg {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='943' height='318' viewBox='0 0 943 318' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4166_6232)'%3E%3Cpath d='M722.603 209.977C743.168 249.955 742.512 252.403 704.713 276.742C744.691 256.177 747.139 256.833 771.478 294.632C750.913 254.654 751.569 252.206 789.368 227.866C749.39 248.431 746.942 247.776 722.603 209.977Z' fill='%23ECECEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip1_4166_6232)'%3E%3Cpath d='M802.779 163.889C823.344 203.867 822.688 206.315 784.889 230.654C824.867 210.089 827.315 210.745 851.654 248.544C831.089 208.566 831.745 206.118 869.544 181.778C829.566 202.344 827.118 201.688 802.779 163.889Z' fill='%23ECECEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip2_4166_6232)'%3E%3Cpath d='M739.779 146.889C760.344 186.867 759.688 189.315 721.889 213.654C761.867 193.089 764.315 193.745 788.654 231.544C768.089 191.566 768.745 189.118 806.544 164.778C766.566 185.344 764.118 184.688 739.779 146.889Z' fill='%23ECECEC'/%3E%3C/g%3E%3Cg clip-path='url(%23clip3_4166_6232)'%3E%3Cpath d='M766.779 285.977C787.344 325.955 786.688 328.403 748.889 352.742C788.867 332.177 791.315 332.833 815.654 370.632C795.089 330.654 795.745 328.206 833.544 303.866C793.566 324.431 791.118 323.776 766.779 285.977Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip4_4166_6232)'%3E%3Cpath d='M846.954 239.889C867.52 279.867 866.864 282.315 829.065 306.654C869.043 286.089 871.491 286.745 895.83 324.544C875.265 284.566 875.921 282.118 913.72 257.778C873.742 278.344 871.294 277.688 846.954 239.889Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip5_4166_6232)'%3E%3Cpath d='M783.954 222.889C804.52 262.867 803.864 265.315 766.065 289.654C806.043 269.089 808.491 269.745 832.83 307.544C812.265 267.566 812.921 265.118 850.72 240.778C810.742 261.344 808.294 260.688 783.954 222.889Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip6_4166_6232)'%3E%3Cpath d='M560.779 302.977C581.344 342.955 580.688 345.403 542.889 369.742C582.867 349.177 585.315 349.833 609.654 387.632C589.089 347.654 589.745 345.206 627.544 320.866C587.566 341.431 585.118 340.776 560.779 302.977Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip7_4166_6232)'%3E%3Cpath d='M640.954 256.889C661.52 296.867 660.864 299.315 623.065 323.654C663.043 303.089 665.491 303.745 689.83 341.544C669.265 301.566 669.921 299.118 707.72 274.778C667.742 295.344 665.294 294.688 640.954 256.889Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip8_4166_6232)'%3E%3Cpath d='M577.954 239.889C598.52 279.867 597.864 282.315 560.065 306.654C600.043 286.089 602.491 286.745 626.83 324.544C606.265 284.566 606.921 282.118 644.72 257.778C604.742 278.344 602.294 277.688 577.954 239.889Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip9_4166_6232)'%3E%3Cpath d='M755.779 82.9767C776.344 122.955 775.688 125.403 737.889 149.742C777.867 129.177 780.315 129.833 804.654 167.632C784.089 127.654 784.745 125.206 822.544 100.866C782.566 121.431 780.118 120.775 755.779 82.9767Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip10_4166_6232)'%3E%3Cpath d='M835.954 36.8888C856.52 76.8666 855.864 79.3147 818.065 103.654C858.043 83.0889 860.491 83.7449 884.83 121.544C864.265 81.5658 864.921 79.1178 902.72 54.7785C862.742 75.3436 860.294 74.6876 835.954 36.8888Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip11_4166_6232)'%3E%3Cpath d='M772.954 19.8888C793.52 59.8666 792.864 62.3147 755.065 86.654C795.043 66.0889 797.491 66.7449 821.83 104.544C801.265 64.5658 801.921 62.1178 839.72 37.7785C799.742 58.3436 797.294 57.6876 772.954 19.8888Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip12_4166_6232)'%3E%3Cpath d='M628.779 47.9767C649.344 87.9545 648.688 90.4026 610.889 114.742C650.867 94.1768 653.315 94.8327 677.654 132.632C657.089 92.6537 657.745 90.2057 695.544 65.8663C655.566 86.4315 653.118 85.7755 628.779 47.9767Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip13_4166_6232)'%3E%3Cpath d='M708.954 1.88876C729.52 41.8666 728.864 44.3147 691.065 68.654C731.043 48.0889 733.491 48.7449 757.83 86.5437C737.265 46.5658 737.921 44.1178 775.72 19.7785C735.742 40.3436 733.294 39.6876 708.954 1.88876Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip14_4166_6232)'%3E%3Cpath d='M645.954 -15.1112C666.52 24.8666 665.864 27.3147 628.065 51.654C668.043 31.0889 670.491 31.7449 694.83 69.5437C674.265 29.5658 674.921 27.1178 712.72 2.77846C672.742 23.3436 670.294 22.6876 645.954 -15.1112Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip15_4166_6232)'%3E%3Cpath d='M595.779 174.977C616.344 214.955 615.688 217.403 577.889 241.742C617.867 221.177 620.315 221.833 644.654 259.632C624.089 219.654 624.745 217.206 662.544 192.866C622.566 213.431 620.118 212.776 595.779 174.977Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip16_4166_6232)'%3E%3Cpath d='M675.954 128.889C696.52 168.867 695.864 171.315 658.065 195.654C698.043 175.089 700.491 175.745 724.83 213.544C704.265 173.566 704.921 171.118 742.72 146.778C702.742 167.344 700.294 166.688 675.954 128.889Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip17_4166_6232)'%3E%3Cpath d='M612.954 111.889C633.52 151.867 632.864 154.315 595.065 178.654C635.043 158.089 637.491 158.745 661.83 196.544C641.265 156.566 641.921 154.118 679.72 129.778C639.742 150.344 637.294 149.688 612.954 111.889Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip18_4166_6232)'%3E%3Cpath d='M432.779 213.977C453.344 253.955 452.688 256.403 414.889 280.742C454.867 260.177 457.315 260.833 481.654 298.632C461.089 258.654 461.745 256.206 499.544 231.866C459.566 252.431 457.118 251.776 432.779 213.977Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip19_4166_6232)'%3E%3Cpath d='M512.954 167.889C533.52 207.867 532.864 210.315 495.065 234.654C535.043 214.089 537.491 214.745 561.83 252.544C541.265 212.566 541.921 210.118 579.72 185.778C539.742 206.344 537.294 205.688 512.954 167.889Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip20_4166_6232)'%3E%3Cpath d='M449.954 150.889C470.52 190.867 469.864 193.315 432.065 217.654C472.043 197.089 474.491 197.745 498.83 235.544C478.265 195.566 478.921 193.118 516.72 168.778C476.742 189.344 474.294 188.688 449.954 150.889Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip21_4166_6232)'%3E%3Cpath d='M305.779 178.977C326.344 218.955 325.688 221.403 287.889 245.742C327.867 225.177 330.315 225.833 354.654 263.632C334.089 223.654 334.745 221.206 372.544 196.866C332.566 217.431 330.118 216.776 305.779 178.977Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip22_4166_6232)'%3E%3Cpath d='M385.954 132.889C406.52 172.867 405.864 175.315 368.065 199.654C408.043 179.089 410.491 179.745 434.83 217.544C414.265 177.566 414.921 175.118 452.72 150.778C412.742 171.344 410.294 170.688 385.954 132.889Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip23_4166_6232)'%3E%3Cpath d='M322.954 115.889C343.52 155.867 342.864 158.315 305.065 182.654C345.043 162.089 347.491 162.745 371.83 200.544C351.265 160.566 351.921 158.118 389.72 133.778C349.742 154.344 347.294 153.688 322.954 115.889Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip24_4166_6232)'%3E%3Cpath d='M272.779 305.977C293.344 345.955 292.688 348.403 254.889 372.742C294.867 352.177 297.315 352.833 321.654 390.632C301.089 350.654 301.745 348.206 339.544 323.866C299.566 344.431 297.118 343.776 272.779 305.977Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip25_4166_6232)'%3E%3Cpath d='M352.954 259.889C373.52 299.867 372.864 302.315 335.065 326.654C375.043 306.089 377.491 306.745 401.83 344.544C381.265 304.566 381.921 302.118 419.72 277.778C379.742 298.344 377.294 297.688 352.954 259.889Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip26_4166_6232)'%3E%3Cpath d='M289.954 242.889C310.52 282.867 309.864 285.315 272.065 309.654C312.043 289.089 314.491 289.745 338.83 327.544C318.265 287.566 318.921 285.118 356.72 260.778C316.742 281.344 314.294 280.688 289.954 242.889Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip27_4166_6232)'%3E%3Cpath d='M415.779 62.9767C436.344 102.955 435.688 105.403 397.889 129.742C437.867 109.177 440.315 109.833 464.654 147.632C444.089 107.654 444.745 105.206 482.544 80.8663C442.566 101.431 440.118 100.775 415.779 62.9767Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip28_4166_6232)'%3E%3Cpath d='M495.954 16.8888C516.52 56.8666 515.864 59.3147 478.065 83.654C518.043 63.0889 520.491 63.7449 544.83 101.544C524.265 61.5658 524.921 59.1178 562.72 34.7785C522.742 55.3436 520.294 54.6876 495.954 16.8888Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip29_4166_6232)'%3E%3Cpath d='M432.954 -0.111236C453.52 39.8666 452.864 42.3147 415.065 66.654C455.043 46.0889 457.491 46.7449 481.83 84.5437C461.265 44.5658 461.921 42.1178 499.72 17.7785C459.742 38.3436 457.294 37.6876 432.954 -0.111236Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip30_4166_6232)'%3E%3Cpath d='M209.779 79.9767C230.344 119.955 229.688 122.403 191.889 146.742C231.867 126.177 234.315 126.833 258.654 164.632C238.089 124.654 238.745 122.206 276.544 97.8663C236.566 118.431 234.118 117.775 209.779 79.9767Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip31_4166_6232)'%3E%3Cpath d='M289.954 33.8888C310.52 73.8666 309.864 76.3147 272.065 100.654C312.043 80.0889 314.491 80.7449 338.83 118.544C318.265 78.5658 318.921 76.1178 356.72 51.7785C316.742 72.3436 314.294 71.6876 289.954 33.8888Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip32_4166_6232)'%3E%3Cpath d='M226.954 16.8888C247.52 56.8666 246.864 59.3147 209.065 83.654C249.043 63.0889 251.491 63.7449 275.83 101.544C255.265 61.5658 255.921 59.1178 293.72 34.7785C253.742 55.3436 251.294 54.6876 226.954 16.8888Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip33_4166_6232)'%3E%3Cpath d='M244.779 -48.0233C265.344 -8.04547 264.688 -5.59741 226.889 18.7419C266.867 -1.82321 269.315 -1.16726 293.654 36.6316C273.089 -3.34629 273.745 -5.79435 311.544 -30.1337C271.566 -9.56855 269.118 -10.2245 244.779 -48.0233Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip34_4166_6232)'%3E%3Cpath d='M324.954 -94.1112C345.52 -54.1334 344.864 -51.6853 307.065 -27.346C347.043 -47.9111 349.491 -47.2551 373.83 -9.4563C353.265 -49.4342 353.921 -51.8822 391.72 -76.2215C351.742 -55.6564 349.294 -56.3124 324.954 -94.1112Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip35_4166_6232)'%3E%3Cpath d='M-38.2214 186.977C-17.6563 226.955 -18.3122 229.403 -56.1111 253.742C-16.1332 233.177 -13.6851 233.833 10.6542 271.632C-9.91092 231.654 -9.25496 229.206 28.5439 204.866C-11.434 225.431 -13.8821 224.776 -38.2214 186.977Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip36_4166_6232)'%3E%3Cpath d='M41.9544 140.889C62.5195 180.867 61.8636 183.315 24.0647 207.654C64.0426 187.089 66.4907 187.745 90.83 225.544C70.2649 185.566 70.9208 183.118 108.72 158.778C68.7418 179.344 66.2937 178.688 41.9544 140.889Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip37_4166_6232)'%3E%3Cpath d='M-21.0456 123.889C-0.480475 163.867 -1.13643 166.315 -38.9353 190.654C1.0426 170.089 3.49066 170.745 27.83 208.544C7.26486 168.566 7.92082 166.118 45.7197 141.778C5.74178 162.344 3.29372 161.688 -21.0456 123.889Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip38_4166_6232)'%3E%3Cpath d='M-49.2214 -16.0233C-28.6563 23.9545 -29.3122 26.4026 -67.1111 50.7419C-27.1332 30.1768 -24.6851 30.8327 -0.345813 68.6316C-20.9109 28.6537 -20.255 26.2057 17.5439 1.86635C-22.434 22.4315 -24.8821 21.7755 -49.2214 -16.0233Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip39_4166_6232)'%3E%3Cpath d='M30.9544 -62.1112C51.5195 -22.1334 50.8636 -19.6853 13.0647 4.654C53.0426 -15.9111 55.4907 -15.2551 79.83 22.5437C59.2649 -17.4342 59.9208 -19.8822 97.7197 -44.2215C57.7418 -23.6564 55.2937 -24.3124 30.9544 -62.1112Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip40_4166_6232)'%3E%3Cpath d='M-32.0456 -79.1112C-11.4805 -39.1334 -12.1364 -36.6853 -49.9353 -12.346C-9.9574 -32.9111 -7.50934 -32.2551 16.83 5.5437C-3.73514 -34.4342 -3.07918 -36.8822 34.7197 -61.2215C-5.25822 -40.6564 -7.70628 -41.3124 -32.0456 -79.1112Z' fill='%23F0F0F0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(675.824 233.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(756 187.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip2_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(693 170.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip3_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(720 309.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip4_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(800.176 263.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip5_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(737.176 246.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip6_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(514 326.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip7_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(594.176 280.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip8_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(531.176 263.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip9_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(709 106.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip10_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(789.176 60.1339) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip11_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(726.176 43.1339) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip12_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(582 71.2218) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip13_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(662.176 25.1339) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip14_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(599.176 8.13391) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip15_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(549 198.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip16_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(629.176 152.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip17_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(566.176 135.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip18_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(386 237.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip19_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(466.176 191.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip20_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(403.176 174.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip21_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(259 202.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip22_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(339.176 156.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip23_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(276.176 139.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip24_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(226 329.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip25_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(306.176 283.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip26_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(243.176 266.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip27_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(369 86.2218) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip28_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(449.176 40.1339) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip29_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(386.176 23.1339) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip30_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(163 103.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip31_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(243.176 57.1339) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip32_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(180.176 40.1339) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip33_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(198 -24.7782) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip34_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(278.176 -70.8661) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip35_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(-85 210.222) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip36_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(-4.82422 164.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip37_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(-67.8242 147.134) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip38_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(-96 7.2218) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip39_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(-15.8242 -38.8661) rotate(-30)'/%3E%3C/clipPath%3E%3CclipPath id='clip40_4166_6232'%3E%3Crect width='104.268' height='104.268' fill='white' transform='translate(-78.8242 -55.8661) rotate(-30)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: cover;
  background-position: center;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.cta .inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-xl, 20px);
  align-self: stretch;
  padding: var(--space-600, 20px);
  border-radius: var(--radius-large, 16px);
  background: var(--surface-box, #f4f4f5);
}
.cta .content-container {
  width: 100%;
  z-index: 3;
}
.cta .content-container h2 {
  padding: 0;
  color: var(--text-headings, #27272a);
  line-height: var(--font-line-height-xl, 31.5px); /* 136.957% */
}
.cta .content-container .text-container {
  color: var(--text-body, #52525b);
  line-height: 160%; /* 25.6px */
  text-align: center;
}
.cta .content-container .text-container strong {
  font-weight: var(--font-weight-bold, 600);
  color: var(--text-highlight, #e380a7);
}
.cta .content-container .ctas-container {
  padding-left: var(--space-600, 20px);
  padding-right: var(--space-600, 20px);
  display: flex;
  justify-content: center;
}
.cta .image-container {
  z-index: 3;
}
@media (max-width: 768px) {
  .cta .image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .cta .image-container img {
    max-height: 318px;
    width: unset;
  }
}
@media (min-width: 769px) {
  .cta .inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0;
  }
  .cta .content-container {
    padding: var(--space-2xl, 32px) 0px;
    padding-left: var(--box-padding-large, 64px);
    width: 75%;
  }
  .cta .content-container h2 {
    line-height: var(--font-line-height-xl, 36px); /* 112.5% */
  }
  .cta .content-container .text-container {
    text-align: left;
  }
  .cta .content-container .ctas-container {
    padding-left: 0;
    padding-right: 0;
    justify-content: flex-start;
  }
  .cta .image-container {
    align-self: stretch;
    display: flex;
    align-items: stretch;
    width: 25%;
    max-width: 270px;
  }
  .cta .image-container img {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

/*------------------------------------*/
/* ACF BLOCK - Ablauf */
/*------------------------------------*/
.flow {
  margin-bottom: 140px;
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.flow .inner,
.flow .content-container,
.flow .ctas-container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2xl, 32px);
}
.flow .ctas-container {
  position: absolute;
  bottom: -110px;
}
.flow .content-container .text-container {
  width: 100%;
}
.flow .content-container .text-container h2 {
  padding: 0;
}
.flow .content-container .text-container .wysiwyg {
  padding-top: var(--space-400, 12px);
}
.flow .content-container .text-container .wysiwyg:first-child() {
  padding-top: 0;
}
.flow .content-container .image-container {
  height: 360px;
  width: 100%;
}
.flow .content-container .image-container img {
  border-radius: var(--radius-large, 16px);
}
.flow .flow-container {
  padding-left: var(--space-600, 20px);
}
.flow .flow-container .gridrow {
  gap: var(--space-sm, 8px);
}
.flow .flow-container .step {
  border-radius: var(--radius-large, 16px);
  background: var(--surface-box, #f4f4f5);
  padding: var(--space-600, 20px) var(--space-600, 20px) var(--space-600, 20px) 25px;
  width: 100%;
}
.flow .flow-container .step .headline {
  padding: 0;
  position: relative;
}
.flow .flow-container .step .count {
  margin: 0px;
  padding: var(--font-default-linegap) 0px 0px;
  color: var(--text-headings);
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-default-lineheight);
  font-size: calc(15px + 1 * (100vw - 520px) / 600);
  line-height: var(--font-line-height-sm, 24px); /* 150% */
  padding: 0;
  border-radius: var(--radius-rounded, 1000px);
  background: var(--surface-primary, #6c0e29);
  width: 30px;
  height: 30px;
  color: var(--text-headings-on-dark, #fff);
  position: absolute;
  top: -3.5px;
  left: -44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 520px) {
  .flow .flow-container .step .count {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  .flow .flow-container .step .count {
    font-size: 16px;
  }
}
.flow .flow-container .step .text {
  padding-top: var(--space-sm, 8px);
}
.flow .ctas-container {
  width: 100%;
  padding-top: var(--space-2xl, 32px);
  gap: var(--space-500, 16px);
  flex-direction: column-reverse;
}
@media (min-width: 769px) {
  .flow {
    margin-bottom: 0px;
  }
  .flow .inner {
    flex-direction: row;
  }
  .flow .content-container {
    width: 41%;
    padding: var(--space-md, 12px) 0px;
    gap: var(--box-padding-small, 20px);
  }
  .flow .content-container .image-container {
    height: 416px;
    max-width: 360px;
  }
  .flow .content-container .ctas-container {
    padding: 0;
    position: relative;
    bottom: unset;
  }
  .flow .flow-container {
    width: calc(59% + 20px);
  }
  .flow .ctas-container {
    padding-top: var(--space-xl, 20px);
    flex-direction: column;
  }
}

/*------------------------------------*\
	ACF Block: Akkordeon
\*------------------------------------*/
.accordeon {
  width: calc(100% - 2 * var(--layout-outergap));
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
  flex-direction: column;
  gap: var(--space-400, 12px);
  border-radius: var(--radius-large, 16px);
  background: var(--surface-box, #f4f4f5);
  padding: 20px 0;
}
.accordeon h2 {
  width: 100%;
  color: var(--text-headings, #27272a);
  line-height: var(--font-line-height-xl, 31.5px);
  padding: var(--space-600, 20px) var(--space-600, 20px) 0 var(--space-600, 20px);
  font-size: calc(23px + 9 * (100vw - 520px) / 600);
}
@media screen and (max-width: 520px) {
  .accordeon h2 {
    font-size: 23px;
  }
}
@media screen and (min-width: 1120px) {
  .accordeon h2 {
    font-size: 32px;
  }
}
.accordeon .item {
  align-items: stretch;
  background: var(--surface-box);
  width: 100%;
}
.accordeon .item .title {
  margin: 0px;
  padding: var(--font-default-linegap) 0px 0px;
  color: var(--text-headings);
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-default-lineheight);
  font-size: calc(15px + 1 * (100vw - 520px) / 600);
  line-height: var(--font-line-height-sm, 24px); /* 150% */
  margin: 0;
  padding: var(--space-xl, 20px);
  position: relative;
  cursor: pointer;
  transition: var(--transition);
  color: var(--text-headings, #27272a);
  padding-right: 32px;
  /* Überschrift/H6 */
  font-family: var(--font-family-headings, "Inter");
  font-size: var(--font-size-sm, 15px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 600);
  line-height: var(--font-line-height-sm, 22.5px);
}
@media screen and (max-width: 520px) {
  .accordeon .item .title {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  .accordeon .item .title {
    font-size: 16px;
  }
}
.accordeon .item .title span {
  display: inline-block;
}
.accordeon .item .title:after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  aspect-ratio: 1;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: var(--transition);
  background-color: var(--surface-primary, #6c0e29);
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 7.5H14' stroke='white' stroke-width='2'/%3E%3Cpath d='M7 0.5V14.5' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-size: 14px;
  border-radius: 50%;
}
.accordeon .item .content-container {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 300ms linear;
}
.accordeon .item .content {
  line-height: var(--font-body-lineheight);
  font-size: calc(15px + 0 * (100vw - 520px) / 600);
  font-size: calc(16px + 0 * (100vw - 520px) / 600);
  padding: 0px var(--space-xl, 20px) var(--space-xl, 20px);
  overflow: hidden;
  transition: padding 300ms linear;
  color: var(--text-body, #52525b);
  /* Fließtext/Box */
  font-family: var(--font-family-body, "Inter");
  font-size: calc(13px + 1 * (100vw - 520px) / 600);
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  padding: 0px var(--space-2xl) var(--space-2xl) var(--space-2xl);
  border-top: 1px solid #dedede;
}
.accordeon .item .content > *:is(h1, h2, h3, h4, h5, h6, p, a, ul):not(.button):first-child {
  margin-top: 0;
  padding-top: 0;
}
@media screen and (max-width: 520px) {
  .accordeon .item .content {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  .accordeon .item .content {
    font-size: 15px;
  }
}
@media screen and (max-width: 520px) {
  .accordeon .item .content {
    font-size: 16px;
  }
}
@media screen and (min-width: 1120px) {
  .accordeon .item .content {
    font-size: 16px;
  }
}
@media screen and (max-width: 520px) {
  .accordeon .item .content {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .accordeon .item .content {
    font-size: 14px;
  }
}
.accordeon .item .content .button-link {
  font-size: calc(17px + 1 * (100vw - 520px) / 600);
}
@media screen and (max-width: 520px) {
  .accordeon .item .content .button-link {
    font-size: 17px;
  }
}
@media screen and (min-width: 1120px) {
  .accordeon .item .content .button-link {
    font-size: 18px;
  }
}
.accordeon .item .content li:before {
  top: calc(var(--font-default-linegap) + 14px);
}
.accordeon .item.--open {
  border-top: 0;
}
.accordeon .item.--open .title:after {
  transform: translateY(-50%) rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='2' viewBox='0 0 14 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1H14' stroke='white' stroke-width='2'/%3E%3Cpath d='M14 1L-5.96046e-08 0.999999' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.accordeon .item:not(.--open) .content-container {
  grid-template-rows: 0fr;
}
.accordeon .item:not(.--open) .content {
  padding-top: 0;
  padding-bottom: 0;
}
.accordeon .ctas-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media (min-width: 769px) {
  .accordeon {
    padding: var(--box-padding-large, 64px);
  }
  .accordeon h2 {
    line-height: var(--font-line-height-xl, 36px); /* 112.5% */
    margin-bottom: 32px;
  }
  .accordeon .item {
    border-bottom: 1px solid #dedede;
  }
  .accordeon .item .title {
    padding: var(--space-xl, 20px) 32px var(--space-xl, 20px) var(--space-2xl, 32px);
    padding-right: 58px;
  }
  .accordeon .item .title::after {
    right: 25px;
  }
  .accordeon .item .content {
    color: var(--text-body, #52525b);
    padding: 20px var(--space-2xl, 32px) 12px var(--space-2xl, 32px);
  }
}

/*------------------------------------*/
/* ACF Block: Galerie Slider */
/*------------------------------------*/
.gallery-slider {
  --gallery-gap: var(--space-md);
  overflow: hidden;
}
.gallery-slider .swiper {
  margin-left: calc(-1 * var(--gallery-gap) / 2);
  margin-right: calc(-1 * var(--gallery-gap) / 2);
}
.gallery-slider .swiper .swiper-slide {
  padding: 0px calc(var(--gallery-gap) / 2);
}
.gallery-slider .swiper .swiper-slide img {
  width: 100%;
  height: auto;
}
.gallery-slider .swiper .slider__controls {
  margin-top: var(--space-2xl);
  margin-left: calc(var(--gallery-gap) / 2);
  margin-right: calc(var(--gallery-gap) / 2);
}

/*------------------------------------*/
/* ACF Block: Hero Banner */
/*------------------------------------*/
.hero-banner {
  position: relative;
  background: #fff1f2;
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.hero-banner.layout-big .bg-element.--small {
  display: none;
}
@media (min-width: 769px) {
  .hero-banner.layout-big .bg-element.--small {
    display: block;
  }
}
.hero-banner.layout-small .bg-element,
.hero-banner.layout-small .bg-element.--small,
.hero-banner.layout-small .subline {
  display: none;
}
.hero-banner .inner {
  z-index: 1;
  align-items: center;
}
.hero-banner .inner .content-container {
  padding-top: 50px;
  z-index: 2;
  position: relative;
}
.hero-banner .inner .content-container > *:is(h1, h2, h3, h4, h5, h6, p, a, ul):not(.button):first-child {
  margin-top: 0;
  padding-top: 0;
}
.hero-banner .inner .content-container .text,
.hero-banner .inner .content-container .cta-grp {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-lg, 16px);
  align-self: stretch;
  text-align: center;
}
.hero-banner .inner .content-container p,
.hero-banner .inner .content-container h1,
.hero-banner .inner .content-container h4 {
  padding: 0;
}
.hero-banner .inner .content-container h4 {
  color: #787878;
  line-height: var(--font-line-height-lg, 27px); /* 150% */
}
.hero-banner .inner .content-container h1 {
  font-size: calc(30px + 10 * (100vw - 520px) / 600);
  line-height: var(--font-line-height-3xl, 60px); /* 150% */
}
@media screen and (max-width: 520px) {
  .hero-banner .inner .content-container h1 {
    font-size: 30px;
  }
}
@media screen and (min-width: 1120px) {
  .hero-banner .inner .content-container h1 {
    font-size: 40px;
  }
}
.hero-banner .inner .content-container h1 strong {
  color: var(--text-highlight, #e380a7);
  position: relative;
}
.hero-banner .inner .content-container h1 strong:after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.6875 0C18.8098 18.0879 18.0879 18.8098 0 19.6875C18.0879 20.5652 18.8098 21.2871 19.6875 39.375C20.5652 21.2871 21.2871 20.5652 39.375 19.6875C21.2871 18.8098 20.5652 18.0879 19.6875 0Z' fill='%23FFBAC8'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  transform: translate(-5px, -25px);
}
.hero-banner .inner .content-container p {
  color: var(--text-body, #52525b);
  line-height: 160%; /* 24px */
}
.hero-banner .inner .content-container .cta-grp {
  padding: 0;
  padding-top: var(--space-lg, 16px);
}
.hero-banner .inner .content-container .cta-grp .button-link {
  color: var(--rosa-800);
}
.hero-banner .inner .star {
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 1.3125C20.1223 19.4004 19.4004 20.1223 1.3125 21C19.4004 21.8777 20.1223 22.5996 21 40.6875C21.8777 22.5996 22.5996 21.8777 40.6875 21C22.5996 20.1223 21.8777 19.4004 21 1.3125Z' fill='%23FFBAC8'/%3E%3C/svg%3E%0A");
  width: 40px;
  height: 40px;
  right: 0;
  background-position: 100% 100%;
  position: absolute;
  display: none;
}
.hero-banner .inner .star.one {
  right: -150px;
}
.hero-banner .inner .star.two {
  height: 50px;
  width: 50px;
  right: calc(-100% + 50px);
  top: 100px;
}
.hero-banner .inner .star.three {
  right: calc(-100% - 100px);
}
.hero-banner .inner .star.four {
  top: 90%;
  right: -100%;
}
.hero-banner .inner .star.five {
  right: -80px;
  top: 20%;
}
@media (max-width: 768px) {
  .hero-banner .inner .star.one {
    display: none;
  }
  .hero-banner .inner .star.two {
    left: 0;
    right: 0;
    bottom: 30px;
    top: 130%;
  }
  .hero-banner .inner .star.three {
    left: 30px;
    top: 120%;
  }
  .hero-banner .inner .star.four {
    top: 120%;
    right: 0;
  }
  .hero-banner .inner .star.five {
    display: none;
  }
}
.hero-banner .inner .product-container {
  flex: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
.hero-banner .inner .product-container > div:not(.star) {
  margin-bottom: -100px;
  width: 100%;
  aspect-ratio: 4/3;
}
.hero-banner .bg-element {
  position: absolute;
}
.hero-banner .bg-element svg {
  height: 100%;
  width: 100%;
}
.hero-banner .bg-element.--small {
  left: 0;
  bottom: -30px;
  width: 218px;
  height: 144px;
}
.hero-banner .bg-element.--big {
  right: -50%;
  bottom: 0;
}
.hero-banner .bg-element.--big svg {
  margin-bottom: -5px;
}
@media (min-width: 769px) {
  .hero-banner {
    padding: 0;
  }
  .hero-banner.layout-small .cta-grp {
    padding-top: 60px !important;
  }
  .hero-banner.layout-big .inner .content-container {
    padding: 180px 0;
  }
  .hero-banner.layout-big .cta-grp {
    padding-top: 80px !important;
  }
  .hero-banner .inner {
    display: flex;
    gap: var(--space-600, 20px);
    justify-content: space-between;
  }
  .hero-banner .inner .content-container {
    width: calc(58% - 50px);
    padding: 100px 0;
  }
  .hero-banner .inner .content-container .text,
  .hero-banner .inner .content-container p {
    text-align: left;
  }
  .hero-banner .inner .content-container .text {
    align-items: flex-start;
    gap: 12px;
  }
  .hero-banner .inner .content-container p {
    max-width: 553px;
  }
  .hero-banner .inner .content-container .cta-grp {
    align-items: flex-start;
  }
  .hero-banner .inner .product-container {
    position: relative;
  }
  .hero-banner .inner .product-container > div:not(.star) {
    aspect-ratio: unset;
    height: calc(100% + 100px);
    width: calc(100% + 250px);
    margin-left: -100px;
    margin-right: -150px;
  }
  .hero-banner .bg-element {
    position: absolute;
  }
  .hero-banner .bg-element.--small {
    width: 218px;
    height: 144px;
    display: block;
  }
  .hero-banner .bg-element.--big {
    width: 650px;
    height: 430px;
    right: 0;
  }
}

body.home .hero-banner > .inner .star {
  display: block;
}

/*------------------------------------*/
/* ACF BLOCK - Image Text */
/*------------------------------------*/
.image-text {
  width: calc(100% - 2 * var(--layout-outergap));
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-2xl);
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.image-text .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.image-text .text > *:is(h1, h2, h3, h4, h5, h6, p, a, ul):not(.button):first-child {
  margin-top: 0;
  padding-top: 0;
}
.image-text .text h2 {
  font-size: calc(23px + 9 * (100vw - 520px) / 600);
}
@media screen and (max-width: 520px) {
  .image-text .text h2 {
    font-size: 23px;
  }
}
@media screen and (min-width: 1120px) {
  .image-text .text h2 {
    font-size: 32px;
  }
}
.image-text .image {
  aspect-ratio: 16/9;
  overflow: hidden;
}
.image-text .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-large, 16px);
}
.image-text .cta-grp {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl, 20px);
}
@media (min-width: 769px) {
  .image-text {
    flex-direction: row;
    gap: var(--space-4xl);
  }
  .image-text .text,
  .image-text .image {
    flex: auto;
    width: calc(50% - 32px);
  }
  .image-text .image {
    max-height: 530px;
  }
  .image-text.--order-text-image {
    flex-direction: row-reverse;
  }
}

sup {
  top: 0;
  font-size: 100%;
  padding-left: 5px;
}

/*------------------------------------*/
/* ACF BLOCK - Seitenanfang */
/*------------------------------------*/
.page-start {
  padding: var(--space-3xl) 0;
  background: var(--surface-dark);
  border-bottom: 4px solid var(--border-accent);
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.page-start .inner > *:is(h1, h2, h3, h4, h5, h6, p, a, ul):not(.button):first-child {
  margin-top: 0;
  padding-top: 0;
}
.page-start .inner h1 {
  color: var(--text-headings-on-dark);
}
.page-start .inner p {
  color: var(--text-body-on-dark);
}
@media (min-width: 769px) {
  .page-start {
    padding: var(--space-4xl) 0;
  }
}

/*# sourceMappingURL=main.css.map */