@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 */
  --colors-blue-100: #dcebe9;
  --colors-blue-200: #b8d7d3;
  --colors-blue-300: #8dbbb8;
  --colors-blue-400: #659c99;
  --colors-blue-50: #f4f9f8;
  --colors-blue-500: #4b817f;
  --colors-blue-600: #3a6766;
  --colors-blue-700: #2f4f4f;
  --colors-blue-800: #2b4444;
  --colors-blue-900: #273a3a;
  --colors-blue-950: #122121;
  --colors-dark-blue-100: #cde4fd;
  --colors-dark-blue-200: #91befe;
  --colors-dark-blue-300: #5392fd;
  --colors-dark-blue-400: #1c63fd;
  --colors-dark-blue-50: #ebf5ff;
  --colors-dark-blue-500: #023cd9;
  --colors-dark-blue-600: #02239c;
  --colors-dark-blue-700: #011160;
  --colors-dark-blue-800: #010f42;
  --colors-dark-blue-900: #00081e;
  --colors-dark-blue-950: #00050f;
  --colors-green-100: #d9f2e3;
  --colors-green-200: #b6e4cc;
  --colors-green-300: #86cfad;
  --colors-green-400: #65bc96;
  --colors-green-50: #effaf4;
  --colors-green-500: #31986f;
  --colors-green-600: #217a58;
  --colors-green-700: #1b6148;
  --colors-green-800: #174e3a;
  --colors-green-900: #144031;
  --colors-green-950: #0a241c;
  --colors-orange-100: #feead6;
  --colors-orange-200: #fdd2ab;
  --colors-orange-300: #fbb176;
  --colors-orange-400: #f8843b;
  --colors-orange-50: #fff6ed;
  --colors-orange-500: #ef6f2a;
  --colors-orange-600: #e74b0f;
  --colors-orange-700: #bf370f;
  --colors-orange-800: #982d14;
  --colors-orange-900: #7a2714;
  --colors-orange-950: #421108;
  --colors-taas-blue-100: #c8e7fe;
  --colors-taas-blue-200: #96d0fe;
  --colors-taas-blue-300: #5eb8fd;
  --colors-taas-blue-400: #2ba2fc;
  --colors-taas-blue-50: #e6f4ff;
  --colors-taas-blue-500: #0387ed;
  --colors-taas-blue-600: #016bba;
  --colors-taas-blue-700: #024b83;
  --colors-taas-blue-800: #012d4e;
  --colors-taas-blue-900: #011828;
  --colors-taas-blue-950: #000c14;
  /* 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: #16ad99;
  --theme-accent-accent-dark: #128576;
  --theme-accent-accent-darker: #036356;
  --theme-accent-accent-light: #4cbdae;
  --theme-accent-accent-lighter: #9fcac4;
  --theme-accent-accent-lightest: #eefbf6;
  --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: #008080;
  --theme-primary-primary-dark: #066769;
  --theme-primary-primary-darker: #003235;
  --theme-primary-primary-light: #4afef0;
  --theme-primary-primary-lighter: #00a8a5;
  --theme-primary-primary-lightest: #eefffc;
  --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);
  --radius-xs: var(--space-200);
  --radius-sm: var(--space-300);
  --radius-md: var(--space-400);
  --radius-lg: var(--space-500);
  --radius-xl: var(--space-600);
  --radius-2xl: var(--space-700);
  --radius-3xl: var(--space-800);
  --radius-4xl: var(--space-900);
  --space-2xs: var(--space-100);
  --space-xs: var(--space-200);
  --space-sm: var(--space-300);
  --space-md: var(--space-400);
  --space-lg: var(--space-500);
  --space-xl: var(--space-600);
  --space-2xl: var(--space-700);
  --space-3xl: var(--space-800);
  --space-4xl: var(--space-900);
}

/*------------------------------------*/
/* COLLECTION - 🗺️ Responsive Tokens */
/*------------------------------------*/
:root {
  /* numbers */
  --components-abstand-extrasmall: 16px;
  --components-abstand-small: 32px;
  --components-abstand-medium: 64px;
  --components-abstand-large: 96px;
  --components-abstand-extralarge: 148px;
  --components-box-padding-small: 16px;
  --components-box-padding-medium: 20px;
  --components-button-padding-y: 15px;
  --components-button-padding-x: 20px;
  --components-input-padding-y: 16px;
  --components-input-padding-x: 18px;
  --components-radius-small: 4px;
  --components-radius-medium: 12px;
  --components-radius-rounded: 1000px;
  --font-default-lineheight: 1.5;
  --font-body-lineheight: 1.7999999523162842;
  --font-default-linegap: 20px;
  --font-linegap-linegap-extrasmall: var(--font-default-linegap, 20px);
  --font-linegap-linegap-small: var(--layout-space-small, 20px);
  --font-linegap-linegap-medium: var(--layout-space-medium, 30px);
  --font-size-2xs: 11px;
  --font-size-sm: 13px;
  --font-size-xs: 13px;
  --font-size-md: 17px;
  --font-size-lg: 18px;
  --font-size-xl: 21px;
  --font-size-2xl: 26px;
  --font-size-3xl: 34px;
  --font-weight-regular: 500;
  --font-weight-bold: 600;
  --layout-outergap: var(--space-xl);
  --layout-grid-gutter: var(--space-4xl);
  --layout-grid-columns: 4px;
  --layout-grid-column-gap: 20px;
  --layout-grid-outergap: 20px;
  --layout-grid-inner: 360px;
  --layout-native-ui-height-bottom: 52px;
  --layout-native-ui-height-top: 137px;
  --layout-space-extrasmall: 10px;
  --layout-space-small: 20px;
  --layout-space-medium: 25px;
  --layout-space-large: 40px;
  --layout-space-extralarge: 80px;
  --layout-window-width: 390px;
  --layout-window-height: 844px;
  --font-line-height-3xl: 47.6px;
  --font-line-height-xl: 31.5px;
  --font-line-height-lg: 27px;
  --font-line-height-md: 25.5px;
  --font-line-height-sm: 22.5px;
  /* string */
  --font-family-body: "Causten";
  --font-family-headings: "Causten";
  /* desktop */
}
@media only screen and (min-width: 768px) {
  :root {
    /* numbers */
    --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-xl);
    --components-button-padding-x: var(--space-4xl);
    --components-input-radius: var(--radius-small);
    --components-input-font-size: 16px;
    --components-input-padding-y: 18px;
    --components-input-padding-x: 20px;
    --components-box-padding-small: 20px;
    --components-box-padding-medium: 32px;
    --components-button-padding-y: 20px;
    --components-button-padding-x: 32px;
    --components-input-padding-y: 18px;
    --components-input-padding-x: 20px;
    --components-radius-small: 4px;
    --components-radius-medium: 12px;
    --components-radius-rounded: 1000px;
    --font-default-lineheight: 1.5;
    --font-body-lineheight: 1.7999999523162842;
    --font-default-linegap: 20px;
    --font-linegap-linegap-extrasmall: var(--layout-space-extrasmall, 10px);
    --font-linegap-linegap-small: var(--layout-space-small, 20px);
    --font-linegap-linegap-medium: var(--layout-space-medium, 30px);
    --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: 40px;
    --font-size-3xl: 50px;
    --font-weight-regular: 500;
    --font-weight-bold: 600;
    --layout-outergap: var(--space-2xl);
    --font-line-height-3xl: 60px;
    --font-line-height-xl: 36px;
    --font-line-height-lg: 30px;
    --font-line-height-md: 27px;
    --font-line-height-sm: 24px;
    --layout-grid-columns: 12px;
    --layout-grid-column-gap: 20px;
    --layout-grid-outergap: 196px;
    --layout-grid-inner: 1120px;
    --layout-native-ui-height-bottom: 0px;
    --layout-native-ui-height-top: 136px;
    --layout-space-extrasmall: 10px;
    --layout-space-small: 20px;
    --layout-space-medium: 30px;
    --layout-space-large: 80px;
    --layout-space-extralarge: 160px;
    --layout-window-height: 982px;
    --layout-window-width: 1512px;
    /* string */
    --font-family-body: "Causten";
    --font-family-headings: "Causten";
  }
}

/*------------------------------------*/
/* COLLECTION - 🗺️ Theme Tokens */
/*------------------------------------*/
:root {
  /* colors */
  --divider: var(--theme-neutral-neutral-lighter);
  --divider-on-dark: var(--theme-primary-primary);
  --border-accent: var(--theme-accent-accent);
  --border-box: var(--theme-neutral-neutral-lightest);
  --border-error: var(--theme-error-error-lighter);
  --border-input: var(--theme-neutral-neutral-lighter);
  --border-input-error: var(--theme-error-error);
  --border-input-focus: var(--theme-accent-accent);
  --border-input-hover: var(--theme-accent-accent-lighter);
  --border-notice: var(--theme-notice-notice-lighter);
  --border-selector: var(--theme-neutral-neutral);
  --border-selector-active: var(--theme-accent-accent);
  --border-selector-hover: var(--theme-accent-accent);
  --border-selector-press: var(--theme-accent-accent);
  --border-success: var(--theme-success-success-lighter);
  --border-warning: var(--theme-warning-warning-lighter);
  --button-accent-action: var(--theme-accent-accent-darker);
  --button-accent-default: var(--theme-accent-accent);
  --button-accent-disabled: var(--theme-accent-accent-lighter);
  --button-accent-focus: var(--theme-accent-accent-dark);
  --button-accent-hover: var(--theme-accent-accent-dark);
  --button-neutral-action: var(--theme-neutral-neutral-lighter);
  --button-neutral-default: var(--theme-neutral-white);
  --button-neutral-disabled: var(--theme-neutral-neutral);
  --button-neutral-focus: var(--theme-neutral-neutral-lightest);
  --button-neutral-hover: var(--theme-neutral-neutral-lightest);
  --button-primary-action: var(--theme-primary-primary-darker);
  --button-primary-default: var(--theme-primary-primary);
  --button-primary-disabled: var(--theme-primary-primary-lightest);
  --button-primary-focus: var(--theme-primary-primary-dark);
  --button-primary-hover: var(--theme-primary-primary-dark);
  --icon-accent: var(--theme-accent-accent);
  --icon-error: var(--theme-error-error);
  --icon-neutral: var(--text-headings);
  --icon-neutral-on-dark: var(--text-headings-on-dark);
  --icon-neutral-on-disabled: var(--text-on-disabled);
  --icon-notice: var(--theme-notice-notice);
  --icon-primary: var(--theme-primary-primary);
  --icon-secondary: var(--theme-secondary-secondary);
  --icon-success: var(--theme-success-success);
  --icon-warning: var(--theme-warning-warning);
  --surface-accent: var(--theme-accent-accent-lightest);
  --surface-action: var(--theme-accent-accent);
  --surface-action-hover: var(--theme-accent-accent-dark);
  --surface-box: var(--theme-neutral-neutral-lighter);
  --surface-dark: var(--theme-primary-primary-dark);
  --surface-disabled: var(--theme-neutral-neutral);
  --surface-error: var(--theme-error-error-lightest);
  --surface-input: var(--theme-neutral-neutral-lightest);
  --surface-input-hover: var(--theme-accent-accent-lightest);
  --surface-modal: var(--theme-neutral-neutral-lightest);
  --surface-notice: var(--theme-notice-notice-lightest);
  --surface-page: var(--theme-neutral-white);
  --surface-primary: var(--theme-primary-primary);
  --surface-secondary: var(--theme-secondary-secondary);
  --surface-selector: var(--theme-neutral-white);
  --surface-selector-active: var(--theme-accent-accent);
  --surface-selector-hover: var(--theme-accent-accent-lightest);
  --surface-selector-press: var(--theme-accent-accent-lighter);
  --surface-success: var(--theme-success-success-lightest);
  --surface-warning: var(--theme-warning-warning-lightest);
  --text-action: var(--theme-accent-accent);
  --text-action-hover: var(--theme-accent-accent-dark);
  --text-action-press: var(--theme-accent-accent-darker);
  --text-body: var(--theme-neutral-neutral-dark);
  --text-body-on-dark: var(--theme-neutral-neutral-light);
  --text-disabled: var(--theme-neutral-neutral-light);
  --text-error: var(--theme-error-error);
  --text-headings: var(--theme-neutral-black);
  --text-headings-on-dark: var(--theme-neutral-white);
  --text-highlight: var(--theme-accent-accent);
  --text-highlight-on-dark: var(--theme-accent-accent-light);
  --text-notice: var(--theme-notice-notice);
  --text-on-action: var(--theme-neutral-white);
  --text-on-disabled: var(--theme-neutral-neutral-dark);
  --text-placeholder: var(--theme-neutral-neutral);
  --text-success: var(--theme-success-success);
  --text-warning: var(--theme-warning-warning);
  --divider: var(--theme-neutral-neutral-lighter, #NaNNaNNaNNaN);
  --divider-on-dark: var(--theme-primary-primary, #NaNNaNNaNNaN);
  --border-accent: var(--theme-accent-accent, #NaNNaNNaNNaN);
  --border-box: var(--theme-neutral-neutral-light, #NaNNaNNaNNaN);
  --border-error: var(--theme-error-error-lighter, #NaNNaNNaNNaN);
  --border-input: var(--theme-neutral-neutral-lighter, #NaNNaNNaNNaN);
  --border-input-error: var(--theme-error-error, #NaNNaNNaNNaN);
  --border-input-focus: var(--theme-accent-accent, #NaNNaNNaNNaN);
  --border-input-hover: var(--theme-accent-accent-lighter, #NaNNaNNaNNaN);
  --border-notice: var(--theme-notice-notice-lighter, #NaNNaNNaNNaN);
  --border-selector: var(--theme-neutral-neutral, #NaNNaNNaNNaN);
  --border-selector-active: var(--theme-accent-accent, #NaNNaNNaNNaN);
  --border-selector-hover: var(--theme-accent-accent, #NaNNaNNaNNaN);
  --border-selector-press: var(--theme-accent-accent, #NaNNaNNaNNaN);
  --border-success: var(--theme-success-success-lighter, #NaNNaNNaNNaN);
  --border-warning: var(--theme-warning-warning-lighter, #NaNNaNNaNNaN);
  --button-accent-action: #008585;
  --button-accent-default: #00a7a5;
  --button-accent-disabled: #eefffc;
  --button-accent-focus: #008585;
  --button-accent-hover: #008585;
  --button-neutral-action: var(--theme-neutral-white, #NaNNaNNaNNaN);
  --button-neutral-default: var(--theme-neutral-white, #NaNNaNNaNNaN);
  --button-neutral-disabled: var(--theme-neutral-neutral, #NaNNaNNaNNaN);
  --button-neutral-focus: var(--theme-neutral-white, #NaNNaNNaNNaN);
  --button-neutral-hover: var(--theme-neutral-white, #NaNNaNNaNNaN);
  --button-primary-action: var(--theme-primary-primary-darker, #NaNNaNNaNNaN);
  --button-primary-default: var(--theme-primary-primary, #NaNNaNNaNNaN);
  --button-primary-disabled: var(
  	--theme-primary-primary-lightest,
  	#NaNNaNNaNNaN
  );
  --button-primary-focus: var(--theme-primary-primary-dark, #NaNNaNNaNNaN);
  --button-primary-hover: var(--theme-primary-primary-dark, #NaNNaNNaNNaN);
  --icon-accent: #7be2d4;
  --icon-error: var(--theme-error-error, #NaNNaNNaNNaN);
  --icon-neutral: var(--theme-neutral-neutral-darker, #NaNNaNNaNNaN);
  --icon-neutral-on-dark: var(--theme-neutral-white, #NaNNaNNaNNaN);
  --icon-neutral-on-disabled: var(
  	--theme-neutral-neutral-dark,
  	#NaNNaNNaNNaN
  );
  --icon-notice: var(--theme-notice-notice, #NaNNaNNaNNaN);
  --icon-primary: var(--theme-primary-primary, #NaNNaNNaNNaN);
  --icon-secondary: var(--theme-secondary-secondary, #NaNNaNNaNNaN);
  --icon-success: var(--theme-success-success, #NaNNaNNaNNaN);
  --icon-warning: var(--theme-warning-warning, #NaNNaNNaNNaN);
  --surface-accent: var(--theme-accent-accent-lightest, #NaNNaNNaNNaN);
  --surface-action: var(--theme-primary-primary, #NaNNaNNaNNaN);
  --surface-action-hover: var(--theme-primary-primary-dark, #NaNNaNNaNNaN);
  --surface-box: var(--theme-neutral-neutral-lighter, #NaNNaNNaNNaN);
  --surface-dark: var(--theme-primary-primary, #NaNNaNNaNNaN);
  --surface-disabled: var(--theme-neutral-neutral, #NaNNaNNaNNaN);
  --surface-error: var(--theme-error-error-lightest, #NaNNaNNaNNaN);
  --surface-führung: #008080;
  --surface-input: var(--theme-neutral-white, #NaNNaNNaNNaN);
  --surface-input-hover: var(--theme-accent-accent-lightest, #NaNNaNNaNNaN);
  --surface-kommunikation: #77d7ca;
  --surface-modal: var(--theme-neutral-neutral-lightest, #NaNNaNNaNNaN);
  --surface-notice: var(--theme-notice-notice-lightest, #NaNNaNNaNNaN);
  --surface-page: var(--theme-neutral-white, #NaNNaNNaNNaN);
  --surface-persönlichkeitsentwicklung: #16ad99;
  --surface-primary: var(--theme-primary-primary, #NaNNaNNaNNaN);
  --surface-primary-background: var(--theme-primary-primary, #NaNNaNNaNNaN);
  --surface-primary-card: var(--theme-primary-primary-dark, #NaNNaNNaNNaN);
  --surface-secondary: #7fe0b2;
  --surface-selector: var(--theme-neutral-white, #NaNNaNNaNNaN);
  --surface-selector-active: var(
  	--theme-accent-accent-lighter,
  	#NaNNaNNaNNaN
  );
  --surface-selector-hover: var(
  	--theme-accent-accent-lightest,
  	#NaNNaNNaNNaN
  );
  --surface-selector-press: var(--theme-accent-accent-lighter, #NaNNaNNaNNaN);
  --surface-success: var(--theme-success-success-lightest, #NaNNaNNaNNaN);
  --surface-warning: var(--theme-warning-warning-lightest, #NaNNaNNaNNaN);
  --text-action: #16ad99;
  --text-action-hover: var(--theme-accent-accent-dark, #NaNNaNNaNNaN);
  --text-action-press: var(--theme-accent-accent-darker, #NaNNaNNaNNaN);
  --text-body: var(--theme-neutral-neutral-dark, #NaNNaNNaNNaN);
  --text-body-on-dark: var(--theme-neutral-white, #NaNNaNNaNNaN);
  --text-disabled: var(--theme-neutral-neutral-light, #NaNNaNNaNNaN);
  --text-error: var(--theme-error-error, #NaNNaNNaNNaN);
  --text-headings: var(--theme-neutral-neutral-darker, #NaNNaNNaNNaN);
  --text-headings-on-dark: var(--theme-neutral-white, #NaNNaNNaNNaN);
  --text-highlight: #16ad99;
  --text-highlight-on-dark: var(--theme-primary-primary-light, #NaNNaNNaNNaN);
  --text-notice: var(--theme-notice-notice, #NaNNaNNaNNaN);
  --text-on-action: var(--theme-neutral-white, #NaNNaNNaNNaN);
  --text-on-disabled: var(--theme-neutral-neutral-dark, #NaNNaNNaNNaN);
  --text-placeholder: var(--theme-neutral-neutral, #NaNNaNNaNNaN);
  --text-success: var(--theme-success-success, #NaNNaNNaNNaN);
  --text-warning: var(--theme-warning-warning, #NaNNaNNaNNaN);
}

/*------------------------------------*/
/* 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: var(--button-primary-default, #008080);
  border-radius: 3.5px;
}

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

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

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 32px;
  height: 2px;
  background-color: var(--icon-neutral, #3f444a);
  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;
}

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

/* Causten Regular */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Causten";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Causten-Regular.woff2") format("woff2"), url("../fonts/Causten-Regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* Causten Medium */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Causten";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Causten-Medium.woff2") format("woff2"), url("../fonts/Causten-Medium.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* Causten Bold */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Causten";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Causten-Bold.woff2") format("woff2"), url("../fonts/Causten-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-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
}
@media screen and (max-width: 520px) {
  body {
    font-size: 13px;
  }
}
@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: 0;
  padding: var(--font-default-linegap) 0px 0px;
  line-height: var(--font-default-lineheight);
  color: var(--text-headings);
  font-size: var(--font-size-3xl, 50px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-3xl, 60px); /* 120% */
  font-size: calc(34px + 16 * (100vw - 520px) / 600);
}
@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: 50px;
  }
}

h2,
.h2,
.--show-as-h2 {
  margin: 0;
  padding: var(--font-default-linegap) 0px 0px;
  line-height: var(--font-default-lineheight);
  color: var(--text-headings);
  font-size: var(--font-size-3xl, 50px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-3xl, 60px); /* 120% */
  line-height: 130%;
  font-size: calc(26px + 14 * (100vw - 520px) / 600);
}
@media screen and (max-width: 520px) {
  h2,
  .h2,
  .--show-as-h2 {
    font-size: 26px;
  }
}
@media screen and (min-width: 1120px) {
  h2,
  .h2,
  .--show-as-h2 {
    font-size: 40px;
  }
}

h3,
.h3,
.--show-as-h3 {
  margin: 0;
  padding: var(--font-default-linegap) 0px 0px;
  line-height: var(--font-default-lineheight);
  color: var(--text-headings);
  font-size: var(--font-size-3xl, 50px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-3xl, 60px); /* 120% */
  font-size: calc(21px + 3 * (100vw - 520px) / 600);
  font-weight: 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: 0;
  padding: var(--font-default-linegap) 0px 0px;
  line-height: var(--font-default-lineheight);
  color: var(--text-headings);
  font-size: var(--font-size-3xl, 50px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-3xl, 60px); /* 120% */
  font-size: calc(18px + 2 * (100vw - 520px) / 600);
  font-weight: 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;
  }
}

.subline,
.h4,
.--show-as-h4 {
  margin: 0;
  padding: var(--font-default-linegap) 0px 0px;
  line-height: var(--font-default-lineheight);
  color: var(--text-headings);
  font-size: var(--font-size-3xl, 50px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-3xl, 60px); /* 120% */
  font-size: calc(18px + 2 * (100vw - 520px) / 600);
  font-weight: 600;
  line-height: var(--font-line-height-lg, 30px); /* 150% */
  color: var(--text-highlight, #16ad99);
}
@media screen and (max-width: 520px) {
  .subline,
  .h4,
  .--show-as-h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 1120px) {
  .subline,
  .h4,
  .--show-as-h4 {
    font-size: 20px;
  }
}

h5,
.h5,
.--show-as-h5 {
  margin: 0;
  padding: var(--font-default-linegap) 0px 0px;
  line-height: var(--font-default-lineheight);
  color: var(--text-headings);
  font-size: var(--font-size-3xl, 50px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-3xl, 60px); /* 120% */
  font-size: calc(17px + 1 * (100vw - 520px) / 600);
  font-weight: 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;
  }
}

.h5,
.--show-as-h5 {
  margin: 0;
  padding: var(--font-default-linegap) 0px 0px;
  line-height: var(--font-default-lineheight);
  color: var(--text-headings);
  font-size: var(--font-size-3xl, 50px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-3xl, 60px); /* 120% */
  font-size: calc(17px + 1 * (100vw - 520px) / 600);
  font-weight: 600;
  line-height: var(--font-line-height-md, 27px); /* 150% */
  color: var(--text-highlight, #16ad99);
}
@media screen and (max-width: 520px) {
  .h5,
  .--show-as-h5 {
    font-size: 17px;
  }
}
@media screen and (min-width: 1120px) {
  .h5,
  .--show-as-h5 {
    font-size: 18px;
  }
}

h6,
.h6,
.--show-as-h6 {
  margin: 0;
  padding: var(--font-default-linegap) 0px 0px;
  line-height: var(--font-default-lineheight);
  color: var(--text-headings);
  font-size: var(--font-size-3xl, 50px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-3xl, 60px); /* 120% */
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  font-size: var(--font-size-sm, 16px);
  font-weight: 600;
  line-height: var(--font-line-height-sm, 24px); /* 150% */
}
@media screen and (max-width: 520px) {
  h6,
  .h6,
  .--show-as-h6 {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  h6,
  .h6,
  .--show-as-h6 {
    font-size: 16px;
  }
}

.h6,
.--show-as-h6 {
  margin: 0;
  padding: var(--font-default-linegap) 0px 0px;
  line-height: var(--font-default-lineheight);
  color: var(--text-headings);
  font-size: var(--font-size-3xl, 50px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-3xl, 60px); /* 120% */
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  font-size: var(--font-size-sm, 16px);
  font-weight: 600;
  line-height: var(--font-line-height-sm, 24px); /* 150% */
  color: var(--text-highlight, #16ad99);
}
@media screen and (max-width: 520px) {
  .h6,
  .--show-as-h6 {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .h6,
  .--show-as-h6 {
    font-size: 16px;
  }
}

:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6).deco-stroke {
  width: fit-content;
  z-index: 3;
  position: relative;
  z-index: 1;
}
:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6).deco-stroke span {
  position: relative;
}
:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6).deco-stroke span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(100% - 152px + 35px);
  width: 152px;
  height: 25px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='156' height='24' viewBox='0 0 156 24' fill='none'%3E%3Cpath d='M1.00799 10.66C1.7805 10.1952 2.95715 10.0569 3.89483 10.0855C4.18909 10.0933 4.18018 10.5402 4.38912 10.5639C4.79593 10.6103 5.06847 10.3087 5.4841 10.3869C5.62104 10.4153 5.67156 11.1022 5.81045 11.1174C6.57159 11.1953 7.16394 10.8382 7.89544 10.7708C11.4902 10.4416 14.9302 9.78807 18.4821 9.27705C19.6586 9.10586 21.1797 9.39314 22.3095 8.88263C22.4411 8.82245 22.2372 8.2629 22.2534 8.2098C22.5157 7.39447 22.6223 8.58838 22.9264 8.68654C24.1203 9.07587 25.3165 8.89334 26.3075 8.47234C26.7244 8.29254 26.0678 7.22535 26.6316 7.78739C26.6705 7.82523 26.6758 8.46146 26.8083 8.50434C27.1069 8.60058 27.6146 8.39211 27.8275 8.40343C28.2491 8.42626 28.3153 8.40782 28.7037 8.34474C29.246 8.26218 29.9032 8.46184 30.4537 8.22244C30.5702 8.16964 30.2988 7.56523 30.4754 7.42384C30.6515 7.28262 31.163 7.2504 31.3617 7.37034C31.5591 7.49049 31.5698 8.00033 31.6195 8.1092C32.03 9.02948 32.4048 7.59681 32.4702 7.55228C33.7552 6.76287 35.0759 7.33443 36.3638 7.1367C37.3562 6.98281 38.3558 6.57936 39.3156 6.47802C39.976 6.41056 40.6018 6.45903 41.2349 6.46458C41.6502 6.4701 42.0686 6.45606 42.505 6.37345C42.6193 6.35256 42.3845 5.62255 42.5243 5.59551C44.0046 5.30974 45.488 5.20356 47.0376 5.52621C47.1937 5.55916 47.0815 6.24051 47.2422 6.31278C48.2057 6.74255 49.8064 7.86913 49.9977 4.94249C50.6205 4.98276 51.3948 5.01049 52.0031 5.52646C52.3979 5.85819 52.1369 6.61431 52.5353 6.2591C52.6255 6.17983 52.427 5.56614 52.5677 5.49475C53.1594 5.19488 53.8696 5.32237 54.44 4.93096C54.5569 4.84975 54.4611 4.29048 54.4852 4.18521C54.6916 3.33145 55.3363 4.6347 55.4551 4.72163C56.3652 5.36707 56.9188 5.01503 57.6899 4.95166C57.8684 4.93735 57.578 4.20295 57.747 4.16201C58.6287 3.95937 59.5423 3.93044 60.4507 4.17712C60.6524 4.23388 60.5398 4.89679 60.6396 4.95691C61.076 5.21445 61.0409 3.98769 61.457 4.21152C61.5445 4.25716 61.5539 4.81383 61.575 4.87294C61.9048 5.80105 61.9731 4.43214 62.0306 4.39631C62.7554 3.91293 63.3827 5.27263 64.098 5.00129C64.1837 4.96739 63.9165 4.28817 64.1616 4.23561C65.7997 3.88083 67.5638 3.90728 69.2488 4.31574C69.5111 4.37828 69.3779 4.92014 69.3999 4.9834C69.7536 5.97084 69.7978 4.60012 69.8762 4.54146C70.4981 4.11395 71.2086 5.19564 71.5081 3.54114C74.3277 3.85232 77.011 2.70823 79.8772 3.92968C79.9135 3.94358 79.9058 4.61675 79.978 4.64159C80.8479 4.94787 80.6014 3.9229 81.0541 2.60785C81.1684 2.27758 81.7176 3.77647 81.7641 3.88586C81.9344 4.289 81.8724 5.29441 81.9247 5.37092C82.3545 5.97028 82.0275 2.68808 82.542 2.64592C82.5585 2.65012 82.5393 3.26058 82.5872 3.3173C82.7362 3.4955 82.8498 3.2445 82.9973 3.44239C83.3353 3.90057 83.568 5.48957 83.9512 4.5239C83.9995 4.39871 83.7646 2.5407 84.229 2.59294C84.4131 2.61538 85.2212 2.52037 85.4571 2.62382C85.6929 2.72707 85.5837 3.34009 85.6019 3.36487C86.2725 4.11271 86.0667 4.45992 86.4614 5.61325C86.8551 6.76225 86.5572 3.97276 86.6576 3.65121C86.7583 3.33052 87.2536 3.95249 87.3816 4.17212C87.5088 4.39188 87.4005 4.78421 87.508 4.90588C88.2191 5.70032 87.6877 3.49653 87.8679 3.03666C88.2926 1.94799 88.8387 3.99262 89.3115 4.16198C89.4395 4.2077 89.3035 3.74283 89.4106 3.69051C89.838 3.48938 90.1509 4.11703 90.607 3.48731C90.6816 3.38466 90.9952 2.10835 91.3219 3.00475C91.3683 3.13406 91.3007 3.65847 91.4955 3.76083C91.7845 3.91467 92.3 3.99137 92.5882 3.79729C92.8013 3.6537 92.4863 2.81998 92.7847 3.06477C92.9172 3.17414 92.7224 3.68869 92.9683 3.85261C93.2131 4.01652 93.8027 3.95316 94.0256 3.92039C94.2482 3.88721 94.0807 3.24959 94.0958 3.2048C94.1887 2.94775 94.6022 2.60603 94.6404 2.60419C96.5628 2.39232 98.409 3.36394 100.267 2.88348C100.412 2.84678 100.271 2.17134 100.293 2.15871C100.776 1.84127 100.496 3.6787 100.884 4.26324C100.746 2.88315 100.968 3.1205 101.317 2.94635C101.485 2.86135 101.357 2.33157 101.37 2.27575C101.574 1.4462 101.817 2.4861 101.876 2.69826C102.093 3.47863 102.218 2.53296 102.364 3.05455C102.511 3.57221 102.297 4.36607 102.635 4.33531C102.699 3.83425 102.368 2.55548 102.613 2.32997C103.543 1.47619 105.421 2.38444 106.219 2.44506C107.01 2.50574 107.246 2.40098 107.722 2.55418C108.568 2.83221 108.212 1.88842 108.699 1.42094C109.186 0.953757 109.065 3.33076 109.165 3.83491C109.264 4.33895 109.314 3.81197 109.418 4.08643C109.523 4.36076 109.345 4.7167 109.564 4.81014C109.784 4.9034 110.316 3.96943 110.363 3.43427C110.463 2.30043 110.142 1.13233 110.722 1.5187C110.755 1.5417 110.683 2.16859 110.809 2.22513C111.612 2.57473 112.466 2.62457 113.266 2.83662C113.455 2.88451 113.643 2.94074 113.829 3.01069C113.967 3.06356 113.879 3.76083 113.959 3.79943C114.794 4.20418 114.448 3.05152 114.833 1.7359C114.813 3.46448 115.096 4.50841 115.724 4.49123C116.097 4.48179 116 3.73154 116.217 3.19052C116.283 3.02743 116.565 3.53357 116.597 3.17745C116.706 2.01316 116.398 0.727455 117.063 1.2171C117.093 1.24047 117.028 1.87793 117.128 1.91232C117.77 2.13803 117.797 0.923897 118.46 0.7516C118.999 0.615691 119.956 1.32081 120.572 1.42059C120.626 3.36022 121.183 2.8972 121.369 1.55285C121.754 1.5954 122.186 1.50659 122.57 1.68048C122.703 1.73973 122.633 2.30377 122.651 2.36397C122.93 3.30858 123.061 2.00287 123.143 1.94955C124.056 1.42831 124.813 2.39674 125.677 1.41428C125.707 1.37893 125.731 0.0302351 125.982 1.00954C125.999 1.07708 125.726 1.69586 126.133 1.73522C126.554 1.77438 127.331 2.48339 127.9 1.85086C128.038 1.69849 128.377 0.599636 128.665 1.45128C128.703 1.56693 128.667 1.95394 128.723 2.16842C128.9 2.85188 128.986 1.48849 129.205 2.64375C129.428 3.79896 129.843 4.66169 130.419 3.8599C130.437 3.83658 130.569 2.75601 130.75 2.77229C131.039 2.79916 131.444 3.02306 131.751 3.01593C131.896 3.01213 131.803 2.34166 131.828 2.32939C132.789 1.9539 133.501 2.55492 134.526 2.82589C134.72 2.8769 135.283 1.97006 135.638 2.69935C136.033 3.49812 135.563 6.78053 136.486 6.0155C136.865 5.71023 137.448 1.54672 138.059 3.73038C139.375 3.23528 140.547 4.39405 141.88 3.70493C141.941 3.67451 142.201 2.52235 142.339 2.54678C142.542 2.58518 142.62 3.13611 142.767 3.18165C143.366 3.38535 143.969 2.96215 144.557 3.08192C144.781 3.12637 144.65 3.6808 144.921 3.73476C145.184 3.78776 145.431 3.06442 145.758 3.45289C145.887 3.60187 145.985 4.06265 146.09 4.51081C146.203 4.95626 146.318 5.38872 146.491 5.4931C146.644 4.00554 146.89 4.05885 147.369 3.70855C147.463 3.64074 147.42 3.11362 147.467 3.05486C147.664 2.80442 147.765 3.24795 147.956 2.97371C148.002 2.9078 148.055 2.39988 148.095 2.31733C148.439 1.59592 148.764 2.78632 148.813 2.99321C149.02 3.78045 149.225 3.1358 149.414 3.46002C149.595 3.78372 149.227 4.11491 149.454 4.32602C149.93 4.76416 150.605 4.7757 151.069 4.91351C151.252 4.96605 151.299 4.27486 151.329 4.26694C151.74 4.23043 151.848 4.75477 152.345 4.44929C152.471 4.37831 152.628 4.2631 152.835 4.0899C151.921 5.60141 151.923 5.49835 152.304 5.25556C152.66 4.99295 153.389 4.60695 153.331 5.10949C153.324 5.19485 152.007 6.20525 151.734 6.25049C151.473 6.3081 151.734 5.82899 151.403 6.05124C151.365 6.07735 151.09 6.37607 150.856 6.71072C150.608 7.04656 150.452 7.44326 150.441 7.49027C150.355 8.26169 151.107 5.88312 151.133 5.7512C151.413 4.29167 150.574 5.81986 150.491 5.9256C149.962 6.36549 149.588 5.96484 149.123 6.28837C148.814 6.49731 148.601 8.10912 148.397 8.03576C147.704 7.7935 147.663 5.51188 146.773 7.40088C146.579 7.80376 146.569 9.5866 146.157 8.14553C146.141 8.08568 146.016 7.49587 145.835 7.32575C145.747 7.23844 145.646 7.26294 145.542 7.52984C145.504 7.62873 145.459 8.14446 145.417 8.18434C145.137 8.44196 144.999 8.0159 144.71 8.18968C144.415 8.363 144.063 8.62988 143.763 8.43067C143.587 8.31178 143.405 7.33116 143.336 7.08946C143.13 6.39239 142.77 7.48567 142.669 6.65345C142.56 5.81659 142.968 4.58325 142.565 4.02095C142.463 5.36213 142.336 6.73737 142.227 8.08573C141.315 7.98035 140.429 7.49887 139.494 7.51929C139.38 7.52328 139.466 8.25053 139.343 8.27348C138.816 8.36702 138.382 7.83577 137.834 8.02429C137.409 8.17299 136.934 8.9262 136.488 9.10908C136.257 7.56417 135.582 8.07332 135.119 7.92602C134.954 7.87498 134.971 7.46415 134.853 7.32841C134.406 6.82657 134.6 8.18934 134.474 8.40182C133.952 9.30956 133.926 6.23059 133.3 6.30243C133.268 6.30513 132.857 7.94396 132.801 8.04602C132.442 8.71108 132.744 7.47463 132.52 7.3527C132.118 7.13014 131.844 6.73803 131.359 7.21955C131.22 7.36216 130.901 8.38586 130.627 7.59614C130.591 7.49273 130.608 6.95026 130.579 6.91864C130.051 6.39206 130.054 8.09661 129.768 8.676C129.483 9.25528 129.01 8.08366 128.913 7.74572C128.664 6.8713 129.094 7.36881 129.109 7.28264C129.257 6.2567 128.915 6.43651 128.667 6.35294C128.612 4.68241 128.256 4.78721 128.404 6.27317C128.421 6.43545 128.616 6.27719 128.667 6.35294C128.466 7.99494 128.082 8.20978 127.62 6.68461C127.409 5.96981 127.588 5.12929 126.978 5.44587C126.7 5.58902 126.829 6.73749 126.586 7.05568C126.036 7.78158 125.284 6.724 124.707 6.90703C124.5 6.9734 124.718 7.59817 124.577 7.66525C124.204 7.84528 123.851 7.38164 123.469 7.63414C123.436 7.6578 123.537 8.31458 123.42 8.32616C122.531 8.42715 121.726 8.02919 120.779 8.04921C120.31 8.05946 119.531 8.45097 119.043 8.39621C118.231 8.30348 117.157 7.38724 116.483 7.64907C116.033 7.81742 116.161 8.47208 115.984 8.92943C115.638 9.81607 114.906 8.28736 114.806 8.05018C114.803 8.04228 115.185 7.86943 114.962 7.54063C114.809 6.84148 114.81 8.04693 114.806 8.05018C114.741 7.89676 113.947 7.78359 113.792 7.9172C113.71 7.99007 113.787 8.61188 113.744 8.63808C113.678 8.67632 113.613 8.713 113.547 8.74811C112.603 9.27029 111.601 9.4428 110.598 9.22089C110.578 9.20926 110.57 8.50988 110.525 8.49127C109.888 8.2134 109.533 9.08847 109.057 9.62254C108.578 10.1566 108.162 10.0094 107.79 8.82856C107.413 9.00084 106.839 8.50208 106.501 8.19912C106.164 7.89608 106.197 9.25683 106.17 9.28528C105.336 10.1958 104.809 9.44688 103.887 9.38088C103.444 9.34749 102.619 9.59565 102.158 9.77342C101.798 9.91593 101.551 9.61194 101.226 9.83671C101.182 9.86675 101.267 10.4683 101.254 10.4925C100.925 11.2395 101.011 9.7503 100.917 9.49129C100.574 8.54942 100.367 8.04934 99.9102 8.53206C99.8046 8.64266 99.6153 10.7914 99.4186 10.9291C99.1625 11.1043 99.2125 10.3352 98.9493 10.538C98.9267 10.5546 98.9624 11.0247 98.791 11.0152C97.9983 10.9767 97.099 10.7618 96.2862 10.8645C96.1741 10.8768 96.369 11.613 96.2079 11.6431C95.4525 11.7834 94.6068 11.8142 93.843 11.5171C93.6539 11.4417 93.7318 10.9113 93.6812 10.759C93.3709 9.83783 93.1202 11.2258 93.0649 11.2559C91.7469 12.0081 90.6141 10.8503 89.2706 11.5407C89.1975 11.5807 88.7258 13.0853 88.3715 11.8518C88.3475 11.7698 87.9933 10.5071 87.8316 11.4009C87.8216 11.4568 88.0321 12.1047 87.7468 12.0586C87.4632 12.0126 87.0489 12.4875 86.6095 11.7919C86.4706 11.5728 86.0843 10.3162 85.7998 11.3636C85.7815 11.4366 85.3998 13.7848 85.0774 12.2103C85.0246 11.9511 84.9268 10.2658 84.562 11.1624C84.4925 11.3362 84.672 11.6997 84.4728 11.9512C84.168 12.3386 83.69 11.9229 83.3391 12.7052C83.278 12.8436 83.0647 14.0098 82.7519 13.1627C82.7028 13.03 82.7302 12.4625 82.5964 12.41C81.9597 12.1578 81.3481 12.5856 80.6931 12.2482C80.461 12.1298 80.4994 11.2127 80.2494 10.9883C79.9995 10.7641 79.5163 10.5685 79.3101 11.0034C79.1038 11.4385 79.4873 12.8633 79.1367 13.0092C77.6129 13.6428 75.9916 12.927 74.4164 12.9405C74.1831 12.9424 74.4207 13.4429 74.0803 13.4829C72.824 13.6321 70.6979 14.314 69.5038 13.3169C68.5477 12.5179 69.5857 11.7452 68.8838 11.4493C68.5455 11.3085 68.3529 13.0219 68.2799 13.0821C67.5684 13.6913 66.9695 12.9973 66.309 13.2913C66.1721 13.3523 66.3765 14.0199 66.2591 14.0643C65.8584 14.2221 65.3969 13.9601 65.0102 14.0541C64.837 14.0978 64.9203 14.6146 64.7549 14.5903C64.3593 14.5383 63.9981 14.3532 63.5695 13.9037C63.5305 13.8628 63.6992 13.1928 63.4091 13.1974C62.9399 13.2066 62.315 12.7839 61.8336 13.3342C61.6906 13.4995 61.8071 14.6879 61.3811 13.9024C61.292 13.7384 61.2372 12.3026 60.9657 13.5758C60.9191 13.7875 60.4251 15.5183 59.9892 14.4807C59.8741 14.2076 59.5333 13.0634 59.363 13.2666C59.3404 13.2986 59.5099 13.9258 59.3597 14.0044C58.8226 14.2711 58.2321 14.2647 57.6855 14.5253C57.5397 14.5961 57.836 15.2319 57.6168 15.3164C57.0176 15.5493 56.2105 15.4671 55.5833 15.3272C55.3511 15.2745 55.4454 14.711 55.4226 14.6533C55.0538 13.7149 55.044 15.0377 54.9661 15.1234C54.4708 15.6399 53.9879 15.0732 53.508 15.292C53.3755 15.3507 53.5436 15.962 53.5225 16.0206C53.3012 16.5949 53.3849 15.4533 53.1917 15.3505C52.6557 15.0582 52.0858 15.1746 51.5879 15.3133C51.4045 15.3652 51.6987 16.062 51.5334 16.1003C50.5675 16.3392 49.5081 16.396 48.5049 16.1157C48.3114 16.0622 48.359 15.4929 48.3051 15.3709C47.9308 14.5164 47.6947 15.774 47.6213 15.9002C47.2857 16.4763 47.0698 16.005 46.7305 16.1409C45.4963 16.6374 43.9945 16.7456 42.6477 16.7783C42.1499 16.7918 41.676 16.7949 41.2431 16.8019C39.0924 16.8431 37.3792 16.5622 35.3996 17.0181C35.2718 17.0468 35.5196 17.7605 35.4113 17.7946C34.0224 18.1994 32.5953 18.145 31.2227 18.6072C31.1116 18.6435 31.3991 19.3087 31.2256 19.3903C30.8677 19.563 30.3743 19.6134 29.9567 19.4614C29.7524 19.3887 29.8905 18.7478 29.6868 18.6869C29.2133 18.5436 28.7213 18.5849 28.3003 18.7805C28.1208 18.8654 28.5408 19.5194 28.2978 19.5744C26.6228 19.969 25.0127 20.425 23.1257 19.8831C22.9966 19.8458 22.5836 18.4355 22.3917 18.7662C22.4613 19.1675 22.5663 19.6344 22.6526 20.0607C20.2729 20.8306 17.7832 20.9182 15.3455 21.4959C15.2439 21.5201 15.6205 22.2229 15.4256 22.2735C14.2873 22.5704 13.2539 23.0861 11.8766 22.6851C11.7401 22.6465 11.4139 21.3179 11.1313 21.6167C11.0836 21.67 10.6171 21.9987 10.5701 22.3226C10.565 22.3709 10.8412 22.9539 10.6817 23.0211C9.74922 23.4018 8.70212 23.5717 7.61726 23.5028C7.44249 23.4903 7.40539 22.7902 7.27899 22.7757C6.37798 22.68 5.67274 23.4453 4.72212 23.1009C4.08589 22.8678 3.91782 21.6891 3.29463 20.6747C3.20658 20.5317 2.8814 20.6083 2.66053 19.973C2.1043 18.3756 1.69525 16.5626 1.0842 14.8657C0.952767 14.5002 0.654628 15.0342 0.621184 14.0602C0.619639 13.9948 0.833535 13.5997 0.812996 13.2722C0.799125 13.0457 0.495729 12.4246 0.518316 12.1218C0.541 11.8192 0.834274 12.3273 0.913462 11.9548C0.991416 11.5783 0.675809 10.8623 1.00799 10.66ZM104.982 6.8464C104.65 6.21155 104.749 8.60269 105.032 8.01251C105.045 7.98115 104.999 6.8775 104.982 6.8464ZM140.519 5.69944C140.189 4.62686 139.86 6.1659 140.089 6.9921C140.31 7.8173 140.62 6.02474 140.519 5.69944ZM144.509 5.18545C144.129 4.3202 143.796 7.69763 144.321 7.0513C144.351 7.01483 144.531 5.23569 144.509 5.18545ZM4.45628 19.9595C4.44304 19.9304 4.20547 19.9734 4.2096 20.0051C4.31861 20.7678 4.7925 20.6817 4.45628 19.9595ZM148.521 4.71768C148.431 4.24588 147.974 4.73104 148.088 5.31675C148.173 5.78702 148.63 5.30393 148.521 4.71768ZM89.41 5.32585C89.4027 5.29063 89.2296 5.27124 89.2479 5.47199C89.3075 6.11851 89.5314 5.91824 89.41 5.32585ZM153.289 7.45407C152.934 6.56613 154.965 4.52732 155.298 5.70091C155.352 5.90645 154.302 5.76837 154.217 6.12275C154.053 6.75414 155.736 6.15799 155.146 7.03524C155.035 7.19117 153.304 7.50584 153.285 7.45449C153.286 7.45435 153.288 7.45421 153.289 7.45407ZM104.644 3.98736C104.636 3.95611 104.398 3.94018 104.394 3.97185C104.311 4.73773 104.791 4.77027 104.644 3.98736ZM79.2963 4.63413C79.2777 4.56798 78.7219 4.55087 78.7091 4.61431C78.5253 5.87605 79.648 5.91441 79.2963 4.63413ZM120.584 1.472C120.821 0.699379 121.131 0.599278 121.367 1.55191C121.109 1.50915 120.848 1.51017 120.584 1.472Z' fill='%2302FFDD'/%3E%3C/svg%3E");
  z-index: -1;
  transform: translateY(8px);
  animation: stroke-grow 5s linear infinite;
}
@media (min-width: 769px) {
  :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6).deco-stroke span::after {
    left: calc(100% - 152px);
  }
}
:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6).colored-number:before {
  display: inline-block;
  color: var(--text-highlight, #16ad99);
  content: attr(data-number);
  margin-right: 20px;
}

@keyframes stroke-grow {
  0% {
    width: 0;
  }
  50% {
    width: 152px;
  }
  100% {
    width: 152px;
  }
}
/*------------------------------------*/
/* SECTION - Links */
/*------------------------------------*/
a {
  color: var(--text-highlight, #16ad99);
  text-decoration: underline;
  text-underline-position: under;
  transition: var(--transition);
}
a:hover {
  cursor: pointer;
  color: var(--theme-accent-accent);
}
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: 7px;
  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-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
  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: 13px;
  }
}
@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 width='7' height='8' viewBox='0 0 7 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='7' height='7' fill='%23008080'/%3E%3C/svg%3E%0A");
  left: 0;
  top: 50%;
  translate: 0 -50%;
}

/*------------------------------------*/
/* 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.page *,
body.page *:after,
body.page *:before,
body.archive *,
body.archive *:after,
body.archive *:before,
body.single *,
body.single *:after,
body.single *:before,
body.single-seminare *,
body.single-seminare *:after,
body.single-seminare *:before,
body.single-termine *,
body.single-termine *:after,
body.single-termine *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html {
  font-size: 100%;
}

/* 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);
}

/*------------------------------------*\
    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;
  position: relative;
}
@media (min-width: 769px) {
  .allcont::before {
    content: "";
    display: block;
    position: absolute;
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    opacity: 1;
    --line: #f8f8f8;
    /* Höhe der "Kaskade" (wie lang die längsten Linien sind) */
    --H1: 42vh; /* außen */
    --H2: 54vh;
    --H3: 68vh;
    --H4: 80vh; /* innen am längsten */
    background: linear-gradient(var(--line), var(--line)) 11% 0/1px var(--H1) no-repeat, linear-gradient(var(--line), var(--line)) 22% 0/1px var(--H2) no-repeat, linear-gradient(var(--line), var(--line)) 33% 0/1px var(--H3) no-repeat, linear-gradient(var(--line), var(--line)) 44% 0/1px var(--H4) no-repeat, linear-gradient(var(--line), var(--line)) 56% 0/1px var(--H4) no-repeat, linear-gradient(var(--line), var(--line)) 67% 0/1px var(--H3) no-repeat, linear-gradient(var(--line), var(--line)) 78% 0/1px var(--H2) no-repeat, linear-gradient(var(--line), var(--line)) 89% 0/1px var(--H1) no-repeat;
  }
}

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

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

.gridrow,
.wp-block-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  column-gap: var(--layout-grid-gutter);
  row-gap: var(--font-default-linegap);
  flex-wrap: wrap;
  width: 100%;
  margin: 0px auto;
}
.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;
}

/* justify col */
.justify-center,
.are-horizontally-justified-center {
  justify-content: center;
}

.is-horizontally-justified-center {
  justify-self: center;
}

.wp-block-columns.are-horizontally-justified-start {
  justify-content: flex-start;
}

.is-horizontally-justified-start {
  justify-self: flex-start;
}

.are-horizontally-justified-end {
  justify-content: flex-end;
}

.is-horizontally-justified-end {
  justify-self: flex-end;
}

.are-horizontally-justified-space-between {
  justify-content: space-between;
}

.are-horizontally-justified-space-around {
  justify-content: space-around;
}

.are-horizontally-justified-space-evenly {
  justify-content: space-evenly;
}

@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,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close),
.acf-block-preview input[type=submit],
body.page a.button,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close),
body.page input[type=submit],
body.archive a.button,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close),
body.archive input[type=submit],
body.single a.button,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close),
body.single input[type=submit],
body.single-seminare a.button,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close),
body.single-seminare input[type=submit],
body.single-termine a.button,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close),
body.single-termine input[type=submit] {
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
  font-size: calc(15px + 1 * (100vw - 520px) / 600);
  display: inline-block;
  text-decoration: none;
  font-weight: var(--font-weight-bold);
  line-height: 1;
  text-align: center;
  outline: none;
  border: none;
  border-radius: var(--components-radius-medium, 12px);
  transition: var(--transition);
  transition-property: background;
  box-sizing: border-box;
  padding: var(--components-button-padding-y, 20px) var(--components-button-padding-x, 32px);
  color: var(--text-on-action);
  background: var(--button-primary-default, #008080);
}
@media screen and (max-width: 520px) {
  .acf-block-preview a.button,
  .acf-block-preview button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  .acf-block-preview input[type=submit],
  body.page a.button,
  body.page button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.page input[type=submit],
  body.archive a.button,
  body.archive button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.archive input[type=submit],
  body.single a.button,
  body.single button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.single input[type=submit],
  body.single-seminare a.button,
  body.single-seminare button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.single-seminare input[type=submit],
  body.single-termine a.button,
  body.single-termine button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.single-termine input[type=submit] {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .acf-block-preview a.button,
  .acf-block-preview button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  .acf-block-preview input[type=submit],
  body.page a.button,
  body.page button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.page input[type=submit],
  body.archive a.button,
  body.archive button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.archive input[type=submit],
  body.single a.button,
  body.single button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.single input[type=submit],
  body.single-seminare a.button,
  body.single-seminare button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.single-seminare input[type=submit],
  body.single-termine a.button,
  body.single-termine button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.single-termine input[type=submit] {
    font-size: 16px;
  }
}
@media screen and (max-width: 520px) {
  .acf-block-preview a.button,
  .acf-block-preview button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  .acf-block-preview input[type=submit],
  body.page a.button,
  body.page button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.page input[type=submit],
  body.archive a.button,
  body.archive button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.archive input[type=submit],
  body.single a.button,
  body.single button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.single input[type=submit],
  body.single-seminare a.button,
  body.single-seminare button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.single-seminare input[type=submit],
  body.single-termine a.button,
  body.single-termine button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.single-termine input[type=submit] {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  .acf-block-preview a.button,
  .acf-block-preview button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  .acf-block-preview input[type=submit],
  body.page a.button,
  body.page button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.page input[type=submit],
  body.archive a.button,
  body.archive button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.archive input[type=submit],
  body.single a.button,
  body.single button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.single input[type=submit],
  body.single-seminare a.button,
  body.single-seminare button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.single-seminare input[type=submit],
  body.single-termine a.button,
  body.single-termine button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.single-termine input[type=submit] {
    font-size: 16px;
  }
}
.acf-block-preview a.button:hover,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):hover,
.acf-block-preview input[type=submit]:hover,
body.page a.button:hover,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):hover,
body.page input[type=submit]:hover,
body.archive a.button:hover,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):hover,
body.archive input[type=submit]:hover,
body.single a.button:hover,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):hover,
body.single input[type=submit]:hover,
body.single-seminare a.button:hover,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):hover,
body.single-seminare input[type=submit]:hover,
body.single-termine a.button:hover,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):hover,
body.single-termine input[type=submit]:hover {
  background: var(--button-primary-hover, #066769);
}
.acf-block-preview a.button:focus-visible,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):focus-visible,
.acf-block-preview input[type=submit]:focus-visible,
body.page a.button:focus-visible,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):focus-visible,
body.page input[type=submit]:focus-visible,
body.archive a.button:focus-visible,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):focus-visible,
body.archive input[type=submit]:focus-visible,
body.single a.button:focus-visible,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):focus-visible,
body.single input[type=submit]:focus-visible,
body.single-seminare a.button:focus-visible,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):focus-visible,
body.single-seminare input[type=submit]:focus-visible,
body.single-termine a.button:focus-visible,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):focus-visible,
body.single-termine input[type=submit]:focus-visible {
  background: var(--button-primary-focus, #066769);
  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: var(--button-accent-action);
  --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,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):active,
.acf-block-preview input[type=submit]:active,
body.page a.button:active,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):active,
body.page input[type=submit]:active,
body.archive a.button:active,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):active,
body.archive input[type=submit]:active,
body.single a.button:active,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):active,
body.single input[type=submit]:active,
body.single-seminare a.button:active,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):active,
body.single-seminare input[type=submit]:active,
body.single-termine a.button:active,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):active,
body.single-termine input[type=submit]:active {
  background: var(--button-primary-action, #003235);
  transition: none;
}
.acf-block-preview a.button:disabled,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):disabled,
.acf-block-preview input[type=submit]:disabled,
body.page a.button:disabled,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):disabled,
body.page input[type=submit]:disabled,
body.archive a.button:disabled,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):disabled,
body.archive input[type=submit]:disabled,
body.single a.button:disabled,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):disabled,
body.single input[type=submit]:disabled,
body.single-seminare a.button:disabled,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):disabled,
body.single-seminare input[type=submit]:disabled,
body.single-termine a.button:disabled,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):disabled,
body.single-termine input[type=submit]:disabled {
  background: var(--button-primary-disabled, #eefffc);
  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,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary,
.acf-block-preview input[type=submit].--color-main,
.acf-block-preview input[type=submit].--color-primary,
body.page a.button.--color-main,
body.page a.button.--color-primary,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary,
body.page input[type=submit].--color-main,
body.page input[type=submit].--color-primary,
body.archive a.button.--color-main,
body.archive a.button.--color-primary,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary,
body.archive input[type=submit].--color-main,
body.archive input[type=submit].--color-primary,
body.single a.button.--color-main,
body.single a.button.--color-primary,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary,
body.single input[type=submit].--color-main,
body.single input[type=submit].--color-primary,
body.single-seminare a.button.--color-main,
body.single-seminare a.button.--color-primary,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary,
body.single-seminare input[type=submit].--color-main,
body.single-seminare input[type=submit].--color-primary,
body.single-termine a.button.--color-main,
body.single-termine a.button.--color-primary,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary,
body.single-termine input[type=submit].--color-main,
body.single-termine input[type=submit].--color-primary {
  background: var(--button-primary-default, #008080);
  color: var(--text-on-action);
}
.acf-block-preview a.button.--color-main:hover, .acf-block-preview a.button.--color-primary:hover,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:hover,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:hover,
.acf-block-preview input[type=submit].--color-main:hover,
.acf-block-preview input[type=submit].--color-primary:hover,
body.page a.button.--color-main:hover,
body.page a.button.--color-primary:hover,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:hover,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:hover,
body.page input[type=submit].--color-main:hover,
body.page input[type=submit].--color-primary:hover,
body.archive a.button.--color-main:hover,
body.archive a.button.--color-primary:hover,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:hover,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:hover,
body.archive input[type=submit].--color-main:hover,
body.archive input[type=submit].--color-primary:hover,
body.single a.button.--color-main:hover,
body.single a.button.--color-primary:hover,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:hover,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:hover,
body.single input[type=submit].--color-main:hover,
body.single input[type=submit].--color-primary:hover,
body.single-seminare a.button.--color-main:hover,
body.single-seminare a.button.--color-primary:hover,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:hover,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:hover,
body.single-seminare input[type=submit].--color-main:hover,
body.single-seminare input[type=submit].--color-primary:hover,
body.single-termine a.button.--color-main:hover,
body.single-termine a.button.--color-primary:hover,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:hover,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:hover,
body.single-termine input[type=submit].--color-main:hover,
body.single-termine input[type=submit].--color-primary:hover {
  background: var(--button-primary-hover, #066769);
}
.acf-block-preview a.button.--color-main:focus, .acf-block-preview a.button.--color-primary:focus,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:focus,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:focus,
.acf-block-preview input[type=submit].--color-main:focus,
.acf-block-preview input[type=submit].--color-primary:focus,
body.page a.button.--color-main:focus,
body.page a.button.--color-primary:focus,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:focus,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:focus,
body.page input[type=submit].--color-main:focus,
body.page input[type=submit].--color-primary:focus,
body.archive a.button.--color-main:focus,
body.archive a.button.--color-primary:focus,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:focus,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:focus,
body.archive input[type=submit].--color-main:focus,
body.archive input[type=submit].--color-primary:focus,
body.single a.button.--color-main:focus,
body.single a.button.--color-primary:focus,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:focus,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:focus,
body.single input[type=submit].--color-main:focus,
body.single input[type=submit].--color-primary:focus,
body.single-seminare a.button.--color-main:focus,
body.single-seminare a.button.--color-primary:focus,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:focus,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:focus,
body.single-seminare input[type=submit].--color-main:focus,
body.single-seminare input[type=submit].--color-primary:focus,
body.single-termine a.button.--color-main:focus,
body.single-termine a.button.--color-primary:focus,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:focus,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:focus,
body.single-termine input[type=submit].--color-main:focus,
body.single-termine input[type=submit].--color-primary:focus {
  --tw-ring-color: var(
  	--button-primary-focus,
  	#066769
  ) !important;
  background: var(--button-primary-focus, #066769);
}
.acf-block-preview a.button.--color-main:active, .acf-block-preview a.button.--color-primary:active,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:active,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:active,
.acf-block-preview input[type=submit].--color-main:active,
.acf-block-preview input[type=submit].--color-primary:active,
body.page a.button.--color-main:active,
body.page a.button.--color-primary:active,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:active,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:active,
body.page input[type=submit].--color-main:active,
body.page input[type=submit].--color-primary:active,
body.archive a.button.--color-main:active,
body.archive a.button.--color-primary:active,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:active,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:active,
body.archive input[type=submit].--color-main:active,
body.archive input[type=submit].--color-primary:active,
body.single a.button.--color-main:active,
body.single a.button.--color-primary:active,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:active,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:active,
body.single input[type=submit].--color-main:active,
body.single input[type=submit].--color-primary:active,
body.single-seminare a.button.--color-main:active,
body.single-seminare a.button.--color-primary:active,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:active,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:active,
body.single-seminare input[type=submit].--color-main:active,
body.single-seminare input[type=submit].--color-primary:active,
body.single-termine a.button.--color-main:active,
body.single-termine a.button.--color-primary:active,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:active,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:active,
body.single-termine input[type=submit].--color-main:active,
body.single-termine input[type=submit].--color-primary:active {
  background: var(--button-primary-action, #003235);
}
.acf-block-preview a.button.--color-main:disabled, .acf-block-preview a.button.--color-primary:disabled,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:disabled,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:disabled,
.acf-block-preview input[type=submit].--color-main:disabled,
.acf-block-preview input[type=submit].--color-primary:disabled,
body.page a.button.--color-main:disabled,
body.page a.button.--color-primary:disabled,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:disabled,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:disabled,
body.page input[type=submit].--color-main:disabled,
body.page input[type=submit].--color-primary:disabled,
body.archive a.button.--color-main:disabled,
body.archive a.button.--color-primary:disabled,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:disabled,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:disabled,
body.archive input[type=submit].--color-main:disabled,
body.archive input[type=submit].--color-primary:disabled,
body.single a.button.--color-main:disabled,
body.single a.button.--color-primary:disabled,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:disabled,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:disabled,
body.single input[type=submit].--color-main:disabled,
body.single input[type=submit].--color-primary:disabled,
body.single-seminare a.button.--color-main:disabled,
body.single-seminare a.button.--color-primary:disabled,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:disabled,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:disabled,
body.single-seminare input[type=submit].--color-main:disabled,
body.single-seminare input[type=submit].--color-primary:disabled,
body.single-termine a.button.--color-main:disabled,
body.single-termine a.button.--color-primary:disabled,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-main:disabled,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-primary:disabled,
body.single-termine input[type=submit].--color-main:disabled,
body.single-termine input[type=submit].--color-primary:disabled {
  background: var(--button-primary-disabled, #eefffc);
  color: var(--text-on-disabled);
}
.acf-block-preview a.button.--color-second, .acf-block-preview a.button.--color-accent,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent,
.acf-block-preview input[type=submit].--color-second,
.acf-block-preview input[type=submit].--color-accent,
body.page a.button.--color-second,
body.page a.button.--color-accent,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent,
body.page input[type=submit].--color-second,
body.page input[type=submit].--color-accent,
body.archive a.button.--color-second,
body.archive a.button.--color-accent,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent,
body.archive input[type=submit].--color-second,
body.archive input[type=submit].--color-accent,
body.single a.button.--color-second,
body.single a.button.--color-accent,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent,
body.single input[type=submit].--color-second,
body.single input[type=submit].--color-accent,
body.single-seminare a.button.--color-second,
body.single-seminare a.button.--color-accent,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent,
body.single-seminare input[type=submit].--color-second,
body.single-seminare input[type=submit].--color-accent,
body.single-termine a.button.--color-second,
body.single-termine a.button.--color-accent,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent,
body.single-termine input[type=submit].--color-second,
body.single-termine input[type=submit].--color-accent {
  background: var(--button-accent-default, #00a7a5);
  color: var(--text-on-action);
}
.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,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:hover,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:focus,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:hover,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--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.page a.button.--color-second:hover,
body.page a.button.--color-second:focus,
body.page a.button.--color-accent:hover,
body.page a.button.--color-accent:focus,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:hover,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:focus,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:hover,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:focus,
body.page input[type=submit].--color-second:hover,
body.page input[type=submit].--color-second:focus,
body.page input[type=submit].--color-accent:hover,
body.page input[type=submit].--color-accent:focus,
body.archive a.button.--color-second:hover,
body.archive a.button.--color-second:focus,
body.archive a.button.--color-accent:hover,
body.archive a.button.--color-accent:focus,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:hover,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:focus,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:hover,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:focus,
body.archive input[type=submit].--color-second:hover,
body.archive input[type=submit].--color-second:focus,
body.archive input[type=submit].--color-accent:hover,
body.archive input[type=submit].--color-accent:focus,
body.single a.button.--color-second:hover,
body.single a.button.--color-second:focus,
body.single a.button.--color-accent:hover,
body.single a.button.--color-accent:focus,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:hover,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:focus,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:hover,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:focus,
body.single input[type=submit].--color-second:hover,
body.single input[type=submit].--color-second:focus,
body.single input[type=submit].--color-accent:hover,
body.single input[type=submit].--color-accent:focus,
body.single-seminare a.button.--color-second:hover,
body.single-seminare a.button.--color-second:focus,
body.single-seminare a.button.--color-accent:hover,
body.single-seminare a.button.--color-accent:focus,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:hover,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:focus,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:hover,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:focus,
body.single-seminare input[type=submit].--color-second:hover,
body.single-seminare input[type=submit].--color-second:focus,
body.single-seminare input[type=submit].--color-accent:hover,
body.single-seminare input[type=submit].--color-accent:focus,
body.single-termine a.button.--color-second:hover,
body.single-termine a.button.--color-second:focus,
body.single-termine a.button.--color-accent:hover,
body.single-termine a.button.--color-accent:focus,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:hover,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:focus,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:hover,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:focus,
body.single-termine input[type=submit].--color-second:hover,
body.single-termine input[type=submit].--color-second:focus,
body.single-termine input[type=submit].--color-accent:hover,
body.single-termine input[type=submit].--color-accent:focus {
  background: var(--button-accent-hover, #008585);
}
.acf-block-preview a.button.--color-second:focus, .acf-block-preview a.button.--color-accent:focus,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:focus,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:focus,
.acf-block-preview input[type=submit].--color-second:focus,
.acf-block-preview input[type=submit].--color-accent:focus,
body.page a.button.--color-second:focus,
body.page a.button.--color-accent:focus,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:focus,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:focus,
body.page input[type=submit].--color-second:focus,
body.page input[type=submit].--color-accent:focus,
body.archive a.button.--color-second:focus,
body.archive a.button.--color-accent:focus,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:focus,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:focus,
body.archive input[type=submit].--color-second:focus,
body.archive input[type=submit].--color-accent:focus,
body.single a.button.--color-second:focus,
body.single a.button.--color-accent:focus,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:focus,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:focus,
body.single input[type=submit].--color-second:focus,
body.single input[type=submit].--color-accent:focus,
body.single-seminare a.button.--color-second:focus,
body.single-seminare a.button.--color-accent:focus,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:focus,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:focus,
body.single-seminare input[type=submit].--color-second:focus,
body.single-seminare input[type=submit].--color-accent:focus,
body.single-termine a.button.--color-second:focus,
body.single-termine a.button.--color-accent:focus,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:focus,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:focus,
body.single-termine input[type=submit].--color-second:focus,
body.single-termine input[type=submit].--color-accent:focus {
  --tw-ring-color: var(--button-accent-hover, #008585) !important;
}
.acf-block-preview a.button.--color-second:active, .acf-block-preview a.button.--color-accent:active,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:active,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:active,
.acf-block-preview input[type=submit].--color-second:active,
.acf-block-preview input[type=submit].--color-accent:active,
body.page a.button.--color-second:active,
body.page a.button.--color-accent:active,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:active,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:active,
body.page input[type=submit].--color-second:active,
body.page input[type=submit].--color-accent:active,
body.archive a.button.--color-second:active,
body.archive a.button.--color-accent:active,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:active,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:active,
body.archive input[type=submit].--color-second:active,
body.archive input[type=submit].--color-accent:active,
body.single a.button.--color-second:active,
body.single a.button.--color-accent:active,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:active,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:active,
body.single input[type=submit].--color-second:active,
body.single input[type=submit].--color-accent:active,
body.single-seminare a.button.--color-second:active,
body.single-seminare a.button.--color-accent:active,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:active,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:active,
body.single-seminare input[type=submit].--color-second:active,
body.single-seminare input[type=submit].--color-accent:active,
body.single-termine a.button.--color-second:active,
body.single-termine a.button.--color-accent:active,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:active,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:active,
body.single-termine input[type=submit].--color-second:active,
body.single-termine input[type=submit].--color-accent:active {
  background: var(--button-accent-action, #008585);
}
.acf-block-preview a.button.--color-second:disabled, .acf-block-preview a.button.--color-accent:disabled,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:disabled,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:disabled,
.acf-block-preview input[type=submit].--color-second:disabled,
.acf-block-preview input[type=submit].--color-accent:disabled,
body.page a.button.--color-second:disabled,
body.page a.button.--color-accent:disabled,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:disabled,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:disabled,
body.page input[type=submit].--color-second:disabled,
body.page input[type=submit].--color-accent:disabled,
body.archive a.button.--color-second:disabled,
body.archive a.button.--color-accent:disabled,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:disabled,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:disabled,
body.archive input[type=submit].--color-second:disabled,
body.archive input[type=submit].--color-accent:disabled,
body.single a.button.--color-second:disabled,
body.single a.button.--color-accent:disabled,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:disabled,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:disabled,
body.single input[type=submit].--color-second:disabled,
body.single input[type=submit].--color-accent:disabled,
body.single-seminare a.button.--color-second:disabled,
body.single-seminare a.button.--color-accent:disabled,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:disabled,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:disabled,
body.single-seminare input[type=submit].--color-second:disabled,
body.single-seminare input[type=submit].--color-accent:disabled,
body.single-termine a.button.--color-second:disabled,
body.single-termine a.button.--color-accent:disabled,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-second:disabled,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-accent:disabled,
body.single-termine input[type=submit].--color-second:disabled,
body.single-termine input[type=submit].--color-accent:disabled {
  color: var(--text-on-disabled, #52525b);
  background: var(--button-accent-disabled, #eefffc);
}
.acf-block-preview a.button.--color-white, .acf-block-preview a.button.--color-neutral,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral,
.acf-block-preview input[type=submit].--color-white,
.acf-block-preview input[type=submit].--color-neutral,
body.page a.button.--color-white,
body.page a.button.--color-neutral,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral,
body.page input[type=submit].--color-white,
body.page input[type=submit].--color-neutral,
body.archive a.button.--color-white,
body.archive a.button.--color-neutral,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral,
body.archive input[type=submit].--color-white,
body.archive input[type=submit].--color-neutral,
body.single a.button.--color-white,
body.single a.button.--color-neutral,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral,
body.single input[type=submit].--color-white,
body.single input[type=submit].--color-neutral,
body.single-seminare a.button.--color-white,
body.single-seminare a.button.--color-neutral,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral,
body.single-seminare input[type=submit].--color-white,
body.single-seminare input[type=submit].--color-neutral,
body.single-termine a.button.--color-white,
body.single-termine a.button.--color-neutral,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral,
body.single-termine input[type=submit].--color-white,
body.single-termine input[type=submit].--color-neutral {
  background-color: var(--button-neutral-default, #fff);
  color: var(--text-headings, #27272a);
  box-shadow: 2px 4px 16px 0 rgba(0, 0, 0, 0.2);
}
.acf-block-preview a.button.--color-white:hover, .acf-block-preview a.button.--color-white:focus, .acf-block-preview a.button.--color-neutral:hover, .acf-block-preview a.button.--color-neutral:focus,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:hover,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:focus,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:hover,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:focus,
.acf-block-preview input[type=submit].--color-white:hover,
.acf-block-preview input[type=submit].--color-white:focus,
.acf-block-preview input[type=submit].--color-neutral:hover,
.acf-block-preview input[type=submit].--color-neutral:focus,
body.page a.button.--color-white:hover,
body.page a.button.--color-white:focus,
body.page a.button.--color-neutral:hover,
body.page a.button.--color-neutral:focus,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:hover,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:focus,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:hover,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:focus,
body.page input[type=submit].--color-white:hover,
body.page input[type=submit].--color-white:focus,
body.page input[type=submit].--color-neutral:hover,
body.page input[type=submit].--color-neutral:focus,
body.archive a.button.--color-white:hover,
body.archive a.button.--color-white:focus,
body.archive a.button.--color-neutral:hover,
body.archive a.button.--color-neutral:focus,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:hover,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:focus,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:hover,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:focus,
body.archive input[type=submit].--color-white:hover,
body.archive input[type=submit].--color-white:focus,
body.archive input[type=submit].--color-neutral:hover,
body.archive input[type=submit].--color-neutral:focus,
body.single a.button.--color-white:hover,
body.single a.button.--color-white:focus,
body.single a.button.--color-neutral:hover,
body.single a.button.--color-neutral:focus,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:hover,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:focus,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:hover,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:focus,
body.single input[type=submit].--color-white:hover,
body.single input[type=submit].--color-white:focus,
body.single input[type=submit].--color-neutral:hover,
body.single input[type=submit].--color-neutral:focus,
body.single-seminare a.button.--color-white:hover,
body.single-seminare a.button.--color-white:focus,
body.single-seminare a.button.--color-neutral:hover,
body.single-seminare a.button.--color-neutral:focus,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:hover,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:focus,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:hover,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:focus,
body.single-seminare input[type=submit].--color-white:hover,
body.single-seminare input[type=submit].--color-white:focus,
body.single-seminare input[type=submit].--color-neutral:hover,
body.single-seminare input[type=submit].--color-neutral:focus,
body.single-termine a.button.--color-white:hover,
body.single-termine a.button.--color-white:focus,
body.single-termine a.button.--color-neutral:hover,
body.single-termine a.button.--color-neutral:focus,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:hover,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:focus,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:hover,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:focus,
body.single-termine input[type=submit].--color-white:hover,
body.single-termine input[type=submit].--color-white:focus,
body.single-termine input[type=submit].--color-neutral:hover,
body.single-termine input[type=submit].--color-neutral:focus {
  background-color: var(--button-neutral-hover, #fff);
}
.acf-block-preview a.button.--color-white:focus, .acf-block-preview a.button.--color-neutral:focus,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:focus,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:focus,
.acf-block-preview input[type=submit].--color-white:focus,
.acf-block-preview input[type=submit].--color-neutral:focus,
body.page a.button.--color-white:focus,
body.page a.button.--color-neutral:focus,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:focus,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:focus,
body.page input[type=submit].--color-white:focus,
body.page input[type=submit].--color-neutral:focus,
body.archive a.button.--color-white:focus,
body.archive a.button.--color-neutral:focus,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:focus,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:focus,
body.archive input[type=submit].--color-white:focus,
body.archive input[type=submit].--color-neutral:focus,
body.single a.button.--color-white:focus,
body.single a.button.--color-neutral:focus,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:focus,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:focus,
body.single input[type=submit].--color-white:focus,
body.single input[type=submit].--color-neutral:focus,
body.single-seminare a.button.--color-white:focus,
body.single-seminare a.button.--color-neutral:focus,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:focus,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:focus,
body.single-seminare input[type=submit].--color-white:focus,
body.single-seminare input[type=submit].--color-neutral:focus,
body.single-termine a.button.--color-white:focus,
body.single-termine a.button.--color-neutral:focus,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:focus,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:focus,
body.single-termine input[type=submit].--color-white:focus,
body.single-termine input[type=submit].--color-neutral:focus {
  --tw-ring-color: var(--button-neutral-hover, #fff) !important;
}
.acf-block-preview a.button.--color-white:active, .acf-block-preview a.button.--color-neutral:active,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:active,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:active,
.acf-block-preview input[type=submit].--color-white:active,
.acf-block-preview input[type=submit].--color-neutral:active,
body.page a.button.--color-white:active,
body.page a.button.--color-neutral:active,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:active,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:active,
body.page input[type=submit].--color-white:active,
body.page input[type=submit].--color-neutral:active,
body.archive a.button.--color-white:active,
body.archive a.button.--color-neutral:active,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:active,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:active,
body.archive input[type=submit].--color-white:active,
body.archive input[type=submit].--color-neutral:active,
body.single a.button.--color-white:active,
body.single a.button.--color-neutral:active,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:active,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:active,
body.single input[type=submit].--color-white:active,
body.single input[type=submit].--color-neutral:active,
body.single-seminare a.button.--color-white:active,
body.single-seminare a.button.--color-neutral:active,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:active,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:active,
body.single-seminare input[type=submit].--color-white:active,
body.single-seminare input[type=submit].--color-neutral:active,
body.single-termine a.button.--color-white:active,
body.single-termine a.button.--color-neutral:active,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:active,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:active,
body.single-termine input[type=submit].--color-white:active,
body.single-termine input[type=submit].--color-neutral:active {
  background-color: var(--button-neutral-action, #fff);
}
.acf-block-preview a.button.--color-white:disabled, .acf-block-preview a.button.--color-neutral:disabled,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:disabled,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:disabled,
.acf-block-preview input[type=submit].--color-white:disabled,
.acf-block-preview input[type=submit].--color-neutral:disabled,
body.page a.button.--color-white:disabled,
body.page a.button.--color-neutral:disabled,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:disabled,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:disabled,
body.page input[type=submit].--color-white:disabled,
body.page input[type=submit].--color-neutral:disabled,
body.archive a.button.--color-white:disabled,
body.archive a.button.--color-neutral:disabled,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:disabled,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:disabled,
body.archive input[type=submit].--color-white:disabled,
body.archive input[type=submit].--color-neutral:disabled,
body.single a.button.--color-white:disabled,
body.single a.button.--color-neutral:disabled,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:disabled,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:disabled,
body.single input[type=submit].--color-white:disabled,
body.single input[type=submit].--color-neutral:disabled,
body.single-seminare a.button.--color-white:disabled,
body.single-seminare a.button.--color-neutral:disabled,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:disabled,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:disabled,
body.single-seminare input[type=submit].--color-white:disabled,
body.single-seminare input[type=submit].--color-neutral:disabled,
body.single-termine a.button.--color-white:disabled,
body.single-termine a.button.--color-neutral:disabled,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-white:disabled,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--color-neutral:disabled,
body.single-termine input[type=submit].--color-white:disabled,
body.single-termine input[type=submit].--color-neutral:disabled {
  opacity: 0.5;
  background-color: var(--button-neutral-disabled, #a1a1aa);
}
.acf-block-preview a.button.--size-regular,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--size-regular,
.acf-block-preview input[type=submit].--size-regular,
body.page a.button.--size-regular,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--size-regular,
body.page input[type=submit].--size-regular,
body.archive a.button.--size-regular,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--size-regular,
body.archive input[type=submit].--size-regular,
body.single a.button.--size-regular,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--size-regular,
body.single input[type=submit].--size-regular,
body.single-seminare a.button.--size-regular,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--size-regular,
body.single-seminare input[type=submit].--size-regular,
body.single-termine a.button.--size-regular,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--size-regular,
body.single-termine input[type=submit].--size-regular {
  padding: var(--components-button-padding-y, 20px) var(--components-button-padding-x, 32px);
  font-size: calc(15px + 1 * (100vw - 520px) / 600);
}
@media screen and (max-width: 520px) {
  .acf-block-preview a.button.--size-regular,
  .acf-block-preview button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-regular,
  .acf-block-preview input[type=submit].--size-regular,
  body.page a.button.--size-regular,
  body.page button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-regular,
  body.page input[type=submit].--size-regular,
  body.archive a.button.--size-regular,
  body.archive button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-regular,
  body.archive input[type=submit].--size-regular,
  body.single a.button.--size-regular,
  body.single button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-regular,
  body.single input[type=submit].--size-regular,
  body.single-seminare a.button.--size-regular,
  body.single-seminare button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-regular,
  body.single-seminare input[type=submit].--size-regular,
  body.single-termine a.button.--size-regular,
  body.single-termine button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-regular,
  body.single-termine input[type=submit].--size-regular {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  .acf-block-preview a.button.--size-regular,
  .acf-block-preview button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-regular,
  .acf-block-preview input[type=submit].--size-regular,
  body.page a.button.--size-regular,
  body.page button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-regular,
  body.page input[type=submit].--size-regular,
  body.archive a.button.--size-regular,
  body.archive button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-regular,
  body.archive input[type=submit].--size-regular,
  body.single a.button.--size-regular,
  body.single button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-regular,
  body.single input[type=submit].--size-regular,
  body.single-seminare a.button.--size-regular,
  body.single-seminare button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-regular,
  body.single-seminare input[type=submit].--size-regular,
  body.single-termine a.button.--size-regular,
  body.single-termine button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-regular,
  body.single-termine input[type=submit].--size-regular {
    font-size: 16px;
  }
}
.acf-block-preview a.button.--size-small,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--size-small,
.acf-block-preview input[type=submit].--size-small,
body.page a.button.--size-small,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--size-small,
body.page input[type=submit].--size-small,
body.archive a.button.--size-small,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--size-small,
body.archive input[type=submit].--size-small,
body.single a.button.--size-small,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--size-small,
body.single input[type=submit].--size-small,
body.single-seminare a.button.--size-small,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--size-small,
body.single-seminare input[type=submit].--size-small,
body.single-termine a.button.--size-small,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--size-small,
body.single-termine input[type=submit].--size-small {
  padding: var(--components-button-padding-y, 15px) var(--components-button-padding-x, 20px);
  font-size: calc(13px + 2 * (100vw - 520px) / 600);
}
@media screen and (max-width: 520px) {
  .acf-block-preview a.button.--size-small,
  .acf-block-preview button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-small,
  .acf-block-preview input[type=submit].--size-small,
  body.page a.button.--size-small,
  body.page button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-small,
  body.page input[type=submit].--size-small,
  body.archive a.button.--size-small,
  body.archive button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-small,
  body.archive input[type=submit].--size-small,
  body.single a.button.--size-small,
  body.single button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-small,
  body.single input[type=submit].--size-small,
  body.single-seminare a.button.--size-small,
  body.single-seminare button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-small,
  body.single-seminare input[type=submit].--size-small,
  body.single-termine a.button.--size-small,
  body.single-termine button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-small,
  body.single-termine input[type=submit].--size-small {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .acf-block-preview a.button.--size-small,
  .acf-block-preview button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-small,
  .acf-block-preview input[type=submit].--size-small,
  body.page a.button.--size-small,
  body.page button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-small,
  body.page input[type=submit].--size-small,
  body.archive a.button.--size-small,
  body.archive button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-small,
  body.archive input[type=submit].--size-small,
  body.single a.button.--size-small,
  body.single button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-small,
  body.single input[type=submit].--size-small,
  body.single-seminare a.button.--size-small,
  body.single-seminare button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-small,
  body.single-seminare input[type=submit].--size-small,
  body.single-termine a.button.--size-small,
  body.single-termine button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-small,
  body.single-termine input[type=submit].--size-small {
    font-size: 15px;
  }
}
.acf-block-preview a.button.--has-icon,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--has-icon,
.acf-block-preview input[type=submit].--has-icon,
body.page a.button.--has-icon,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--has-icon,
body.page input[type=submit].--has-icon,
body.archive a.button.--has-icon,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--has-icon,
body.archive input[type=submit].--has-icon,
body.single a.button.--has-icon,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--has-icon,
body.single input[type=submit].--has-icon,
body.single-seminare a.button.--has-icon,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--has-icon,
body.single-seminare input[type=submit].--has-icon,
body.single-termine a.button.--has-icon,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--has-icon,
body.single-termine input[type=submit].--has-icon {
  background-position: var(--components-button-padding-x, 32px) center;
  background-repeat: no-repeat;
  padding-left: calc(var(--components-button-padding-x, 32px) + 24px + 10px);
}
.acf-block-preview a.button.--icon-info,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--icon-info,
.acf-block-preview input[type=submit].--icon-info,
body.page a.button.--icon-info,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--icon-info,
body.page input[type=submit].--icon-info,
body.archive a.button.--icon-info,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--icon-info,
body.archive input[type=submit].--icon-info,
body.single a.button.--icon-info,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--icon-info,
body.single input[type=submit].--icon-info,
body.single-seminare a.button.--icon-info,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--icon-info,
body.single-seminare input[type=submit].--icon-info,
body.single-termine a.button.--icon-info,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--icon-info,
body.single-termine input[type=submit].--icon-info {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16.5V12.5M12 8.5H12.01M22 12.5C22 18.0228 17.5228 22.5 12 22.5C6.47715 22.5 2 18.0228 2 12.5C2 6.97715 6.47715 2.5 12 2.5C17.5228 2.5 22 6.97715 22 12.5Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.acf-block-preview a.button.--icon-plus,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--icon-plus,
.acf-block-preview input[type=submit].--icon-plus,
body.page a.button.--icon-plus,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--icon-plus,
body.page input[type=submit].--icon-plus,
body.archive a.button.--icon-plus,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--icon-plus,
body.archive input[type=submit].--icon-plus,
body.single a.button.--icon-plus,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--icon-plus,
body.single input[type=submit].--icon-plus,
body.single-seminare a.button.--icon-plus,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--icon-plus,
body.single-seminare input[type=submit].--icon-plus,
body.single-termine a.button.--icon-plus,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close).--icon-plus,
body.single-termine input[type=submit].--icon-plus {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12.5H19M12 5.5V19.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (max-width: 520px) {
  .acf-block-preview a.button,
  .acf-block-preview button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  .acf-block-preview input[type=submit],
  body.page a.button,
  body.page button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.page input[type=submit],
  body.archive a.button,
  body.archive button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.archive input[type=submit],
  body.single a.button,
  body.single button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.single input[type=submit],
  body.single-seminare a.button,
  body.single-seminare button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.single-seminare input[type=submit],
  body.single-termine a.button,
  body.single-termine button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close),
  body.single-termine input[type=submit] {
    width: 100%;
  }
  .acf-block-preview a.button.--size-regular,
  .acf-block-preview button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-regular,
  .acf-block-preview input[type=submit].--size-regular,
  body.page a.button.--size-regular,
  body.page button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-regular,
  body.page input[type=submit].--size-regular,
  body.archive a.button.--size-regular,
  body.archive button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-regular,
  body.archive input[type=submit].--size-regular,
  body.single a.button.--size-regular,
  body.single button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-regular,
  body.single input[type=submit].--size-regular,
  body.single-seminare a.button.--size-regular,
  body.single-seminare button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-regular,
  body.single-seminare input[type=submit].--size-regular,
  body.single-termine a.button.--size-regular,
  body.single-termine button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-regular,
  body.single-termine input[type=submit].--size-regular {
    padding: var(--components-button-padding-y, 20px) var(--components-button-padding-x, 32px);
  }
  .acf-block-preview a.button.--size-small,
  .acf-block-preview button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-small,
  .acf-block-preview input[type=submit].--size-small,
  body.page a.button.--size-small,
  body.page button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-small,
  body.page input[type=submit].--size-small,
  body.archive a.button.--size-small,
  body.archive button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-small,
  body.archive input[type=submit].--size-small,
  body.single a.button.--size-small,
  body.single button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-small,
  body.single input[type=submit].--size-small,
  body.single-seminare a.button.--size-small,
  body.single-seminare button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-small,
  body.single-seminare input[type=submit].--size-small,
  body.single-termine a.button.--size-small,
  body.single-termine button:not(.hamburger,
  .acc-title,
  .tab-button,
  .termin-card__show-details,
  .icon-close).--size-small,
  body.single-termine input[type=submit].--size-small {
    padding: var(--components-button-padding-y, 15px) var(--components-button-padding-x, 20px);
  }
}
.acf-block-preview a.button:hover,
.acf-block-preview button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):hover,
.acf-block-preview input[type=submit]:hover,
body.page a.button:hover,
body.page button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):hover,
body.page input[type=submit]:hover,
body.archive a.button:hover,
body.archive button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):hover,
body.archive input[type=submit]:hover,
body.single a.button:hover,
body.single button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):hover,
body.single input[type=submit]:hover,
body.single-seminare a.button:hover,
body.single-seminare button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):hover,
body.single-seminare input[type=submit]:hover,
body.single-termine a.button:hover,
body.single-termine button:not(.hamburger,
.acc-title,
.tab-button,
.termin-card__show-details,
.icon-close):hover,
body.single-termine input[type=submit]:hover {
  cursor: pointer;
}

a.button-link {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-sm);
  font-style: normal;
  font-weight: var(--font-weight-bold, 600);
  font-size: calc(15px + 1 * (100vw - 520px) / 600);
  font-family: var(--font-family-headings, "Causten");
  font-weight: var(--font-weight-bold);
  line-height: 100%;
  text-decoration: none;
  transition: var(--transition);
  position: relative;
  color: var(--button-accent-default, #00a7a5);
}
@media screen and (max-width: 520px) {
  a.button-link {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  a.button-link {
    font-size: 16px;
  }
}
a.button-link .arrow {
  transition: var(--transition);
}
a.button-link:hover, a.button-link:focus {
  color: var(--button-primary-hover, #066769);
  gap: var(--space-md);
}
a.button-link:hover, a.button-link:focus {
  color: var(--button-primary-hover, #066769);
  gap: var(--space-md);
}
a.button-link:active {
  color: var(--button-accent-action);
}
a.button-link:disabled {
  color: var(--button-accent-disabled);
}
a.button-link.--color-accent {
  color: var(--button-accent-default);
}
a.button-link.--color-accent:hover, a.button-link.--color-accent:focus {
  color: var(--button-accent-hover);
}
a.button-link.--color-accent:active {
  color: var(--button-accent-action);
}
a.button-link.--color-accent:disabled {
  color: var(--button-accent-disabled);
}
a.button-link.--color-neutral {
  color: var(--button-neutral-default, #fafafa);
}
a.button-link.--color-neutral:hover, a.button-link.--color-neutral:focus {
  color: var(--button-neutral-hover, #f4f4f5);
}
a.button-link.--color-neutral:active {
  color: var(--button-neutral-action);
}
a.button-link.--color-neutral:disabled {
  color: var(--button-neutral-disabled, #f4f4f5);
}

a.button-back {
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
  font-size: calc(15px + 1 * (100vw - 520px) / 600);
  display: inline-block;
  text-decoration: none;
  font-weight: var(--font-weight-bold);
  line-height: 1;
  text-align: center;
  outline: none;
  border: none;
  border-radius: var(--components-radius-medium, 12px);
  transition: var(--transition);
  transition-property: background;
  box-sizing: border-box;
  padding: var(--components-button-padding-y, 20px) var(--components-button-padding-x, 32px);
  color: var(--text-on-action);
  background: var(--button-primary-default, #008080);
  display: flex;
  padding: var(--components-button-padding-y, 20px) var(--components-button-padding-x, 32px);
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: var(--components-radius-medium, 12px);
  background: var(--button-neutral-default, #fff);
  box-shadow: 2px 4px 16px 0 rgba(0, 0, 0, 0.2);
  color: var(--text-headings, #27272a);
  transition: var(--transition);
}
@media screen and (max-width: 520px) {
  a.button-back {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  a.button-back {
    font-size: 16px;
  }
}
@media screen and (max-width: 520px) {
  a.button-back {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  a.button-back {
    font-size: 16px;
  }
}
a.button-back:hover {
  background: var(--button-primary-hover, #066769);
}
a.button-back:focus-visible {
  background: var(--button-primary-focus, #066769);
  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: var(--button-accent-action);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: white;
  --tw-ring-inset: ;
}
a.button-back:active {
  background: var(--button-primary-action, #003235);
  transition: none;
}
a.button-back:disabled {
  background: var(--button-primary-disabled, #eefffc);
  color: var(--text-on-disabled);
}
a.button-back.--color-main, a.button-back.--color-primary {
  background: var(--button-primary-default, #008080);
  color: var(--text-on-action);
}
a.button-back.--color-main:hover, a.button-back.--color-primary:hover {
  background: var(--button-primary-hover, #066769);
}
a.button-back.--color-main:focus, a.button-back.--color-primary:focus {
  --tw-ring-color: var(
  	--button-primary-focus,
  	#066769
  ) !important;
  background: var(--button-primary-focus, #066769);
}
a.button-back.--color-main:active, a.button-back.--color-primary:active {
  background: var(--button-primary-action, #003235);
}
a.button-back.--color-main:disabled, a.button-back.--color-primary:disabled {
  background: var(--button-primary-disabled, #eefffc);
  color: var(--text-on-disabled);
}
a.button-back.--color-second, a.button-back.--color-accent {
  background: var(--button-accent-default, #00a7a5);
  color: var(--text-on-action);
}
a.button-back.--color-second:hover, a.button-back.--color-second:focus, a.button-back.--color-accent:hover, a.button-back.--color-accent:focus {
  background: var(--button-accent-hover, #008585);
}
a.button-back.--color-second:focus, a.button-back.--color-accent:focus {
  --tw-ring-color: var(--button-accent-hover, #008585) !important;
}
a.button-back.--color-second:active, a.button-back.--color-accent:active {
  background: var(--button-accent-action, #008585);
}
a.button-back.--color-second:disabled, a.button-back.--color-accent:disabled {
  color: var(--text-on-disabled, #52525b);
  background: var(--button-accent-disabled, #eefffc);
}
a.button-back.--color-white, a.button-back.--color-neutral {
  background-color: var(--button-neutral-default, #fff);
  color: var(--text-headings, #27272a);
  box-shadow: 2px 4px 16px 0 rgba(0, 0, 0, 0.2);
}
a.button-back.--color-white:hover, a.button-back.--color-white:focus, a.button-back.--color-neutral:hover, a.button-back.--color-neutral:focus {
  background-color: var(--button-neutral-hover, #fff);
}
a.button-back.--color-white:focus, a.button-back.--color-neutral:focus {
  --tw-ring-color: var(--button-neutral-hover, #fff) !important;
}
a.button-back.--color-white:active, a.button-back.--color-neutral:active {
  background-color: var(--button-neutral-action, #fff);
}
a.button-back.--color-white:disabled, a.button-back.--color-neutral:disabled {
  opacity: 0.5;
  background-color: var(--button-neutral-disabled, #a1a1aa);
}
a.button-back.--size-regular {
  padding: var(--components-button-padding-y, 20px) var(--components-button-padding-x, 32px);
  font-size: calc(15px + 1 * (100vw - 520px) / 600);
}
@media screen and (max-width: 520px) {
  a.button-back.--size-regular {
    font-size: 15px;
  }
}
@media screen and (min-width: 1120px) {
  a.button-back.--size-regular {
    font-size: 16px;
  }
}
a.button-back.--size-small {
  padding: var(--components-button-padding-y, 15px) var(--components-button-padding-x, 20px);
  font-size: calc(13px + 2 * (100vw - 520px) / 600);
}
@media screen and (max-width: 520px) {
  a.button-back.--size-small {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  a.button-back.--size-small {
    font-size: 15px;
  }
}
a.button-back.--has-icon {
  background-position: var(--components-button-padding-x, 32px) center;
  background-repeat: no-repeat;
  padding-left: calc(var(--components-button-padding-x, 32px) + 24px + 10px);
}
a.button-back.--icon-info {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16.5V12.5M12 8.5H12.01M22 12.5C22 18.0228 17.5228 22.5 12 22.5C6.47715 22.5 2 18.0228 2 12.5C2 6.97715 6.47715 2.5 12 2.5C17.5228 2.5 22 6.97715 22 12.5Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
a.button-back.--icon-plus {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12.5H19M12 5.5V19.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (max-width: 520px) {
  a.button-back {
    width: 100%;
  }
  a.button-back.--size-regular {
    padding: var(--components-button-padding-y, 20px) var(--components-button-padding-x, 32px);
  }
  a.button-back.--size-small {
    padding: var(--components-button-padding-y, 15px) var(--components-button-padding-x, 20px);
  }
}
a.button-back:hover {
  background: var(--button-neutral-hover, #fff);
  cursor: pointer;
}
a.button-back:hover svg {
  color: var(--surface-primary, #008080);
}
a.button-back:focus {
  --tw-ring-color: var(--button-neutral-hover, #fff) !important;
}
a.button-back:active {
  background: var(--button-neutral-action, #fff);
}
a.button-back:disabled {
  opacity: 0.5;
  background: var(--button-neutral-disabled, #a1a1aa);
}

a.icon-link {
  display: inline-block;
  position: relative;
  padding-left: 32px;
  text-decoration: none;
  transition: var(--transition);
  color: var(--text-headings);
}
a.icon-link svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
}
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);
}
a.icon-link.--color-highlight {
  color: var(--text-headings, #27272a);
}
a.icon-link.--color-highlight svg {
  stroke: var(--icon-primary, #008080);
  color: var(--icon-primary, #008080);
}
a.icon-link.--color-highlight:hover, a.icon-link.--color-highlight:focus-visible {
  color: var(--button-accent-hover);
}
a.icon-link.--color-highlight:hover svg, a.icon-link.--color-highlight:focus-visible svg {
  stroke: var(--button-accent-hover);
}

/*------------------------------------*\
    Special Lists
\*------------------------------------*/
.special-list ul {
  padding: var(--font-default-linegap) 0px 0px;
  margin: 0px;
  list-style: none;
}
.special-list ul li {
  position: relative;
  padding-left: 27px;
  line-height: 180%;
}
.special-list ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
}
.special-list ul li + li {
  margin-top: 12px;
}
.special-list.--type-square li:before {
  width: 7px;
  height: 7px;
  background: var(--icon-primary, #008080);
  top: 9px;
}
.special-list.--type-circle li {
  font-weight: 600;
  font-size: var(--font-size-md, 17px);
}
.special-list.--type-circle li:before {
  width: 10px;
  height: 10px;
  background: var(--acc, #008080);
  top: 10px;
  border-radius: 100%;
}
.special-list.--type-checkmark li:before {
  top: 2px;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6.59998L9 17.6L4 12.6' stroke='%23008080' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.special-list.--color-white ul {
  color: #fff;
}
.special-list.--color-white.--type-square li:before, .special-list.--color-white.--type-circle li:before {
  background: #fff;
}
.special-list.--color-white.--type-checkmark li:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6.59998L9 17.6L4 12.6' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/*------------------------------------*\
    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 {
  display: flex;
}

.hide,
.hidden {
  display: none !important;
}

blockquote {
  margin: 0;
}
blockquote q {
  quotes: "”" "”";
  vertical-align: -0.15ex;
  font-family: var(--font-family-headings, Causten);
  font-size: var(--font-size-xl, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-xl, 36px); /* 150% */
}
blockquote q::before,
blockquote q::after {
  display: inline-block;
  font: 40px Georgia, serif;
  color: var(--icon-primary, #008080);
  vertical-align: middle;
}

.video-container {
  position: relative;
  border-radius: var(--components-radius-medium, 12px);
  overflow: hidden;
}
.video-container:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}
.video-container.is-playing:before {
  display: none;
}
.video-container video {
  display: block;
  width: 100%;
  height: auto;
  max-width: unset;
  object-fit: cover;
}
.video-container .button-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

@keyframes bounce-arrow {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(40px, 40px);
  }
}
@keyframes animateHeight {
  0% {
    height: 5%;
  }
  50% {
    height: 100%;
  }
  100% {
    height: 10%;
  }
}
.headline-container h2 {
  padding: 0;
}
.headline-container h2 + p {
  padding-top: 10px;
}
.headline-container.with-label {
  position: relative;
}
.headline-container.with-label .label-container {
  position: absolute;
  left: 0;
  top: 20px;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  transform: translateX(calc(-100% - 12px));
}
@media (max-width: 1400px) {
  .headline-container.with-label .label-container {
    display: none;
  }
}
.headline-container.with-label .label-container .label {
  color: var(--text-placeholder, #a1a1aa);
  font-family: var(--font-family-body, "Causten");
  font-size: var(--font-size-xs, 14px);
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 100%; /* 14px */
  padding: 0;
}
.headline-container.with-label .label-container .deco {
  height: 3px;
  width: 35px;
  display: block;
  background-color: var(--text-highlight, #16ad99);
  padding-left: 7px;
}

.booking-availability {
  position: relative;
}
.booking-availability .icon-container {
  display: flex;
  width: 20px;
}
.booking-availability .icon-container svg {
  display: none;
}
.booking-availability .icon-container::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 20px;
  height: 20px;
  z-index: 3;
  background-repeat: no-repeat;
  background-size: 15px;
}
.booking-availability.open {
  background: var(--surface-selector-hover, #eefbf6);
}
.booking-availability.open .label {
  color: var(--text-highlight, #16ad99);
}
.booking-availability.open .icon-container:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'%3E%3Cpath d='M17 1.5L6 12.5L1 7.5' stroke='%2316AD99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.booking-availability.partially-booked {
  background: var(--surface-warning, #fff7ed);
}
.booking-availability.partially-booked .label {
  color: var(--text-warning, #f97316);
}
.booking-availability.partially-booked .icon-container:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='23' viewBox='0 0 21 23' fill='none'%3E%3Cpath d='M10.9993 5.5V11.5L14.9993 13.5M14.9993 20.6601C13.2019 21.4453 11.2132 21.6846 9.28084 21.3481C7.34845 21.0117 5.55768 20.1144 4.13139 18.7679C2.7051 17.4214 1.70629 15.6852 1.25926 13.7754C0.812237 11.8656 0.936737 9.86643 1.61727 8.02681C2.2978 6.1872 3.50431 4.58834 5.08664 3.42923C6.66897 2.27011 8.55724 1.60193 10.5164 1.50785C12.4756 1.41377 14.4192 1.89794 16.1054 2.90009C17.7915 3.90225 19.1456 5.37815 19.9993 7.14409M18.9993 11V17M18.9993 21H19.0093' stroke='%23F97316' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.booking-availability.fully-booked {
  background: var(--surface-error, #fff1f2);
}
.booking-availability.fully-booked .label {
  color: var(--text-error, #e11d48);
}
.booking-availability.fully-booked .icon-container:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cpath d='M2.00085 1.5L22.0009 21.5M8.35083 2.1899C10.1615 1.48272 12.1389 1.31858 14.0414 1.71754C15.9438 2.11651 17.6887 3.06128 19.0627 4.4363C20.4367 5.81133 21.3801 7.55698 21.7776 9.45972C22.1751 11.3625 22.0094 13.3398 21.3008 15.1499M19.0809 18.5799C18.1512 19.5097 17.0474 20.2472 15.8326 20.7504C14.6178 21.2536 13.3158 21.5126 12.0009 21.5126C10.686 21.5126 9.38403 21.2536 8.16924 20.7504C6.95446 20.2472 5.85067 19.5097 4.92091 18.5799C3.99115 17.6502 3.25363 16.5464 2.75045 15.3316C2.24727 14.1168 1.98828 12.8148 1.98828 11.4999C1.98828 10.185 2.24727 8.88304 2.75045 7.66825C3.25363 6.45346 3.99115 5.34968 4.92091 4.41992' stroke='%23E11D48' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.icon-label .label {
  color: var(--text-headings, #27272a);
  font-weight: 500;
  padding: 0;
}
.icon-label .icon-container {
  display: flex;
  width: 20px;
}

.post-loop-item {
  position: relative;
  padding: 20px 0px;
}
.post-loop-item .image-container img {
  aspect-ratio: 18/11;
  object-fit: cover;
  border-radius: 12px;
  max-width: unset;
  width: 100%;
}
.post-loop-item .date {
  padding-top: 10px;
}
.post-loop-item .text-container {
  padding: 0px 20px;
}
.post-loop-item .text-container .h4 {
  color: var(--text-headings, #27272a);
}
.post-loop-item .text-container p {
  padding-top: 10px;
}
.post-loop-item .text-container .term-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--acc, #008080);
  font-size: 16px;
  font-weight: 600;
}
.post-loop-item .text-container .term-item svg {
  width: 18px;
  height: 18px;
}
.post-loop-item .text-container .wysiwyg {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.post-grid {
  margin: 80px auto;
  display: flex;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  justify-content: center;
  flex-direction: column;
}
.post-grid .gridrow {
  column-gap: 20px;
  justify-content: space-between;
}
@media (min-width: 769px) {
  .post-grid .gridrow .col {
    width: calc(33.333% - 13.3333333333px);
  }
}

/*------------------------------------*\
    HEADER.SCSS
\*------------------------------------*/
.header {
  position: relative;
  z-index: 999;
}
.header > .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px auto;
  max-width: 1247px;
}
@media (max-width: 1120px) {
  .header > .inner {
    flex-wrap: wrap;
    width: 100%;
  }
}
@media (max-width: 1120px) {
  .header {
    padding: 0 var(--layout-outergap) 24px;
    width: 100%;
    background-color: var(--surface-page);
  }
}
@media (min-width: 1121px) {
  .header {
    padding: 24px 0;
    width: 100%;
  }
}
@media (max-width: 1120px) {
  .header .logo {
    order: 2;
  }
}
.header .logo img {
  max-width: 161px;
  min-width: 121px;
  width: 100%;
}
@media (min-width: 769px) {
  .header .logo img {
    max-width: 229px;
  }
}
.header .header-additionals {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.header .header-additionals .wcag-container {
  width: fit-content;
  z-index: 100;
  left: 0;
  position: absolute;
}
@media (min-width: 769px) {
  .header .header-additionals .wcag-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    left: unset;
  }
}
@media (max-width: 1120px) {
  .header .header-additionals {
    order: 1;
    width: 100%;
    padding: 15px 0px 10px;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 15px;
  }
}
@media (max-width: 1120px) {
  .header .header-menu,
  .header .open-nav {
    order: 3;
  }
}
.header.--sticky {
  position: sticky;
  top: 0;
  background-color: white;
}

/*------------------------------------*/
/* NOTE - Footer */
/*------------------------------------*/
.footer {
  position: relative;
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.footer:before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1510' height='532' viewBox='0 0 1510 532' fill='none'%3E%3Cpath d='M1510 152.712C934 -122.434 263.333 38.0676 0 152.712V531.79H1510V152.712Z' fill='%23008080' fill-opacity='0.1'/%3E%3C/svg%3E");
  height: 100%;
  width: 100%;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  transition: all 0.5s ease-in-out;
  pointer-events: none;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.footer:hover:before {
  height: 105%;
  width: 105%;
}
.footer .inner {
  display: flex;
  flex-direction: column;
  gap: var(--components-abstand-small);
  padding-bottom: var(--components-abstand-small, 32px);
}
.footer .back-to-top-container {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 70px;
  padding-bottom: 70px;
}
.footer .back-to-top-container .back-to-top-link {
  display: flex;
  padding: 18px;
}
.footer .footer-logo {
  max-width: 197px;
  width: 100%;
}
.footer .footer-content,
.footer .footer-menu > ul {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--components-abstand-small, 32px);
}
.footer .footer-content nav {
  /* Global styles for all navigation levels */
  /* Main level navigation */
  /* Second level navigation */
}
.footer .footer-content nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.footer .footer-content nav ul li a {
  display: block;
  font-weight: var(--font-weight-bold);
  text-decoration: none;
  transition: var(--transition);
}
.footer .footer-content nav.wv-legal-menu ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.footer .footer-content nav.wv-legal-menu ul li a {
  /* Überschrift/H5 */
  font-family: var(--font-family-headings, Causten);
  font-size: var(--font-size-md, 17px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--font-line-height-md, 25.5px); /* 150% */
  padding: 0;
  padding-bottom: 20p;
  color: var(--text-body, #52525b);
}
.footer .footer-content nav > ul > a {
  margin: 0;
  padding: var(--font-default-linegap) 0px 0px;
  line-height: var(--font-default-lineheight);
  color: var(--text-headings);
  font-size: var(--font-size-3xl, 50px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-3xl, 60px); /* 120% */
  font-size: calc(17px + 1 * (100vw - 520px) / 600);
  font-weight: 600;
  line-height: var(--font-line-height-md, 27px); /* 150% */
  padding: 0 0 var(--space-lg);
  border-bottom: solid 1px var(--divider-on-dark);
  /* Überschrift/H5 */
  font-family: var(--font-family-headings, Causten);
  font-size: var(--font-size-md, 17px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-md, 25.5px); /* 150% */
  padding-bottom: 20px;
}
@media screen and (max-width: 520px) {
  .footer .footer-content nav > ul > a {
    font-size: 17px;
  }
}
@media screen and (min-width: 1120px) {
  .footer .footer-content nav > ul > a {
    font-size: 18px;
  }
}
.footer .footer-content nav > ul > li {
  /* Hover/active state */
}
.footer .footer-content nav > ul > li > a {
  margin: 0;
  padding: var(--font-default-linegap) 0px 0px;
  line-height: var(--font-default-lineheight);
  color: var(--text-headings);
  font-size: var(--font-size-3xl, 50px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-3xl, 60px); /* 120% */
  font-size: calc(17px + 1 * (100vw - 520px) / 600);
  font-weight: 600;
  line-height: var(--font-line-height-md, 27px); /* 150% */
  color: #008080;
  /* Überschrift/H5 */
  font-family: var(--font-family-headings, Causten);
  font-size: var(--font-size-md, 17px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-md, 25.5px); /* 150% */
  padding: 0;
  padding-bottom: 20px;
}
@media screen and (max-width: 520px) {
  .footer .footer-content nav > ul > li > a {
    font-size: 17px;
  }
}
@media screen and (min-width: 1120px) {
  .footer .footer-content nav > ul > li > a {
    font-size: 18px;
  }
}
.footer .footer-content nav > ul > li a:hover, .footer .footer-content nav > ul > li:hover > a, .footer .footer-content nav > ul > li.current_page_item > a {
  color: var(--text-action);
}
.footer .footer-content nav > ul > li a:active {
  color: var(--text-action-press);
  transition: none;
}
.footer .footer-content nav > ul > li > ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.footer .footer-content nav > ul > li > ul > li > a {
  color: var(--text-body, #52525b);
  font-family: var(--font-family-headings, Causten);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: 0.96px;
}
.footer .footer-content nav > ul > li > ul > li a:active {
  color: var(--text-action-press);
  transition: none;
}
.footer .footer-end {
  display: flex;
  padding-top: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  border-top: 1px solid var(--theme-primary-primary);
}
.footer .footer-end .copyright a:hover,
.footer .footer-end .socials a:hover {
  cursor: pointer;
  color: var(--theme-accent-accent);
}
.footer .footer-end .copyright {
  padding: 0;
  display: flex;
  align-items: flex-start;
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
}
@media screen and (max-width: 520px) {
  .footer .footer-end .copyright {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .footer .footer-end .copyright {
    font-size: 16px;
  }
}
.footer .footer-end .copyright a {
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
  text-decoration: none;
}
@media screen and (max-width: 520px) {
  .footer .footer-end .copyright a {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .footer .footer-end .copyright a {
    font-size: 16px;
  }
}
.footer .footer-end .socials {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.footer .footer-end .socials a {
  gap: 8px;
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
  color: var(--text-headings, #27272a);
}
@media screen and (max-width: 520px) {
  .footer .footer-end .socials a {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .footer .footer-end .socials a {
    font-size: 16px;
  }
}
.footer .footer-end .socials a .image-container {
  position: absolute;
  left: 0;
}
@media (min-width: 769px) {
  .footer .footer-content {
    flex-direction: row;
  }
  .footer .footer-content .footer-contact {
    flex: 1;
  }
  .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-end {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
  .footer .footer-end .copyright,
  .footer .footer-end .socials {
    width: calc(50% - 10px);
  }
  .footer .footer-end .socials {
    justify-content: flex-end;
  }
}

/*------------------------------------*/
/* 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: flex;
  color: var(--text-headings);
  text-decoration: none;
  transition: var(--transition);
  white-space: nowrap;
  color: var(--text-headings, #27272a);
  font-size: 16px;
  line-height: 150%; /* 24px */
  letter-spacing: 0.96px;
}
.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 {
  width: 100%;
}
@media (min-width: 1025px) {
  .header-menu > ul > li > ul > li.menu-item-type-taxonomy {
    max-width: 360px;
  }
}
.header-menu > ul > li > ul > li .menu-icon-link {
  position: relative;
  display: flex;
  padding: 15px var(--layout-grid-outergap, 20px);
  align-items: center;
  gap: 10px;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
}
.header-menu > ul > li > ul > li .menu-icon-link.topic-container {
  white-space: normal;
}
.header-menu > ul > li > ul > li .menu-icon-link img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.header-menu > ul > li > ul > li .menu-icon-link .image-wrapper {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-menu > ul > li > ul > li .menu-icon-link .image-wrapper svg {
  width: 18px;
  height: 18px;
  color: var(--text-headings, #27272a);
}
.header-menu > ul > li > ul > li .menu-icon-link .text-wrapper {
  width: 100%;
  max-width: calc(100% - 24px - 10px);
  letter-spacing: 0;
}
.header-menu > ul > li > ul > li .menu-icon-link .text-wrapper .title {
  padding: 0px;
  font-size: var(--font-size-md, 18px);
  font-weight: var(--font-weight-bold, 600);
  line-height: 100%;
}
@media (min-width: 1025px) {
  .header-menu > ul > li > ul > li .menu-icon-link .text-wrapper .title {
    white-space: nowrap;
  }
}
.header-menu > ul > li > ul > li .menu-icon-link .text-wrapper .intro-text {
  padding-top: 5px;
  color: var(--text-body, #52525b);
  font-size: var(--font-size-xs, 14px);
  line-height: 150%;
}
.header-menu > ul > li > ul > li .menu-icon-link .text-wrapper .button-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 5px;
  gap: 8px;
  font-weight: var(--font-weight-bold, 600);
  line-height: 100%; /* 16px */
  color: var(--acc);
  transition: var(--transition);
}
.header-menu > ul > li > ul > li .menu-icon-link .text-wrapper .button-link svg path {
  stroke: var(--acc);
}
.header-menu > ul > li > ul > li .menu-icon-link .text-wrapper .batch-status {
  position: absolute;
  top: -15px;
  right: -5px;
  padding: 0 10px;
  border-radius: var(--components-radius-rounded, 1000px);
  background: var(--surface-secondary, #7fe0b2);
  color: var(--text-body, #52525b);
  font-size: var(--font-size-2xs, 12px);
  font-weight: var(--font-weight-bold, 600);
  line-height: var(--font-line-height-md, 27px); /* 225% */
}
@media (min-width: 1025px) {
  .header-menu > ul > li > ul > li .menu-icon-link:hover .text-wrapper .button-link {
    color: var(--text-headings, #27272a);
  }
  .header-menu > ul > li > ul > li .menu-icon-link:hover .text-wrapper .button-link svg path {
    stroke: var(--text-headings, #27272a);
  }
}

/*------------------------------------*/
/* 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;
    /* Main level navigation */
    /* Second level navigation */
    /* Third level navigation */
  }
  .header-menu > ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0px;
    flex-direction: column;
    align-items: stretch;
    background: var(--theme-neutral-white);
  }
  .header-menu > ul > li.menu-item {
    width: 100%;
    border-top: 1px solid var(--border-input);
    position: relative;
    /* Hover/active state */
  }
  .header-menu > ul > li.menu-item > a {
    padding: 15px 20px;
    position: relative;
  }
  .header-menu > ul > li.menu-item .toggle-submenu {
    height: 54px;
    width: 54px;
    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 .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 .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;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item {
    border-top: 1px solid var(--border-input);
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item > a {
    padding: 12px 30px;
    font-size: 15px;
  }
  .header-menu > ul > li.menu-item > ul > li > ul {
    display: none;
  }
  .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 */
    /* Third level navigation */
  }
  .header-menu .toggle-submenu {
    display: none;
  }
  .header-menu > ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0px;
    flex-direction: row;
  }
  .header-menu > ul > li.menu-item {
    position: relative;
    padding: 10px 0px;
    /* Menü Item with Submenu */
    /* Hover/active state */
  }
  .header-menu > ul > li.menu-item > a {
    padding: 10px 10px;
    font-size: 16px;
  }
  .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: 26px;
    position: relative;
  }
  .header-menu > ul > li.menu-item.menu-item-has-children > a:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    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");
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 1L4.5 5L0.5 1' stroke='%2327272A'/%3E%3C/svg%3E%0A") !important;
    top: 50%;
    right: 10px;
    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;
  }
  .header-menu > ul > li.menu-item a:hover:after, .header-menu > ul > li.menu-item:hover > a:after, .header-menu > ul > li.menu-item.current_page_item > a:after {
    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='%23E11D48'/%3E%3C/svg%3E%0A");
  }
  .header-menu > ul > li.menu-item > ul {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
    position: absolute;
    white-space: nowrap;
    transition: all 0.15s ease-in-out;
    z-index: 999;
    border-radius: 12px;
    background: #fff;
    box-shadow: 2px 4px 16px 0 rgba(0, 0, 0, 0.2);
    display: flex;
    padding: 12px 0px;
    flex-direction: column;
    align-items: flex-start;
    opacity: 0;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item {
    padding: 0px 20px;
    width: 100%;
    /* Hover/active state */
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item.menu-item-has-children {
    overflow: hidden;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item > a {
    padding: var(--space-md) var(--space-xl);
    background-color: var(--theme-neutral-white);
    border-radius: 4px;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item + .menu-item-object-topic {
    margin-top: 20px;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item.is-open > ul {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item a:hover, .header-menu > ul > li.menu-item > ul > li.menu-item:hover > a, .header-menu > ul > li.menu-item > ul > li.menu-item.current_page_item > a {
    background-color: var(--surface-box, #f4f4f5) !important;
    transition: var(--transition);
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item a.topic-container:hover, .header-menu > ul > li.menu-item > ul > li.menu-item:hover > a.topic-container, .header-menu > ul > li.menu-item > ul > li.menu-item.current_page_item > a.topic-container {
    background-color: var(--hi, #f4f4f5) !important;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item:hover {
    overflow: visible;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item:hover > ul {
    opacity: 1;
    z-index: 1000;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item:hover > ul::before {
    display: block;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item > ul {
    top: 0;
    left: calc(100% + 20px);
    min-width: 100%;
    min-height: 100%;
    max-height: 80vh;
    position: absolute;
    white-space: nowrap;
    opacity: 0;
    transition: all 0.15s ease-in-out;
    z-index: 999;
    border-radius: 12px;
    background: #fff;
    box-shadow: 2px 4px 16px 0 rgba(0, 0, 0, 0.2);
    display: flex;
    padding: 12px 0px;
    flex-direction: column;
    align-items: flex-start;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item > ul::-webkit-scrollbar {
    display: none;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item > ul {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item > ul.submenu-topic > .h5 {
    width: 100%;
    padding: 0px 20px;
    color: var(--acc);
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item > ul.submenu-topic .topic-wrapper .topic-seminar-list {
    display: grid;
    row-gap: 10px;
    min-height: 100%;
    max-height: 70vh;
    overflow: scroll;
    padding-top: 20px;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item > ul.submenu-topic .topic-wrapper .topic-seminar-list::-webkit-scrollbar {
    display: none;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item > ul.submenu-topic .topic-wrapper .topic-seminar-list {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
@media (min-width: 1025px) and (min-width: 1248px) {
  .header-menu > ul > li.menu-item > ul > li.menu-item > ul.submenu-topic .topic-wrapper .topic-seminar-list {
    grid-template-columns: 315px 315px;
  }
}
@media (min-width: 1025px) and (min-width: 1501px) {
  .header-menu > ul > li.menu-item > ul > li.menu-item > ul.submenu-topic .topic-wrapper .topic-seminar-list {
    grid-template-columns: 390px 390px;
  }
}
@media (min-width: 1025px) {
  .header-menu > ul > li.menu-item > ul > li.menu-item > ul.submenu-topic .topic-wrapper .topic-seminar-list .menu-icon-link .title {
    hyphens: auto;
    white-space: normal;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item > ul:before {
    content: "";
    display: block;
    position: absolute;
    display: none;
    top: 0;
    left: -20px;
    width: 20px;
    height: 100%;
    pointer-events: auto;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item > ul li.menu-item {
    padding: 0px 20px;
  }
  .header-menu > ul > li.menu-item > ul > li.menu-item > ul li.menu-item > a {
    padding: var(--space-md) var(--space-xl);
    background-color: var(--theme-neutral-white);
    border-radius: 4px;
  }
  .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: 60px !important;
  aspect-ratio: 1 !important;
  background-size: 20px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.slider__button.--prev {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.61492 16.5146L0.999918 8.89958M0.999918 8.89958L8.61491 1.28458M0.999918 8.89958L20.7989 8.89958' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}
.slider__button.--next {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='19' viewBox='0 0 22 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2845 1.88496L20.8995 9.49996M20.8995 9.49996L13.2845 17.115M20.8995 9.49996L1.1005 9.49996' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}
.slider__button:disabled.--prev {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.71541 17.615L1.10041 10M1.10041 10L8.71542 2.385M1.10041 10L20.8994 10' stroke='%2352525B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}
.slider__button:disabled.--next {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2845 2.38501L20.8995 10M20.8995 10L13.2845 17.615M20.8995 10H1.10052' stroke='%2352525B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}

.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: #014747;
  cursor: pointer;
  position: relative;
  border-radius: 12px;
}
.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: 4px;
  background: var(--button-primary-default, #008080);
  transition: var(--transition);
  position: relative;
}
.slider__pagination .slider__pagination__bullet:hover {
  background: var(--button-accent-hover, #008585);
}
.slider__pagination .slider__pagination__bullet:focus, .slider__pagination .slider__pagination__bullet:active {
  --tw-ring-color: var(--button-accent-hover, #008585) !important;
}
.slider__pagination .slider__pagination__bullet.--active {
  background: var(--text-action, #16ad99);
}
.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(--text-action, #16ad99);
  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: 60px !important;
    background-size: 16px !important;
  }
}
.button-play {
  border-radius: 77.778px;
  background: rgba(123, 226, 212, 0.8);
  transition: var(--transition);
  width: 87px;
  height: 87px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.button-play:hover {
  cursor: pointer;
  background: var(--surface-action, #008080);
}
.button-play img {
  width: 25px;
  height: 29px;
}

.button-play-edgy {
  border-radius: 12px;
  background: #fff;
  transition: var(--transition);
  width: 45px;
  height: 45px;
  padding: 8px 10px;
  gap: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.button-play-edgy:hover {
  cursor: pointer;
}
.button-play-edgy:hover svg {
  color: var(--surface-action, #008080);
}
.button-play-edgy svg {
  width: 24px;
  height: 24px;
  color: #454545;
}
@media (min-width: 769px) {
  .button-play-edgy svg {
    color: #fff;
  }
}
.button-play-edgy .play,
.button-play-edgy .pause {
  display: flex;
}
.button-play-edgy .play {
  visibility: visible;
  opacity: 1;
}
.button-play-edgy .pause {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.button-play-edgy.play .play {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.button-play-edgy.play .pause {
  display: flex;
  visibility: visible;
  opacity: 1;
}
.button-play-edgy.pause .play {
  visibility: visible;
  opacity: 1;
  display: flex;
}
.button-play-edgy.pause .pause {
  visibility: hidden;
  opacity: 0;
  display: none;
}
@media (min-width: 769px) {
  .button-play-edgy {
    background: rgba(255, 255, 255, 0.5);
    display: flex;
  }
  .button-play-edgy:hover {
    cursor: pointer;
    background: var(--surface-action, #008080);
  }
  .button-play-edgy:hover svg {
    color: white;
  }
  .button-play-edgy svg {
    width: 24px;
    height: 24px;
  }
}

/*------------------------------------*\
    POPUP.SCSS
\*------------------------------------*/
.pop-up {
  all: unset;
  position: fixed;
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  top: 0;
  left: 0%;
  z-index: 999 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.25);
}
.pop-up.disappear {
  display: none;
}
.pop-up.disappear .container {
  top: -100%;
}
.pop-up .container {
  z-index: 10;
  top: 0%;
  transition: var(--transition);
  height: auto;
  border-radius: var(--components-radius-medium, 12px);
  border: 1px solid var(--border-accent, #16ad99);
  background: #fff;
  padding: var(--components-box-padding-small, 20px);
  overflow-y: auto;
  /* Versteckt Scrollbars, behält Scrollfunktion */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
@media (min-width: 769px) {
  .pop-up .container .container {
    width: calc(100% - 2 * var(--layout-outergap));
    max-width: 1024px;
  }
}
.pop-up .container.--smaller {
  max-width: 380px;
}
.pop-up .container::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}
.pop-up .icon-close {
  padding: 4px;
  border-radius: 0px;
  display: block;
  transform: none;
  background: transparent;
  outline: none;
  border: none;
  margin-left: auto;
  width: auto;
}

.pagination {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  margin: 0;
  margin-top: 20px;
}
.pagination .page-numbers {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  border: 0;
  transition: var(--transition);
}
.pagination .page-numbers a {
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
  /* Fließtext/Offen */
  color: var(--icon-neutral, #27272a);
}
@media screen and (max-width: 520px) {
  .pagination .page-numbers a {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .pagination .page-numbers a {
    font-size: 16px;
  }
}
.pagination .page-numbers.current, .pagination .page-numbers:hover {
  background: var(--surface-primary, #008080);
  color: white;
}
.pagination .page-numbers.current svg, .pagination .page-numbers:hover svg {
  stroke: white;
}
.pagination .page-numbers.next, .pagination .page-numbers.prev {
  padding: 0;
  width: auto;
  height: auto;
  color: var(--icon-neutral, #27272a);
  text-decoration: none;
}
.pagination .page-numbers.next.current, .pagination .page-numbers.next:hover, .pagination .page-numbers.prev.current, .pagination .page-numbers.prev:hover {
  background: transparent;
  border: 0;
  color: var(--surface-primary, #008080);
}
.pagination .page-numbers.next.current svg, .pagination .page-numbers.next:hover svg, .pagination .page-numbers.prev.current svg, .pagination .page-numbers.prev:hover svg {
  stroke: var(--surface-primary, #008080);
}
.pagination .page-numbers .arrow {
  display: flex;
  padding: 4px;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.pagination .page-numbers .arrow img {
  width: 4px;
  height: 8px;
}

#breadcrumbs {
  padding-top: 0;
  z-index: 1;
  position: relative;
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
#breadcrumbs > span,
#breadcrumbs > span a {
  color: var(--text-placeholder, #a1a1aa);
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
}
@media screen and (max-width: 520px) {
  #breadcrumbs > span,
  #breadcrumbs > span a {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  #breadcrumbs > span,
  #breadcrumbs > span a {
    font-size: 16px;
  }
}
#breadcrumbs > span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
#breadcrumbs > span > span a {
  text-decoration: none;
}
#breadcrumbs > span > span:last-child {
  color: var(--border-selector-press, #00abbf);
}
#breadcrumbs > span > span.icon.separator {
  padding: 0;
  position: relative;
  display: inline-block;
  width: 20px;
  border: 1px solid red;
}
#breadcrumbs > span > span.icon.separator:before {
  position: absolute;
  left: 0px;
  content: "";
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-size: 20px 20px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.021' height='10.563' viewBox='0 0 6.021 10.563'%3E%3Cg id='_002-arrow-down-sign-to-navigate' data-name='002-arrow-down-sign-to-navigate' transform='translate(34.859 278.564) rotate(-90)'%3E%3Cpath id='Pfad_24' data-name='Pfad 24' d='M5.282,103.162a.737.737,0,0,1-.523-.217L.217,98.4a.74.74,0,0,1,1.046-1.046l4.019,4.019L9.3,97.357A.74.74,0,0,1,10.347,98.4l-4.542,4.542A.738.738,0,0,1,5.282,103.162Z' transform='translate(268 -132)' fill='%237a827a'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.single.single-post .banner {
  width: 100%;
}
.single.single-post .banner .meta {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.single.single-post .banner .meta .date {
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
  color: var(--text-disabled, #d4d4d8);
}
@media screen and (max-width: 520px) {
  .single.single-post .banner .meta .date {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .single.single-post .banner .meta .date {
    font-size: 16px;
  }
}
.single.single-post .banner .meta .category {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
}
.single.single-post .banner .meta .category .icon {
  width: 18px;
  height: 18px;
  aspect-ratio: 1/1;
  color: var(--text-headings-on-dark, #fff);
}
.single.single-post .banner .meta .category .icon svg {
  width: 100%;
  height: 100%;
}
.single.single-post .banner .meta .category .title {
  color: var(--text-headings-on-dark, #fff);
  padding: 0;
}
.single.single-post article {
  display: flex;
  padding: var(--layout-space-large) 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-space-large);
  align-self: stretch;
}
.single.single-post .inner-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.single.single-post .title {
  padding: 0;
}
.single.single-post .image-container {
  max-height: 666px;
}
.single.single-post .image-container img {
  aspect-ratio: 1114/666;
  object-fit: cover;
  border-radius: var(--components-radius-medium, 12px);
  width: auto;
}
.single.single-post .content-container > *:is(h1, h2, h3, h4, h5, h6, p, a, ul):not(.button):first-child {
  margin-top: 0;
  padding-top: 0;
}
.single.single-post .related-post-container {
  width: 100%;
  margin: 48px auto;
}
.single.single-post .related-post-container .post-slider .swiper {
  width: 100%;
}
.single.single-post .related-post-container .post-slider .headline-container {
  gap: 10px;
}

.wcag {
  z-index: 10000;
  position: relative;
  width: 45px;
  height: 45px;
  border-radius: 1000px;
  background: #1fd7c2;
  display: flex;
  justify-content: center;
  align-items: center;
  /*------------------------------------*\
  	RESPONSIVE
  \*------------------------------------*/
}
.wcag .content {
  padding: 8px 10px;
  height: 100%;
  width: 100%;
}
.wcag .content svg {
  width: 25px;
  height: 30px;
  flex-shrink: 0;
}
.wcag .dropdown {
  position: absolute;
  bottom: 50px;
  right: 0px;
  width: auto;
  height: auto;
  z-index: 1000;
  min-width: 240px;
  border-radius: 10px 10px var(--radius-md, 10px) var(--radius-md, 10px);
  border: 1px solid #e7e7e7;
  background: #fff;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
}
.wcag .dropdown .item {
  display: flex;
  padding: 10px 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.wcag .dropdown .item svg path,
.wcag .dropdown .item p {
  transition: var(--transition);
}
.wcag .dropdown .item p {
  padding: 0;
  color: var(--color-text-headings, #000);
  transition: var(--transition);
  /* Fließtext/Offen */
  font-family: var(--font-family-body, Causten);
  font-size: var(--font-size-sm, 16px);
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
}
.wcag .dropdown .item:hover svg, .wcag .dropdown .item:focus svg {
  color: var(--button-accent-hover);
}
.wcag .dropdown .item:hover svg path, .wcag .dropdown .item:focus svg path {
  color: var(--button-accent-hover);
}
.wcag .dropdown .item:hover p, .wcag .dropdown .item:focus p {
  color: var(--button-accent-hover);
}
.wcag .dropdown .item:active svg {
  color: var(--button-accent-hover);
}
.wcag .dropdown .item:active svg path {
  color: var(--button-accent-hover);
}
.wcag .dropdown .item:active p {
  color: var(--button-accent-action);
}
.wcag .dropdown .item.active svg {
  color: var(--button-accent-hover);
}
.wcag .dropdown .item.active svg path {
  color: var(--button-accent-hover);
}
.wcag .dropdown .item.active p {
  color: var(--button-accent-action);
}
.wcag:hover {
  cursor: pointer;
}
@media (max-width: 768px) {
  .wcag {
    width: 31px;
    height: 31px;
  }
  .wcag .content svg {
    width: 12.5px;
    height: 15px;
  }
  .wcag [data-wcag-dropdown] {
    max-width: 320px;
    width: 100%;
    right: 0;
    left: auto;
    top: 40px;
    bottom: unset;
    left: 0;
  }
}

:root {
  --header-bg-contrast: #fff;
  --footer-bg-contrast: #fff;
}

:root {
  --header-bg-contrast: #fff;
  --footer-bg-contrast: #fff;
  --text-highlight: #111;
  --text-placeholder: #666;
  --hi: #111;
  --acc: #111;
  --text-action-press: #111;
  /* Default-Overlay-Varianten */
  --overlay-linear: linear-gradient(
  	180deg,
  	rgb(0 0 0 / 0.12) 0%,
  	rgb(0 0 0 / 0.32) 28%,
  	rgb(0 0 0 / 0.55) 100%
  );
  --shadow-herobanner: radial-gradient(
  	74% 68% at 64% 42%,
  	rgb(0 0 0 / 0.12) 0%,
  	rgb(0 0 0 / 0.32) 28%,
  	rgb(0 0 0 / 0.55) 100%
  );
}

html.cont {
  --header-bg-contrast: #fff;
  --footer-bg-contrast: #fff;
  --text-highlight: $black;
  --hi: $black;
  --acc: $black;
  --text-placeholder: #000 !important;
  background-color: #fff !important;
}
html.cont *:not(.img-c) img:not(.ign):not(.invert) {
  filter: contrast(1.4) !important;
}
html.cont .arrow,
html.cont .overlay.icon,
html.cont .icon-container,
html.cont .termin-card__icontext,
html.cont [class^="--icon-"] {
  filter: contrast(0) !important;
}
html.cont *::after,
html.cont *::before {
  filter: contrast(0) !important;
}
html.cont svg,
html.cont svg path {
  filter: contrast(0) !important;
}
html.cont a {
  background-color: transparent !important;
  color: #000 !important;
}
html.cont footer,
html.cont header {
  background-color: #fff !important;
}
html.cont footer .logo,
html.cont header .logo {
  filter: contrast(0) !important;
}
html.cont .header-menu > ul > li.menu-item > ul > li.menu-item a.topic-container:hover,
html.cont .header-menu a.topic-container:hover {
  border-color: #000 !important;
  background: #fff !important;
}
html.cont footer {
  background-color: #fff !important;
}
html.cont footer a {
  color: black;
}
html.cont footer:before {
  display: none;
}
html.cont footer .footer-end {
  border-color: #000 !important;
}
html.cont .standard-formular .notice {
  color: #000 !important;
}
html.cont .standard-formular label span input,
html.cont .standard-formular label span select,
html.cont .standard-formular label span textarea {
  border: 1px solid #000 !important;
}
html.cont .standard-formular label input,
html.cont .standard-formular label select,
html.cont .standard-formular label textarea {
  border: 1px solid #000 !important;
}
html.cont.invert-logo header:not(.transparent) .logo,
html.cont.invert-logo header:not(.transparent) .open-nav,
html.cont.invert-logo header:not(.transparent) .close-nav {
  filter: invert(1);
}
html.cont .img-c {
  overflow: hidden;
}
html.cont .img-c h1,
html.cont .img-c h2,
html.cont .img-c h3,
html.cont .img-c h4,
html.cont .img-c h5,
html.cont .img-c h6,
html.cont .img-c p,
html.cont .img-c span {
  color: #000 !important;
}
html.cont .img-c *:has(> img), html.cont .img-c:has(> img), html.cont .img-c:has(video),
html.cont .img-c *:has(video) {
  background-color: transparent;
}
html.cont .img-c *:has(> img)::after, html.cont .img-c:has(> img)::after, html.cont .img-c:has(video)::after,
html.cont .img-c *:has(video)::after {
  opacity: 1 !important;
}
html.cont .img-c *:has(> img) > img, html.cont .img-c *:has(> img) > video, html.cont .img-c:has(> img) > img, html.cont .img-c:has(> img) > video, html.cont .img-c:has(video) > img, html.cont .img-c:has(video) > video,
html.cont .img-c *:has(video) > img,
html.cont .img-c *:has(video) > video {
  z-index: -2 !important;
}
html.cont .blackback h1,
html.cont .blackback h2,
html.cont .blackback h3,
html.cont .blackback h4,
html.cont .blackback h5,
html.cont .blackback h6,
html.cont .blackback p,
html.cont .blackback span,
html.cont .blackback table,
html.cont .blackback ul,
html.cont .blackback li,
html.cont .blackback ol,
html.cont .black h1,
html.cont .black h2,
html.cont .black h3,
html.cont .black h4,
html.cont .black h5,
html.cont .black h6,
html.cont .black p,
html.cont .black span,
html.cont .black table,
html.cont .black ul,
html.cont .black li,
html.cont .black ol,
html.cont .dark h1,
html.cont .dark h2,
html.cont .dark h3,
html.cont .dark h4,
html.cont .dark h5,
html.cont .dark h6,
html.cont .dark p,
html.cont .dark span,
html.cont .dark table,
html.cont .dark ul,
html.cont .dark li,
html.cont .dark ol,
html.cont .b h1,
html.cont .b h2,
html.cont .b h3,
html.cont .b h4,
html.cont .b h5,
html.cont .b h6,
html.cont .b p,
html.cont .b span,
html.cont .b table,
html.cont .b ul,
html.cont .b li,
html.cont .b ol {
  color: #000 !important;
}
html.cont .single-seminare a.button.--icon-plus {
  padding-left: calc(var(--components-button-padding-x, 32px) + 24px + 10px) !important;
}
html.cont .post-slider .term-item,
html.cont .page-start,
html.cont .contact-partner-card .content,
html.cont .contact-partner-card .content p,
html.cont .contact-partner-card .content h3,
html.cont .contact-partner-card .content .contact .info *,
html.cont .contact-partner-card .content a,
html.cont .content-cards-teaser .digit,
html.cont .google-rating .swiper-container .swiper .swiper-slide .rating .text,
html.cont .tabs-navigation .tab-button.active span,
html.cont .content-cards-teaser:hover,
html.cont .tabs-slider .swiper-slide-inner .card:hover,
html.cont .page-start .inner *,
html.cont .banner .inner *,
html.cont .seminar-sidebar .price-wrapper .h3,
html.cont .topic-container * {
  color: #000 !important;
}
html.cont .seminar-banner,
html.cont .google-rating {
  background-color: #000 !important;
}
html.cont .img-c a.button,
html.cont .js-termin-load-more,
html.cont a.button,
html.cont form input[type=submit],
html.cont form button {
  color: #000 !important;
  background-color: #fff !important;
  border: 1px solid #000 !important;
  font-weight: bolder !important;
  padding: 16px 32px !important;
}
html.cont .img-c a.button span,
html.cont .js-termin-load-more span,
html.cont a.button span,
html.cont form input[type=submit] span,
html.cont form button span {
  color: #000 !important;
  font-weight: bolder !important;
}
html.cont a.button.main.--has-icon.--icon-plus {
  padding-left: 80px !important;
}
html.cont .seminar-sidebar,
html.cont .acc-title.title,
html.cont .accordeon .item,
html.cont .page-start,
html.cont .termin-card {
  border-color: #000 !important;
}
html.cont button.slider__button {
  background-color: #000 !important;
  border: 1px solid #000 !important;
}
html.cont .toolbox,
html.cont .contact-partner-card,
html.cont .taxonomy-teaser .card,
html.cont .tabs-slider-grid .card,
html.cont .tabs-navigation .tab-button.active,
html.cont .hero-banner .hero-grid--image .cta-grp-bg,
html.cont .topic-icon {
  border: 1px solid #000 !important;
}
html.cont .taxonomy-teaser .card {
  background-color: #fff !important;
}
html.cont .taxonomy-teaser .card::before {
  background-color: #fff !important;
  color: #000;
}
html.cont .toolbox,
html.cont .page-start,
html.cont .seminar-sidebar,
html.cont .termin-card .termin-card__inner-left,
html.cont .contact-partner-card,
html.cont .content-cards-teaser,
html.cont .content-cards-teaser .card,
html.cont .content-cards-teaser .card:before,
html.cont .content-cards-teaser:hover,
html.cont .content-cards-teaser .digit:before,
html.cont .google-rating .chart .bar,
html.cont .tabs-navigation .tab-button.active,
html.cont .hero-banner .hero-grid--image .cta-grp-bg,
html.cont .banner,
html.cont .topic-icon {
  background-color: #fff !important;
}
html.cont .wcag {
  border: 1px solid black !important;
  background-color: #000 !important;
}
html.cont .wcag p {
  color: #000 !important;
}
html.cont .content-cards-teaser .bg-container .overlay {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.32) 28%, rgba(0, 0, 0, 0.55) 100%);
}
html.cont .overlay {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.32) 28%, rgba(0, 0, 0, 0.55) 100%);
}
html.cont .overlay.radient {
  --shadow-herobanner: radial-gradient(
  	74% 68% at 64% 42%,
  	rgb(0 0 0 / 0.12) 0%,
  	rgb(0 0 0 / 0.32) 28%,
  	rgb(0 0 0 / 0.55) 100%
  );
}
html.cont .hamburger.is-active .hamburger-inner::before,
html.cont .hamburger.is-active .hamburger-inner::after,
html.cont .hero-banner .wysiwyg strong {
  color: #000 !important;
}

html body.page .img-c *:has(> img), html body.page .img-c:has(> img),
html body.page .img-c *:has(video), html body.page .img-c:has(video),
html body .img-c *:has(> img),
html body .img-c:has(> img),
html body .img-c *:has(video),
html body .img-c:has(video) {
  position: relative !important;
}
html body.page .img-c *:has(> img)::after, html body.page .img-c:has(> img)::after,
html body.page .img-c *:has(video)::after, html body.page .img-c:has(video)::after,
html body .img-c *:has(> img)::after,
html body .img-c:has(> img)::after,
html body .img-c *:has(video)::after,
html body .img-c:has(video)::after {
  transition: all 0.2s ease-in-out;
  opacity: 0;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #fff;
  background: linear-gradient(131deg, rgba(0, 0, 0, 0.79) 0%, rgba(0, 0, 0, 0.81) 100%);
  width: 100%;
  height: 100%;
}
html body.page .img-c *:has(> img).slick-track, html body.page .img-c:has(> img).slick-track,
html body.page .img-c *:has(video).slick-track, html body.page .img-c:has(video).slick-track,
html body .img-c *:has(> img).slick-track,
html body .img-c:has(> img).slick-track,
html body .img-c *:has(video).slick-track,
html body .img-c:has(video).slick-track {
  position: static;
  overflow: hidden;
  height: 100%;
}
html body.page .img-c *:has(> img).slick-track::after, html body.page .img-c:has(> img).slick-track::after,
html body.page .img-c *:has(video).slick-track::after, html body.page .img-c:has(video).slick-track::after,
html body .img-c *:has(> img).slick-track::after,
html body .img-c:has(> img).slick-track::after,
html body .img-c *:has(video).slick-track::after,
html body .img-c:has(video).slick-track::after {
  height: 100vh;
}
html body.page .img-c *:has(> img).slick-slide, html body.page .img-c:has(> img).slick-slide,
html body.page .img-c *:has(video).slick-slide, html body.page .img-c:has(video).slick-slide,
html body .img-c *:has(> img).slick-slide,
html body .img-c:has(> img).slick-slide,
html body .img-c *:has(video).slick-slide,
html body .img-c:has(video).slick-slide {
  height: auto;
}
html body.page .img-c *:has(> img) > img:not(.hintergrund):not(.background):not(.back), html body.page .img-c:has(> img) > img:not(.hintergrund):not(.background):not(.back),
html body.page .img-c *:has(video) > img:not(.hintergrund):not(.background):not(.back), html body.page .img-c:has(video) > img:not(.hintergrund):not(.background):not(.back),
html body .img-c *:has(> img) > img:not(.hintergrund):not(.background):not(.back),
html body .img-c:has(> img) > img:not(.hintergrund):not(.background):not(.back),
html body .img-c *:has(video) > img:not(.hintergrund):not(.background):not(.back),
html body .img-c:has(video) > img:not(.hintergrund):not(.background):not(.back) {
  position: inherit;
}
html body.page .img-c *:has(> img) > img:not(.hintergrund):not(.background):not(.back) + img::after, html body.page .img-c:has(> img) > img:not(.hintergrund):not(.background):not(.back) + img::after,
html body.page .img-c *:has(video) > img:not(.hintergrund):not(.background):not(.back) + img::after, html body.page .img-c:has(video) > img:not(.hintergrund):not(.background):not(.back) + img::after,
html body .img-c *:has(> img) > img:not(.hintergrund):not(.background):not(.back) + img::after,
html body .img-c:has(> img) > img:not(.hintergrund):not(.background):not(.back) + img::after,
html body .img-c *:has(video) > img:not(.hintergrund):not(.background):not(.back) + img::after,
html body .img-c:has(video) > img:not(.hintergrund):not(.background):not(.back) + img::after {
  display: none;
}
html body.page .img-c *:has(> img) .inner,
html body.page .img-c *:has(> img) .txt, html body.page .img-c:has(> img) .inner,
html body.page .img-c:has(> img) .txt,
html body.page .img-c *:has(video) .inner,
html body.page .img-c *:has(video) .txt, html body.page .img-c:has(video) .inner,
html body.page .img-c:has(video) .txt,
html body .img-c *:has(> img) .inner,
html body .img-c *:has(> img) .txt,
html body .img-c:has(> img) .inner,
html body .img-c:has(> img) .txt,
html body .img-c *:has(video) .inner,
html body .img-c *:has(video) .txt,
html body .img-c:has(video) .inner,
html body .img-c:has(video) .txt {
  position: relative;
  z-index: 1;
}

html.a-s *,
html.a-s *:after,
html.a-s *:before {
  transition: unset !important;
  animation: unset !important;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
.toolbox {
  border-radius: var(--radius-sm, 4px);
  border: 1px solid var(--border-accent, #16ad99);
  background: var(--surface-success, #f0fdf4);
  display: flex;
  padding: var(--components-box-padding-sm, 10px);
  justify-content: flex-start;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.toolbox a {
  color: var(--color-text-body, #3f3f46);
  text-decoration: underline;
}
.toolbox svg {
  color: #10b981;
  width: 16px;
  width: 100%;
}
.toolbox h6 {
  padding: 0;
}
.toolbox.--color-blue {
  border: 1px solid var(--border-notice, #bae6fd);
  background: var(--surface-notice, #f0f9ff);
}
.toolbox.--color-blue svg {
  color: #0ea5e9;
}

/*------------------------------------*/
/* 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 {
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
  outline: none !important;
  width: 100%;
  color: var(--text-headings);
  appearance: none;
  letter-spacing: normal;
  transition: var(--transition-fast);
  border-radius: var(--components-radius-medium, 12px);
  border: 1px solid var(--border-box, #d4d4d8);
  background: var(--surface-input, #fff);
  padding: var(--components-input-padding-y, 18px) var(--components-input-padding-x, 20px);
}
@media screen and (max-width: 520px) {
  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 {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  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 {
    font-size: 16px;
  }
}
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-placeholder, #a1a1aa);
}
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, #9fcac4);
}
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, #16ad99);
}
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 {
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
  outline: none !important;
  width: 100%;
  color: var(--text-headings);
  appearance: none;
  letter-spacing: normal;
  transition: var(--transition-fast);
  border-radius: var(--components-radius-medium, 12px);
  border: 1px solid var(--border-box, #d4d4d8);
  background: var(--surface-input, #fff);
  padding: var(--components-input-padding-y, 18px) var(--components-input-padding-x, 20px);
  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;
}
@media screen and (max-width: 520px) {
  form.wpcf7-form select {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  form.wpcf7-form select {
    font-size: 16px;
  }
}
form.wpcf7-form select::-webkit-input-placeholder, form.wpcf7-form select:-ms-input-placeholder, form.wpcf7-form select::placeholder {
  color: var(--text-placeholder, #a1a1aa);
}
form.wpcf7-form select:not([aria-invalid=true]):hover {
  border-color: var(--border-input-hover, #9fcac4);
}
form.wpcf7-form select:not([aria-invalid=true]):focus {
  border-color: var(--border-input-focus, #16ad99);
}
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;
  border-radius: var(--components-input-radius, 4px);
}
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 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-sm, 8px) 0 0;
  height: 20px;
  width: 20px;
  min-width: 20px;
  background-color: var(--surface-selector);
  border: 1px solid var(--border-selector, #a1a1aa);
  border-radius: 50% !important;
  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='%2316AD99' 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-headings, #27272a);
  font-family: var(--font-family-body, Causten);
  font-size: var(--font-size-xs, 14px);
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
}
@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(--border-input-focus);
  background-size: 10px;
}
form.wpcf7-form .wpcf7-radio {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  gap: 16px;
}
form.wpcf7-form .wpcf7-radio label {
  flex: 1;
  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-sm, 8px) 0 0;
  height: 20px;
  width: 20px;
  min-width: 20px;
  background-color: var(--surface-selector);
  border: 1px solid var(--border-selector, #a1a1aa);
  border-radius: 50% !important;
  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='%2316AD99' 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-headings, #27272a);
  font-family: var(--font-family-body, Causten);
  font-size: var(--font-size-xs, 14px);
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
}
@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(--border-input-focus);
  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%3Crect width='10' height='10' rx='5' fill='%23EF6F2A'/%3E%3C/svg%3E%0A");
  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='%2316AD99'/%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);
  color: var(--text-notice, #0ea5e9);
  font-family: var(--font-famIly-body, "Montserrat");
  font-size: var(--font-size-2xs, 12px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--font-line-height-2xs, 18px); /* 150% */
  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);
  color: var(--text-notice, #0ea5e9);
  font-family: var(--font-famIly-body, "Montserrat");
  font-size: var(--font-size-2xs, 12px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--font-line-height-2xs, 18px); /* 150% */
  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 {
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
  padding: 0;
  width: fit-content;
  color: var(--text-body);
}
@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: 16px;
  }
}
form.wpcf7-form .wpcf7-spinner {
  position: absolute;
  left: 7px;
  bottom: 16px;
  margin: 0px;
}
form.wpcf7-form.submitting {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
form.wpcf7-form.submitting:after {
  content: "Wird gesendet…";
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  font-weight: 500;
  color: var(--text-body);
  animation: pulse 1.5s infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}
form.wpcf7-form .wpcf7-response-output {
  margin: var(--space-lg) 0 0;
  padding: var(--space-md) var(--space-lg);
  border-radius: var(--components-input-radius);
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  background-color: var(--surface-box);
  border: 1px solid var(--border-input);
  color: var(--text-body);
}
form.wpcf7-form.sent .wpcf7-response-output {
  background-color: var(--surface-success, #f0fdf4);
  border-color: var(--border-input-success, #22c55e);
  color: var(--text-success, #166534);
}
form.wpcf7-form.sent .wpcf7-response-output: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='%23F0FDF4'/%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' stroke='%2322C55E'/%3E%3Cpath d='M4.5 8L7 10.5L11.5 5' stroke='%2322c55e' stroke-width='1.5'/%3E%3C/svg%3E");
}
form.wpcf7-form.failed .wpcf7-response-output, form.wpcf7-form.aborted .wpcf7-response-output {
  background-color: var(--surface-error, #fff1f2);
  border-color: var(--border-input-error, #e11d48);
  color: var(--text-error, #e11d48);
}
form.wpcf7-form.failed .wpcf7-response-output:before, form.wpcf7-form.aborted .wpcf7-response-output: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");
}

.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 h5.h5 {
  line-height: 1;
  padding: 0;
  margin: 0;
}
.standard-formular > label,
.standard-formular fieldset {
  width: 100%;
  border: none;
  padding: 0px;
  margin: 0px;
}
.standard-formular > label > span,
.standard-formular > label legend,
.standard-formular fieldset > span,
.standard-formular fieldset legend {
  display: block;
  width: 100%;
}
.standard-formular > label > span.labeltext,
.standard-formular > label legend.labeltext,
.standard-formular fieldset > span.labeltext,
.standard-formular fieldset legend.labeltext {
  padding-bottom: var(--space-md);
  color: var(--text-headings, #27272a) !important;
  font-family: var(--font-family-headings, Causten);
  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,
.standard-formular > label legend.labeltext .required,
.standard-formular fieldset > span.labeltext .required,
.standard-formular fieldset legend.labeltext .required {
  display: inline;
}

/*------------------------------------*/
/* 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-grid-gutter) / 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-grid-gutter) * 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(--space-4xl, 64px) / 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(--space-4xl, 64px) * 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(--space-4xl, 64px) / 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(--space-4xl, 64px) * 4 / 5);
  }
}

.contact-partner-card {
  border-radius: var(--components-radius-medium, 12px);
  display: flex;
  padding: var(--components-box-padding-medium, 20px);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-shrink: 0;
  align-self: stretch;
  overflow: hidden;
  position: relative;
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.contact-partner-card .contact {
  display: flex;
  align-items: center;
  gap: 20px;
  align-self: stretch;
}
.contact-partner-card .contact .image-container img {
  width: 78px;
  height: 78px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}
.contact-partner-card .contact .info h5,
.contact-partner-card .contact .info p {
  padding: 0;
}
.contact-partner-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='49' height='52' viewBox='0 0 49 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-4.09137e-06 94.5625L-2.23978e-07 6.08691L40.0459 50.415L-4.09137e-06 94.5625ZM49.6309 50.4268L49.6543 50.4004L44.8564 45.1113L44.8428 45.126L4.94727 0.962887L88.0977 0.962891L88.0977 93.0107L49.6309 50.4268ZM6.40136 98.084L44.834 55.7148L83.1074 98.084L6.40136 98.084Z' fill='%237BE2D4'/%3E%3C/svg%3E%0A");
  z-index: 1;
  margin-right: -1px;
}
.contact-partner-card .content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: var(--layout-space-medium, 25px);
  flex: 1;
  flex-direction: column;
}
.contact-partner-card .top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.contact-partner-card .top h3,
.contact-partner-card .top p {
  padding: 0;
}
.contact-partner-card .links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 19px;
}
.contact-partner-card .bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
  align-self: stretch;
}
.contact-partner-card.--color-darkgreen, .contact-partner-card.--color-green {
  background: var(--surface-primary, #008080);
}
.contact-partner-card.--color-darkgreen h3,
.contact-partner-card.--color-darkgreen p,
.contact-partner-card.--color-darkgreen .info h5,
.contact-partner-card.--color-darkgreen .info p,
.contact-partner-card.--color-darkgreen .links .icon-link, .contact-partner-card.--color-green h3,
.contact-partner-card.--color-green p,
.contact-partner-card.--color-green .info h5,
.contact-partner-card.--color-green .info p,
.contact-partner-card.--color-green .links .icon-link {
  color: var(--text-headings-on-dark, #fff);
}
.contact-partner-card.--color-darkgreen .links .icon-link:hover, .contact-partner-card.--color-green .links .icon-link:hover {
  color: var(--text-highlight, #16ad99);
}
.contact-partner-card.--color-darkgreen .links .icon-link svg, .contact-partner-card.--color-green .links .icon-link svg {
  color: var(--icon-accent);
  stroke: var(--icon-accent);
}
.contact-partner-card.--color-darkgreen {
  background: var(--surface-primary-card, #066769);
}
.contact-partner-card.--color-light {
  background: var(--surface-box, #f4f4f5);
}
.contact-partner-card.--color-light h3,
.contact-partner-card.--color-light p,
.contact-partner-card.--color-light .info h5 {
  color: var(--text-headings, #27272a);
}
.contact-partner-card.--color-light .info p {
  color: var(--text-body, #52525b);
}
.contact-partner-card.--color-light .links .icon-link svg {
  color: var(--theme-primary-primary);
  stroke: var(--theme-primary-primary);
}
@media (min-width: 769px) {
  .contact-partner-card {
    position: relative;
    padding: var(--components-box-padding-medium, 32px);
  }
  .contact-partner-card .content,
  .contact-partner-card .bottom {
    gap: var(--layout-space-medium, 30px);
  }
  .contact-partner-card .top {
    padding-right: 50px;
  }
  .contact-partner-card::after {
    width: 50px;
    height: 50px;
  }
}

.contact-partner-small {
  display: flex;
  align-items: center;
  gap: 20px;
  align-self: stretch;
}
.contact-partner-small .image-container img {
  width: 78px;
  height: 78px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}
.contact-partner-small .info h5,
.contact-partner-small .info p {
  padding: 0;
}
.contact-partner-small.grey {
  border-radius: 12px;
  border: 1px solid var(--surface-box, #f4f4f5);
  background: rgba(244, 244, 245, 0.5);
  display: flex;
  flex-direction: row;
  align-items: center;
  display: flex;
  padding: 20px 32px;
  align-items: center;
  gap: 20px;
  align-self: stretch;
}
.contact-partner-small.grey .image-container img {
  width: 78px;
  height: 78px;
  border: 0;
}
.contact-partner-small.grey .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
}
.contact-partner-small.grey .info h5 {
  color: var(--text-headings, #27272a);
  /* Überschrift/H5 */
  font-family: var(--font-family-headings, Causten);
  font-size: var(--font-size-md, 18px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-md, 27px); /* 150% */
}
.contact-partner-small.grey .info p {
  color: var(--text-body, #52525b);
  /* Fließtext/Offen */
  font-family: var(--font-family-body, Causten);
  font-size: var(--font-size-sm, 16px);
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
}
.trainer-profile {
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.trainer-profile > .content-wrapper {
  padding: 0;
  gap: 44px;
  display: flex;
}
.trainer-profile h3 {
  padding: 0;
}
.trainer-profile ul {
  --wv-ul-marker-size: 7px;
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
  flex-direction: column;
  gap: 14px;
  list-style: none;
}
.trainer-profile ul li {
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
  padding-left: calc(var(--wv-ul-marker-size) + 20px);
  position: relative;
  text-align: left;
}
@media screen and (max-width: 520px) {
  .trainer-profile ul li {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .trainer-profile ul li {
    font-size: 16px;
  }
}
.trainer-profile 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 width='7' height='8' viewBox='0 0 7 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='7' height='7' fill='%23008080'/%3E%3C/svg%3E%0A");
  left: 0;
  top: 50%;
  translate: 0 -50%;
}
.trainer-profile .video-container {
  height: 100%;
  max-height: 428px;
}
.trainer-profile .text-container {
  margin-bottom: 24px;
}
.trainer-profile .question-list {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 350px;
  margin-top: 20px;
}
.trainer-profile .question-list li {
  padding: 0;
}
.trainer-profile .question-list li:before {
  display: none;
}
.trainer-profile .question-list li:nth-child(odd) {
  grid-column: 1;
}
.trainer-profile .question-list li:nth-child(even) {
  grid-column: 2;
}
.trainer-profile .question {
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
  color: var(--text-body, #52525b);
}
@media screen and (max-width: 520px) {
  .trainer-profile .question {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .trainer-profile .question {
    font-size: 16px;
  }
}
.trainer-profile .question h5,
.trainer-profile .question p {
  color: var(--text-body, #52525b);
  padding: 0;
}
.trainer-profile.video-text > .content-wrapper {
  flex-direction: column;
  display: flex;
}
.trainer-profile.video-text > .content-wrapper .video-container,
.trainer-profile.video-text > .content-wrapper .text-container {
  flex: 1 1 50%;
}
.trainer-profile.video-text > .content-wrapper .video-container,
.trainer-profile.video-text > .content-wrapper .text-container {
  flex: 1 1 100%;
}
.trainer-profile.questions > .content-wrapper {
  flex-direction: column;
}
@media (min-width: 769px) {
  .trainer-profile.video-text > .content-wrapper {
    flex-direction: row;
  }
  .trainer-profile .question-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.topic-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: var(--acc);
}
.topic-icon svg {
  color: #fff !important;
}
.topic-icon.--size-small {
  width: 24px;
  height: 24px;
}
.topic-icon.--size-small svg {
  width: 18px;
  height: 18px;
}
.topic-icon.--size-large {
  width: 43px;
  height: 43px;
}
.topic-icon.--size-large svg {
  width: 27px;
  height: 27px;
}

@media (min-width: 769px) {
  .single-seminare .allcont > section {
    padding-bottom: 10px;
  }
}

.seminar-gridrow {
  position: relative;
  align-items: flex-start;
}
.seminar-gridrow .col {
  padding: var(--font-default-linegap) 0 0;
}
@media (min-width: 769px) {
  .seminar-gridrow .col.col1 {
    position: sticky;
    top: 0px;
    width: calc(50% - var(--layout-grid-gutter) / 2);
    padding-bottom: var(--components-abstand-large);
  }
}
@media (min-width: 769px) {
  .seminar-gridrow .col.col2 {
    width: calc(50% - var(--layout-grid-gutter) / 2);
  }
}
.seminar-sidebar {
  padding: var(--components-box-padding-small, 20px) var(--components-box-padding-medium, 32px);
  background-color: var(--hi, var(--surface-box, #f4f4f5));
  margin-left: auto;
  border-radius: var(--components-radius-medium, 12px);
  border: 1px solid var(--acc, var(--surface-box, #f4f4f5));
}
@media (min-width: 769px) {
  .seminar-sidebar {
    max-width: 360px;
  }
}
.seminar-sidebar .price-wrapper {
  display: flex;
  align-items: flex-end;
  column-gap: 2px;
  flex-wrap: wrap;
}
.seminar-sidebar .price-wrapper .h3 {
  color: var(--acc, var(--text-headings));
}
.seminar-sidebar a.button {
  display: block;
  width: 100%;
}
.seminar-nav {
  position: sticky;
  top: 0px;
  border: 1px solid var(--border-box, #d4d4d8);
  background: var(--surface-page, #fff);
  align-items: center;
  padding: 20px;
  left: 0px;
  z-index: 50;
}
@media (max-width: 768px) {
  .seminar-nav {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .seminar-nav {
    top: calc(100vh - 112px);
    padding: 20px 80px;
    border-radius: var(--components-radius-medium, 12px);
    box-shadow: 2px 4px 16px 0 rgba(0, 0, 0, 0.2);
  }
  .seminar-nav + .seminarseite-banner {
    margin-top: -68px;
  }
}
.seminar-nav ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
  flex-direction: row;
  gap: 32px;
  justify-content: space-between;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  overflow: scroll;
}
.seminar-nav ul::-webkit-scrollbar {
  display: none;
}
.seminar-nav ul {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.seminar-nav ul li {
  order: 2;
}
.seminar-nav ul li a {
  display: flex;
  align-items: center;
  column-gap: 10px;
  align-items: center;
  line-height: 1;
  color: var(--text-headings, #27272a);
  font-size: 16px;
  text-decoration: none;
  white-space: nowrap;
  padding: 5px 0px;
  transition: var(--transition);
}
.seminar-nav ul li a span {
  display: block;
  padding-top: 1px;
}
.seminar-nav ul li a svg {
  transition: var(--transition);
  width: 24px;
  height: 24px;
  stroke: var(--icon-neutral, #27272a);
}
.seminar-nav ul li a.active svg {
  stroke: var(--icon-primary, #008080);
}
.seminar-nav ul li > a:hover, .seminar-nav ul li:hover > a,
.seminar-nav ul li > a.active {
  color: var(--text-highlight, #16ad99);
}
@media (max-width: 768px) {
  .seminar-nav ul li.seminar-nav-item--top {
    order: 1;
  }
}
.seminar-nav ul li.seminar-nav-item--top a {
  display: block;
}
.seminar-nav ul li.seminar-nav-item--top a svg {
  stroke: var(--icon-primary, #008080);
}
.seminar-nav ul li.seminar-nav-item--top a span {
  display: none;
}

.seminar-termine {
  position: relative;
}
.seminar-termine.is-loading {
  opacity: 0.7;
  animation: st-pulse 900ms ease-in-out infinite;
  will-change: opacity;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .seminar-termine.is-loading {
    animation: none;
    opacity: 0.6;
  }
}
.seminar-termine__items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.seminar-termine .seminar-termine__more {
  padding-top: var(--font-default-linegap);
}
@media (min-width: 1025px) {
  .seminar-termine .seminar-termine__more {
    padding-top: 0px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

.termin-card {
  padding: 15px;
  border-radius: var(--components-radius-medium, 12px);
  border: 1px solid var(--border-box, #d4d4d8);
  background: #fff;
}
.termin-card__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
.termin-card__inner-left {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: 15px;
  border-radius: var(--components-radius-medium, 12px);
  border: 0.5px solid var(--border-box, #d4d4d8);
}
@media (min-width: 521px) {
  .termin-card__inner-left {
    max-width: 210px;
    align-items: flex-start;
    flex-direction: column;
  }
}
.termin-card__inner-middle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  row-gap: 15px;
  column-gap: 20px;
}
@media (min-width: 521px) {
  .termin-card__inner-middle {
    max-width: calc(100% - 210px - 20px);
  }
}
@media (min-width: 1025px) {
  .termin-card__inner-middle {
    max-width: calc(100% - 210px - 290px - 40px);
  }
}
.termin-card__inner-middle .h4 {
  color: var(--text-headings, #27272a);
  padding-top: 0;
  width: 100%;
}
.termin-card__inner-right {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 20px;
  justify-content: space-between;
}
@media (min-width: 1025px) {
  .termin-card__inner-right {
    max-width: 290px;
    justify-content: flex-end;
  }
}
@media (max-width: 520px) {
  .termin-card__inner-right {
    flex-direction: column-reverse;
  }
  .termin-card__inner-right a.button,
  .termin-card__inner-right button {
    width: inherit;
  }
}
.termin-card__icontext {
  display: block;
  position: relative;
  padding-left: 32px;
  line-height: 20px;
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  color: var(--text-headings, #27272a);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 24px;
  padding-top: 4px;
}
@media screen and (max-width: 520px) {
  .termin-card__icontext {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .termin-card__icontext {
    font-size: 16px;
  }
}
.termin-card__icontext.--icon-date {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2.5V6.5M16 2.5V6.5M3 10.5H21M15 22.5V18.5C15 17.9696 15.2107 17.4609 15.5858 17.0858C15.9609 16.7107 16.4696 16.5 17 16.5H21M21 17.5V6.5C21 5.96957 20.7893 5.46086 20.4142 5.08579C20.0391 4.71071 19.5304 4.5 19 4.5H5C4.46957 4.5 3.96086 4.71071 3.58579 5.08579C3.21071 5.46086 3 5.96957 3 6.5V20.5C3 21.0304 3.21071 21.5391 3.58579 21.9142C3.96086 22.2893 4.46957 22.5 5 22.5H16L21 17.5Z' stroke='%2327272A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.termin-card__icontext.--icon-region {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10C20 14.993 14.461 20.193 12.601 21.799C12.4277 21.9293 12.2168 21.9998 12 21.9998C11.7832 21.9998 11.5723 21.9293 11.399 21.799C9.539 20.193 4 14.993 4 10C4 7.87827 4.84285 5.84344 6.34315 4.34315C7.84344 2.84285 9.87827 2 12 2C14.1217 2 16.1566 2.84285 17.6569 4.34315C19.1571 5.84344 20 7.87827 20 10Z' stroke='%2352525B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z' stroke='%2352525B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.termin-card__icontext.--icon-duration {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6V12H7.5M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%2352525B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.termin-card__icontext.--icon-person {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 21C18 18.8783 17.1571 16.8434 15.6569 15.3431C14.1566 13.8429 12.1217 13 10 13M10 13C7.87827 13 5.84344 13.8429 4.34315 15.3431C2.84285 16.8434 2 18.8783 2 21M10 13C12.7614 13 15 10.7614 15 8C15 5.23858 12.7614 3 10 3C7.23858 3 5 5.23858 5 8C5 10.7614 7.23858 13 10 13ZM22 20C22 16.63 20 13.5 18 12C18.6575 11.5067 19.1832 10.859 19.5306 10.1142C19.8781 9.3694 20.0366 8.55042 19.9921 7.72975C19.9476 6.90908 19.7015 6.11204 19.2755 5.40915C18.8496 4.70626 18.2569 4.11921 17.55 3.69995' stroke='%2352525B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.termin-card__icontext.--color-primary.--icon-date {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2.5V6.5M16 2.5V6.5M3 10.5H21M15 22.5V18.5C15 17.9696 15.2107 17.4609 15.5858 17.0858C15.9609 16.7107 16.4696 16.5 17 16.5H21M21 17.5V6.5C21 5.96957 20.7893 5.46086 20.4142 5.08579C20.0391 4.71071 19.5304 4.5 19 4.5H5C4.46957 4.5 3.96086 4.71071 3.58579 5.08579C3.21071 5.46086 3 5.96957 3 6.5V20.5C3 21.0304 3.21071 21.5391 3.58579 21.9142C3.96086 22.2893 4.46957 22.5 5 22.5H16L21 17.5Z' stroke='%23008080' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.termin-card__icontext.--color-primary.--icon-duration {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6.5V12.5H7.5M22 12.5C22 18.0228 17.5228 22.5 12 22.5C6.47715 22.5 2 18.0228 2 12.5C2 6.97715 6.47715 2.5 12 2.5C17.5228 2.5 22 6.97715 22 12.5Z' stroke='%23008080' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.termin-card .--state-available {
  background: var(--surface-selector-hover, #eefbf6);
}
.termin-card .--state-available .termin-card__state {
  color: var(--text-highlight, #16ad99);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6.5L9 17.5L4 12.5' stroke='%2316AD99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.termin-card .--state-few {
  background: var(--surface-warning, #fff7ed);
}
.termin-card .--state-few .termin-card__state {
  color: var(--text-warning, #f97316);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9993 6.5V12.5L15.9993 14.5M15.9993 21.6601C14.2019 22.4453 12.2132 22.6846 10.2808 22.3481C8.34845 22.0117 6.55768 21.1144 5.13139 19.7679C3.7051 18.4214 2.70629 16.6852 2.25926 14.7754C1.81224 12.8656 1.93674 10.8664 2.61727 9.02681C3.2978 7.1872 4.50431 5.58834 6.08664 4.42923C7.66897 3.27011 9.55724 2.60193 11.5164 2.50785C13.4756 2.41377 15.4192 2.89794 17.1054 3.90009C18.7915 4.90225 20.1456 6.37815 20.9993 8.14409M19.9993 12V18M19.9993 22H20.0093' stroke='%23F97316' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.termin-card .--state-full {
  background: var(--surface-error, #fff1f2);
}
.termin-card .--state-full .termin-card__state {
  color: var(--text-error, #e11d48);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.00085 2.5L22.0009 22.5M8.35083 3.1899C10.1615 2.48272 12.1389 2.31858 14.0414 2.71754C15.9438 3.11651 17.6887 4.06128 19.0627 5.4363C20.4367 6.81133 21.3801 8.55698 21.7776 10.4597C22.1751 12.3625 22.0094 14.3398 21.3008 16.1499M19.0809 19.5799C18.1512 20.5097 17.0474 21.2472 15.8326 21.7504C14.6178 22.2536 13.3158 22.5126 12.0009 22.5126C10.686 22.5126 9.38403 22.2536 8.16924 21.7504C6.95446 21.2472 5.85067 20.5097 4.92091 19.5799C3.99115 18.6502 3.25363 17.5464 2.75045 16.3316C2.24727 15.1168 1.98828 13.8148 1.98828 12.4999C1.98828 11.185 2.24727 9.88304 2.75045 8.66825C3.25363 7.45346 3.99115 6.34968 4.92091 5.41992' stroke='%23E11D48' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.termin-card__show-details {
  position: relative;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px 30px 4px 0;
  margin: 0;
  font-size: 16px;
  color: var(--text-headings, #27272a);
  outline: none;
}
.termin-card__show-details:disabled {
  opacity: 0.5;
}
.termin-card__show-details:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  transition: var(--transition);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.5V19.5M12 19.5L19 12.5M12 19.5L5 12.5' stroke='%2327272A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.termin-card__show-details.--open:before {
  transform: translateY(-50%) rotate(180deg);
}
.termin-card__details {
  margin-top: 10px;
  padding-top: 20px;
  border-top: 1px solid var(--divider, #f4f4f5);
}
.termin-card__details .gridrow {
  column-gap: 10px;
}
.termin-card__details .gridrow .col {
  width: 100%;
}
@media (min-width: 769px) {
  .termin-card__details .gridrow .col {
    width: calc(50% - 5px);
  }
}
.termin-card__details-card {
  border-radius: 12px;
  border: 1px solid var(--surface-box, #f4f4f5);
  background: rgba(244, 244, 245, 0.5);
  padding: 0 20px 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.termin-card__details-card .h4 {
  color: var(--text-headings, #27272a);
}
.termin-card__details-card .h4 b,
.termin-card__details-card .h4 strong {
  color: var(--text-highlight, #16ad99);
}
.termin-card__details-card .h4 sup {
  top: 0;
  margin-left: 5px;
  font-weight: var(--font-weight-regular, 500);
}
.termin-card__details-card .ablauf-item {
  margin-top: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cbcbcb;
}
.termin-card__details-card .ablauf-item p {
  padding: 0px;
}
.termin-card__details-card .ablauf-item p + p {
  padding-top: 10px;
}
.termin-card__details-card .ablauf-item-details {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.termin-card__details .contact-partner-small {
  margin-bottom: 10px;
  margin-top: 10px;
}
.termin-card__details a.button {
  display: block;
  width: 100%;
}

.seminar-notification .h4 {
  padding-top: 0px;
}
.seminar-notification .h5 {
  color: var(--text-headings, #020617);
}
.seminar-notification p + p {
  padding-top: 10px;
}
.seminar-notification .standard-formular {
  margin-top: 20px;
}
.seminar-notification .standard-formular .wpcf7-acceptance label span {
  font-size: 12px;
  line-height: 120%;
}
.seminar-notification .standard-formular button {
  display: block;
  width: 100%;
}
.seminar-notification form.wpcf7-form.submitting {
  position: relative;
}
.seminar-notification form.wpcf7-form.submitting:after {
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.seminar-search {
  position: relative;
  margin-bottom: var(--components-abstand-extrasmall);
}
.seminar-search input {
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
  outline: none !important;
  width: 100%;
  color: var(--text-headings);
  appearance: none;
  letter-spacing: normal;
  transition: var(--transition-fast);
  border-radius: var(--components-radius-medium, 12px);
  border: 1px solid var(--border-box, #d4d4d8);
  background: var(--surface-input, #fff);
  padding: var(--components-input-padding-y, 18px) var(--components-input-padding-x, 20px);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 21.0999L16.7 16.7999M19 11.1C19 15.5183 15.4183 19.1 11 19.1C6.58172 19.1 3 15.5183 3 11.1C3 6.6817 6.58172 3.09998 11 3.09998C15.4183 3.09998 19 6.6817 19 11.1Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: calc(100% - 20px) center;
  background-repeat: no-repeat;
  background-size: 24px;
  padding: var(--components-input-padding-y, 18px) calc(var(--components-input-padding-x, 20px) + 24px + 10px) var(--components-input-padding-y, 18px) var(--components-input-padding-x, 20px);
}
@media screen and (max-width: 520px) {
  .seminar-search input {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .seminar-search input {
    font-size: 16px;
  }
}
.seminar-search input::-webkit-input-placeholder, .seminar-search input:-ms-input-placeholder, .seminar-search input::placeholder {
  color: var(--text-placeholder, #a1a1aa);
}
.seminar-search input:not([aria-invalid=true]):hover {
  border-color: var(--border-input-hover, #9fcac4);
}
.seminar-search input:not([aria-invalid=true]):focus {
  border-color: var(--border-input-focus, #16ad99);
}
.seminar-search input[aria-invalid=true] {
  background: var(--surface-error);
  border-color: var(--border-input-error);
}
.seminar-search input:disabled {
  opacity: 50%;
  cursor: not-allowed;
}
.seminar-search__suggestions {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  border-radius: 12px;
  background: #fff;
  box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.2);
  padding: 8px;
  max-height: 320px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  pointer-events: none;
  transition: opacity 0.12s ease, transform 0.12s ease, visibility 0s linear 0.12s;
}
.seminar-search.--open .seminar-search__suggestions {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
  transition: opacity 0.12s ease, transform 0.12s ease;
}
.seminar-search__suggestions .suggestion-item {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
  font-size: 0.95rem;
  line-height: 1.35;
}
.seminar-search__suggestions .suggestion-item:hover, .seminar-search__suggestions .suggestion-item:focus, .seminar-search__suggestions .suggestion-item.is-active {
  background: #f5f7fa;
  outline: none;
}
.seminar-search__suggestions .suggestion-item .title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.seminar-search__suggestions .suggestion-empty {
  padding: 10px 12px;
  color: #888;
  font-size: 0.9rem;
}

.seminar-termine-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: var(--components-abstand-extrasmall);
}
.seminar-termine-filter .chip {
  position: relative;
  outline: none;
}
.seminar-termine-filter .chip .chip__input,
.seminar-termine-filter .chip .chip__select {
  appearance: none;
  outline: none;
  padding: 12px 33px 10px;
  margin: 0;
  border-radius: 100px;
  border: 1px solid var(--border-box, #d4d4d8);
  background: var(--button-neutral-DEFAULT, #fff);
  max-width: 190px;
  color: var(--text-headings, #27272a);
  font-size: var(--font-size-sm, 16px);
  line-height: 1;
  cursor: pointer;
  background-position: 12px center;
  background-repeat: no-repeat;
  background-size: 16px;
}
.seminar-termine-filter .chip .chip__input:focus-visible,
.seminar-termine-filter .chip .chip__select:focus-visible {
  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: var(--button-accent-action);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: white;
  --tw-ring-inset: ;
}
.seminar-termine-filter .chip.--icon-date .chip__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5094_7267)'%3E%3Cpath d='M5.33333 1.93329V4.59996M10.6667 1.93329V4.59996M2 7.26662H14M10 15.2666V12.6C10 12.2463 10.1405 11.9072 10.3905 11.6571C10.6406 11.4071 10.9797 11.2666 11.3333 11.2666H14M14 11.9333V4.59996C14 4.24633 13.8595 3.90719 13.6095 3.65715C13.3594 3.4071 13.0203 3.26662 12.6667 3.26662H3.33333C2.97971 3.26662 2.64057 3.4071 2.39052 3.65715C2.14048 3.90719 2 4.24633 2 4.59996V13.9333C2 14.2869 2.14048 14.626 2.39052 14.8761C2.64057 15.1261 2.97971 15.2666 3.33333 15.2666H10.6667L14 11.9333Z' stroke='%2352525B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5094_7267'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.599976)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.seminar-termine-filter .chip.--icon-region .chip__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5094_7274)'%3E%3Cpath d='M14.1663 7.18333C14.1663 10.72 10.2429 14.4034 8.92538 15.541C8.80265 15.6332 8.65324 15.6832 8.49967 15.6832C8.34611 15.6832 8.1967 15.6332 8.07397 15.541C6.75647 14.4034 2.83301 10.72 2.83301 7.18333C2.83301 5.68044 3.43003 4.2391 4.49274 3.17639C5.55544 2.11368 6.99678 1.51666 8.49967 1.51666C10.0026 1.51666 11.4439 2.11368 12.5066 3.17639C13.5693 4.2391 14.1663 5.68044 14.1663 7.18333Z' stroke='%2352525B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.49967 9.30833C9.67328 9.30833 10.6247 8.35693 10.6247 7.18333C10.6247 6.00972 9.67328 5.05833 8.49967 5.05833C7.32607 5.05833 6.37467 6.00972 6.37467 7.18333C6.37467 8.35693 7.32607 9.30833 8.49967 9.30833Z' stroke='%2352525B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5094_7274'%3E%3Crect width='17' height='17' fill='white' transform='translate(0 0.0999756)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.seminar-termine-filter .chip.--icon-duration .chip__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5094_7281)'%3E%3Cpath d='M7.99967 4.59996V8.59996H4.99967M14.6663 8.59996C14.6663 12.2819 11.6816 15.2666 7.99967 15.2666C4.31778 15.2666 1.33301 12.2819 1.33301 8.59996C1.33301 4.91806 4.31778 1.93329 7.99967 1.93329C11.6816 1.93329 14.6663 4.91806 14.6663 8.59996Z' stroke='%2352525B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5094_7281'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.599976)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.seminar-termine-filter .chip.--icon-topic .chip__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.22028 2.18665C7.44738 2.02284 7.72028 1.93469 8.00028 1.93469C8.28029 1.93469 8.55319 2.02284 8.78028 2.18665L14.1136 6.01331C14.3437 6.17909 14.515 6.4139 14.6025 6.68365C14.69 6.9534 14.6892 7.24403 14.6003 7.51331L12.5736 13.6866C12.4853 13.9527 12.3154 14.1842 12.088 14.3482C11.8606 14.5121 11.5873 14.6002 11.307 14.6H4.69362C4.41327 14.6002 4.13998 14.5121 3.91258 14.3482C3.68519 14.1842 3.51526 13.9527 3.42695 13.6866L1.40028 7.51331C1.31134 7.24403 1.31057 6.9534 1.39809 6.68365C1.48561 6.4139 1.65685 6.17909 1.88695 6.01331L7.22028 2.18665Z' stroke='%2352525B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.seminar-termine-filter .chip .chip__caret {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6.59998L8 10.6L12 6.59998' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.seminar-termine-filter .chip .chip__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.chip__input::-webkit-input-placeholder {
  color: var(--text-headings, #27272a);
}

.chip__input:-moz-placeholder {
  color: var(--text-headings, #27272a);
}

.chip__input::-moz-placeholder {
  color: var(--text-headings, #27272a);
}

/* Flatpickr im Chip harmonisieren (wenn du global importierst) */
.flatpickr-input[readonly] {
  cursor: pointer;
}

@keyframes st-pulse {
  0% {
    opacity: 0.55;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    opacity: 0.55;
  }
}
/*------------------------------------*/
/* ACF BLOCK - accordeon-infobox */
/*------------------------------------*/
/*------------------------------------*/
/* ACF BLOCK - Post Slider */
/*------------------------------------*/
@media (min-width: 769px) {
  .post-slider .headline-container {
    padding-right: 150px;
  }
}
.post-slider .post-loop-item {
  position: relative;
  padding: 20px 0px;
}
.post-slider .post-loop-item .image-container img {
  aspect-ratio: 18/11;
  object-fit: cover;
  border-radius: 12px;
  max-width: unset;
  width: 100%;
}
.post-slider .post-loop-item .text-container {
  padding: 0px 20px;
}
.post-slider .post-loop-item .text-container .h4 {
  color: var(--text-headings, #27272a);
}
.post-slider .post-loop-item .text-container p {
  padding-top: 10px;
}
.post-slider .post-loop-item .text-container .term-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--acc, #008080);
  font-size: 16px;
  font-weight: 600;
}
.post-slider .post-loop-item .text-container .term-item svg {
  width: 18px;
  height: 18px;
}
.post-slider .post-loop-item .text-container .wysiwyg {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.post-slider .slider__controls {
  gap: 10px;
}
@media (min-width: 769px) {
  .post-slider .slider__controls {
    position: absolute;
    top: 0px;
    right: 0px;
  }
}

/*------------------------------------*/
/* ACF BLOCK - Google Rating */
/*------------------------------------*/
.google-rating {
  position: relative;
  background: var(--surface-primary, #008080);
  padding: var(--layout-space-large, 80px) 0px;
  overflow: hidden;
}
.google-rating .inner {
  z-index: 2;
}
.google-rating .gridrow .col {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media (min-width: 769px) {
  .google-rating .gridrow .col {
    width: 41%;
  }
}
.google-rating .gridrow * {
  color: #fff;
}
.google-rating .gridrow .chart {
  right: 0px;
  bottom: -100px;
}
@media (min-width: 769px) {
  .google-rating .gridrow .chart {
    bottom: 0px;
  }
}
.google-rating .chart {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 160px;
  width: fit-content;
  position: absolute;
  z-index: 0;
}
.google-rating .chart .bar {
  width: 5px;
  margin: 0 6px;
  background-color: #00c1b0;
  border-radius: 12px;
  transition: var(--transition);
  animation: animateHeight 3s infinite ease-in-out;
}
.google-rating .chart .bar:nth-child(1) {
  height: 25px;
  animation-delay: 0s;
}
.google-rating .chart .bar:nth-child(2) {
  height: 45px;
  animation-delay: 0.2s;
}
.google-rating .chart .bar:nth-child(3) {
  height: 70px;
  animation-delay: 0.4s;
}
.google-rating .chart .bar:nth-child(4) {
  height: 90px;
  animation-delay: 0.6s;
}
.google-rating .chart .bar:nth-child(5) {
  height: 115px;
  animation-delay: 0.8s;
}
.google-rating .chart .bar:nth-child(6) {
  height: 140px;
  animation-delay: 1s;
}
.google-rating .chart .bar:nth-child(7) {
  height: 160px;
  animation-delay: 1.2s;
}
.google-rating .chart .bar:nth-child(8) {
  height: 140px;
  animation-delay: 1.4s;
}
.google-rating .chart .bar:nth-child(9) {
  height: 115px;
  animation-delay: 1.6s;
}
.google-rating .chart .bar:nth-child(10) {
  height: 90px;
  animation-delay: 1.8s;
}
.google-rating .chart .bar:nth-child(11) {
  height: 70px;
  animation-delay: 2s;
}
.google-rating .chart .bar:nth-child(12) {
  height: 45px;
  animation-delay: 2.2s;
}
.google-rating .chart .bar:nth-child(13) {
  height: 25px;
  animation-delay: 2.4s;
}
.google-rating > .chart {
  display: none;
}
@media (min-width: 769px) {
  .google-rating > .chart {
    display: flex;
    transform: scale(-1);
    bottom: 30px;
    left: -120px;
  }
}
.google-rating .batch {
  width: 90px;
  padding-top: var(--font-default-linegap);
}
@media (min-width: 769px) {
  .google-rating .batch {
    position: absolute;
    left: calc(100% + var(--layout-grid-column-gap) + 16%);
    bottom: 0px;
    z-index: 3;
  }
}
.google-rating .batch .stars {
  display: flex;
  column-gap: 5px;
  padding-top: 8px;
}
.google-rating .swiper-container {
  padding: var(--layout-space-medium, 30px) 0;
}
.google-rating .swiper-container .swiper {
  overflow: visible;
}
.google-rating .swiper-container .swiper .swiper-slide {
  height: auto;
}
.google-rating .swiper-container .swiper .swiper-slide.swiper-slide-active .rating {
  opacity: 1;
}
@media (min-width: 1025px) {
  .google-rating .swiper-container .swiper .swiper-slide.swiper-slide-next .rating, .google-rating .swiper-container .swiper .swiper-slide.swiper-slide-next + .swiper-slide .rating {
    opacity: 1;
  }
}
.google-rating .swiper-container .swiper .swiper-slide .rating {
  height: 100%;
  background: var(--surface-page, #fff);
  padding: 20px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08);
  opacity: 0.08;
  transition: var(--transition);
  border-radius: var(--components-radius-medium, 12px);
  border: 1px solid var(--border-box, #d4d4d8);
}
.google-rating .swiper-container .swiper .swiper-slide .rating .container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-shrink: 0;
  gap: 20px;
}
.google-rating .swiper-container .swiper .swiper-slide .rating .text {
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
  color: var(--text-action-press, #036356);
}
@media screen and (max-width: 520px) {
  .google-rating .swiper-container .swiper .swiper-slide .rating .text {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .google-rating .swiper-container .swiper .swiper-slide .rating .text {
    font-size: 16px;
  }
}
.google-rating .swiper-container .swiper .swiper-slide .rating .author {
  padding: 0;
}
.google-rating .navigation {
  margin-top: 30px;
}
.google-rating .navigation .slider__scrollbar {
  max-width: 100% !important;
}

/*------------------------------------*/
/* ACF BLOCK - Trainer Team */
/*------------------------------------*/
.trainer-team h2 + .h5 {
  padding-top: 10px;
}
.trainer-team .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
}
.trainer-team .swiper-slide {
  width: 100%;
  flex-shrink: 0;
}
.trainer-team .content {
  display: flex;
  padding: 0 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--font-linegap-linegap-extrasmall, 20px);
  align-self: stretch;
}
.trainer-team .content > .contact-partner-small:not(.grey) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.trainer-team .content > .contact-partner-small:not(.grey) .image-container {
  margin-left: -20px;
}
.trainer-team .content > .contact-partner-small:not(.grey) .image-container img {
  width: 130px;
  height: 130px;
  border: 1px solid var(--border-box, #d4d4d8);
}
.trainer-team .content > .contact-partner-small:not(.grey) .info h5,
.trainer-team .content > .contact-partner-small:not(.grey) .info p {
  margin: 0;
  padding: var(--font-default-linegap) 0px 0px;
  line-height: var(--font-default-lineheight);
  color: var(--text-headings);
  font-size: var(--font-size-3xl, 50px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-3xl, 60px); /* 120% */
  font-size: calc(17px + 1 * (100vw - 520px) / 600);
  font-weight: 600;
  line-height: var(--font-line-height-md, 27px); /* 150% */
  padding: 0;
}
@media screen and (max-width: 520px) {
  .trainer-team .content > .contact-partner-small:not(.grey) .info h5,
  .trainer-team .content > .contact-partner-small:not(.grey) .info p {
    font-size: 17px;
  }
}
@media screen and (min-width: 1120px) {
  .trainer-team .content > .contact-partner-small:not(.grey) .info h5,
  .trainer-team .content > .contact-partner-small:not(.grey) .info p {
    font-size: 18px;
  }
}
.trainer-team .content > .contact-partner-small:not(.grey) .info p {
  color: var(--text-highlight, #16ad99);
}
.trainer-team .icon-link p {
  padding: 0;
}
.trainer-team .description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.trainer-team .description.--expanded {
  display: block; /* raus aus dem -webkit-box Layout */
  -webkit-line-clamp: unset;
  line-clamp: unset;
  overflow: visible;
}
.trainer-team .read-more {
  display: none;
  color: var(--text-body, #52525b);
  font-size: 16px;
  position: relative;
}
.trainer-team .read-more:after {
  content: "";
  display: block;
  position: absolute;
  right: -19px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M11.5 6L7.5 10L3.5 6' stroke='%23008080'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
  transition: var(--transition);
}
.trainer-team .read-more:hover {
  cursor: pointer;
}
.trainer-team .read-more:hover:after {
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}
@media (min-width: 769px) {
  .trainer-team .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 50px;
  }
  .trainer-team .cta-grp {
    display: none;
  }
}

/*------------------------------------*/
/* ACF BLOCK - Videoeinzelbewertung */
/*------------------------------------*/
.videoeinzelbewertung h2 + .h5 {
  padding-top: 10px;
}
.videoeinzelbewertung-grid {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  margin-top: 30px;
}
@media (min-width: 769px) {
  .videoeinzelbewertung-grid {
    flex-direction: row;
    justify-content: space-between;
  }
}
.videoeinzelbewertung-grid--content {
  width: 100%;
}
@media (min-width: 769px) {
  .videoeinzelbewertung-grid--content {
    width: calc(58% - 20px);
  }
}
.videoeinzelbewertung-grid--video {
  width: 100%;
}
@media (min-width: 769px) {
  .videoeinzelbewertung-grid--video {
    width: calc(42% - 20px);
  }
}
@media (min-width: 521px) {
  .videoeinzelbewertung .reference {
    padding-top: var(--space-3xl, 44px);
  }
}
.videoeinzelbewertung .reference .content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--layout-space-medium, 25px);
  align-self: stretch;
}
.videoeinzelbewertung .reference .top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.videoeinzelbewertung .reference .text-container {
  color: var(--text-body, #52525b);
}
.videoeinzelbewertung .contact {
  display: flex;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  position: relative;
}
.videoeinzelbewertung .contact .image-container img {
  width: 78px;
  height: 78px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}
.videoeinzelbewertung .contact .info h5,
.videoeinzelbewertung .contact .info p {
  padding: 0;
}
.videoeinzelbewertung .contact .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--font-linegap-linegap-extrasmall, 20px);
  flex: 1 0 0;
}
.videoeinzelbewertung .contact .info h5 {
  color: var(--text-headings, #27272a);
  /* Überschrift/H5 */
  font-family: var(--font-family-headings, Causten);
  font-size: var(--font-size-md, 17px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-md, 25.5px); /* 150% */
}
.videoeinzelbewertung .contact .info .h5 {
  color: var(--text-highlight, #16ad99);
}
.videoeinzelbewertung .contact:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  width: 28px;
  height: 28px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='38' viewBox='0 0 37 38' fill='none'%3E%3Cpath d='M24.6667 4.76465C23.8489 4.76465 23.0647 5.0895 22.4864 5.66774C21.9082 6.24597 21.5833 7.03023 21.5833 7.84798V17.098C21.5833 17.9157 21.9082 18.7 22.4864 19.2782C23.0647 19.8565 23.8489 20.1813 24.6667 20.1813C25.0755 20.1813 25.4677 20.3437 25.7568 20.6329C26.0459 20.922 26.2083 21.3141 26.2083 21.723V23.2646C26.2083 24.0824 25.8835 24.8667 25.3052 25.4449C24.727 26.0231 23.9428 26.348 23.125 26.348C22.7161 26.348 22.324 26.5104 22.0349 26.7995C21.7458 27.0886 21.5833 27.4808 21.5833 27.8896V30.973C21.5833 31.3819 21.7458 31.774 22.0349 32.0631C22.324 32.3522 22.7161 32.5146 23.125 32.5146C25.5783 32.5146 27.931 31.5401 29.6657 29.8054C31.4004 28.0707 32.375 25.7179 32.375 23.2646V7.84798C32.375 7.03023 32.0501 6.24597 31.4719 5.66774C30.8937 5.0895 30.1094 4.76465 29.2917 4.76465H24.6667Z' stroke='%237BE2D4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.70833 4.76465C6.89058 4.76465 6.10632 5.0895 5.52809 5.66774C4.94985 6.24597 4.625 7.03023 4.625 7.84798V17.098C4.625 17.9157 4.94985 18.7 5.52809 19.2782C6.10632 19.8565 6.89058 20.1813 7.70833 20.1813C8.11721 20.1813 8.50934 20.3437 8.79846 20.6329C9.08757 20.922 9.25 21.3141 9.25 21.723V23.2646C9.25 24.0824 8.92515 24.8667 8.34691 25.4449C7.76868 26.0231 6.98442 26.348 6.16667 26.348C5.75779 26.348 5.36566 26.5104 5.07654 26.7995C4.78743 27.0886 4.625 27.4808 4.625 27.8896V30.973C4.625 31.3819 4.78743 31.774 5.07654 32.0631C5.36566 32.3522 5.75779 32.5146 6.16667 32.5146C8.61992 32.5146 10.9727 31.5401 12.7074 29.8054C14.4421 28.0707 15.4167 25.7179 15.4167 23.2646V7.84798C15.4167 7.03023 15.0918 6.24597 14.5136 5.66774C13.9353 5.0895 13.1511 4.76465 12.3333 4.76465H7.70833Z' stroke='%237BE2D4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
}
.videoeinzelbewertung .video-container {
  width: 236px;
  height: 481px;
  position: relative;
  margin: 0px auto;
  overflow: visible;
}
.videoeinzelbewertung .video-container::before {
  display: none;
}
.videoeinzelbewertung .video-container .screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.videoeinzelbewertung .video-container .screen svg {
  position: relative;
  pointer-events: none;
  z-index: 2;
}
.videoeinzelbewertung .video-container video {
  position: absolute;
  top: 5px;
  left: 5px;
  width: calc(100% - 10px);
  z-index: 1;
  height: calc(100% - 10px);
  display: block;
  object-fit: cover;
  object-position: center;
  border-radius: 40px;
}
.videoeinzelbewertung .video-container .button-play {
  position: absolute;
  transform: none;
  top: inherit;
  left: calc(100% - 43px);
  bottom: -43px;
  z-index: 10;
}
.videoeinzelbewertung .video-container .button-play.play {
  display: none;
}
@media (min-width: 769px) {
  .videoeinzelbewertung .video-container .button-play {
    left: -43px;
    bottom: 43px;
  }
}

/*------------------------------------*/
/* ACF BLOCK - Taxonomy Teaser / Content Cards Teaser 2 */
/*------------------------------------*/
.taxonomy-teaser .inner {
  max-width: 1400px;
}
.taxonomy-teaser .gridrow {
  column-gap: 0;
  gap: 20px;
}
.taxonomy-teaser .card,
.taxonomy-teaser .image-container {
  border-radius: var(--components-radius-medium, 12px);
  min-height: 387px;
}
.taxonomy-teaser .card {
  position: relative;
  display: flex;
  padding: 32px;
}
.taxonomy-teaser .card::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: var(--hi);
  opacity: 0.9;
  transition: var(--transition);
  border: 1px solid transparent;
  border-radius: var(--components-radius-medium, 12px);
}
.taxonomy-teaser .card:hover:before {
  opacity: 1;
  border: 1px solid var(--acc);
}
@media (min-width: 521px) {
  .taxonomy-teaser .card:hover .topic-icon {
    transform: translateX(calc(-100% - 10px));
  }
}
.taxonomy-teaser .card .permalink {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.taxonomy-teaser .card .permalink span {
  display: none;
}
.taxonomy-teaser .card h3 {
  padding: 0;
}
.taxonomy-teaser .card .content {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
.taxonomy-teaser .card .wrapper {
  display: FLEX;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.taxonomy-teaser .card .top {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  justify-content: space-between;
}
.taxonomy-teaser .card .top .special-list ul {
  padding-top: 0px;
}
.taxonomy-teaser .card .icon-container {
  display: flex;
  width: 43px;
  height: 43px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: relative;
}
.taxonomy-teaser .card .icon-container .topic-icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: var(--transition);
}
.taxonomy-teaser .card .icon-container .link {
  display: flex;
  width: 43px;
  height: 43px;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  background: var(--acc, #16ad99);
  transition: var(--transition);
}
.taxonomy-teaser .card .icon-container .link svg {
  height: 27px;
  width: 27px;
}
.taxonomy-teaser .card .bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.taxonomy-teaser .card .bottom .text {
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
  color: var(--text-action-press, #036356);
}
@media screen and (max-width: 520px) {
  .taxonomy-teaser .card .bottom .text {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .taxonomy-teaser .card .bottom .text {
    font-size: 16px;
  }
}
.taxonomy-teaser .image-container {
  flex-shrink: 0;
}
.taxonomy-teaser .image-container img {
  max-height: 387px;
  aspect-ratio: 691/378;
  object-fit: cover;
  object-position: center;
  border-radius: var(--components-radius-medium, 12px);
}

/*------------------------------------*/
/* ACF BLOCK - Tab Leiste */
/*------------------------------------*/
.tabs-slider {
  width: 100%;
  overflow: hidden;
}
.tabs-slider-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: center;
}
.tabs-slider-grid--content {
  width: 100%;
  padding: 0px var(--layout-outergap);
}
@media (min-width: 769px) {
  .tabs-slider-grid--content {
    padding: 0 0 0 var(--inner-margin);
    width: calc(62.85% - 20px);
  }
}
.tabs-slider-grid--image {
  width: 100%;
  padding-left: 7px;
}
@media (min-width: 769px) {
  .tabs-slider-grid--image {
    padding-left: 0px;
    width: calc(37.15% - 20px);
  }
}
.tabs-slider-grid--image .image-container {
  width: 100%;
  position: relative;
  padding: 13px 0 0 13px;
}
@media (min-width: 769px) {
  .tabs-slider-grid--image .image-container {
    padding: 0 0 25px 25px;
  }
}
.tabs-slider-grid--image .image-container img {
  width: 100%;
  height: auto;
  aspect-ratio: 94/103;
  object-fit: cover;
  min-height: 600px;
}
.tabs-slider-grid--image .image-container::after {
  content: "";
  position: absolute;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg width='323' height='324' viewBox='0 0 323 324' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.00096295 311.92L0.000975817 17.5488L146.822 165.037L0.00096295 311.92ZM181.964 165.074L182.057 164.981L164.468 147.385L164.411 147.441L18.1357 0.499987L323 0.5L323 306.753L181.964 165.074ZM23.4707 323.634L164.375 182.67L304.699 323.634L23.4707 323.634Z' fill='%237BE2D4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: 0;
}
@media (max-width: 768px) {
  .tabs-slider-grid--image .image-container::after {
    top: 0px;
    width: 242px;
    height: 242px;
  }
}
@media (min-width: 769px) {
  .tabs-slider-grid--image .image-container::after {
    bottom: 0;
    width: 323px;
    height: 323px;
  }
}
.tabs-slider .tabs-navigation {
  margin: 30px 0 20px;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 13px;
  overflow: scroll;
}
.tabs-slider .tabs-navigation::-webkit-scrollbar {
  display: none;
}
.tabs-slider .tabs-navigation {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tabs-slider .tabs-navigation .tab-button {
  appearance: none;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0px;
  font-size: 16px;
  white-space: nowrap;
  padding: 10px 24px;
  border-radius: 47px;
}
.tabs-slider .tabs-navigation .tab-button svg {
  color: var(--acc, #066769);
  width: 24px;
}
.tabs-slider .tabs-navigation .tab-button.active {
  background: var(--acc, #066769);
  color: var(--text-headings-on-dark, #fff);
}
.tabs-slider .tabs-navigation .tab-button.active svg,
.tabs-slider .tabs-navigation .tab-button.active span {
  color: var(--text-headings-on-dark, #fff);
}
.tabs-slider .swiper-slide-inner {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.tabs-slider .swiper-slide-inner .card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  text-decoration: none;
  border-radius: var(--components-radius-medium, 12px);
  background: var(--surface-box, #f4f4f5);
  padding: 20px;
  transition: var(--transition);
}
@media (min-width: 521px) {
  .tabs-slider .swiper-slide-inner .card {
    width: calc(50% - 10px);
    min-height: 152px;
  }
}
.tabs-slider .swiper-slide-inner .card .h5 {
  display: block;
  padding-top: 0px;
  color: var(--text-headings, #27272a);
  transition: var(--transition);
  padding-right: 47px;
}
.tabs-slider .swiper-slide-inner .card .text {
  display: block;
  color: var(--text-body, #52525b);
  transition: var(--transition);
  padding-right: 47px;
}
.tabs-slider .swiper-slide-inner .card svg {
  transition: var(--transition);
  position: absolute;
  width: 27px;
  height: 27px;
  color: var(--acc, #066769);
  bottom: 20px;
  right: 20px;
}
.tabs-slider .swiper-slide-inner .card:hover {
  background-color: var(--acc, #066769);
}
.tabs-slider .swiper-slide-inner .card:hover .h5,
.tabs-slider .swiper-slide-inner .card:hover .text,
.tabs-slider .swiper-slide-inner .card:hover svg {
  color: var(--text-body-on-dark, #fff);
}

/*------------------------------------*/
/* ACF BLOCK - USP Banner */
/*------------------------------------*/
.usp-banner {
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.usp-banner .numbers {
  margin-top: 64px;
}
.usp-banner .numbers h2 {
  padding: 0;
}
.usp-banner .numbers h4 {
  color: var(--text-headings, #27272a);
  text-align: center;
  margin: 0;
  padding: var(--font-default-linegap) 0px 0px;
  line-height: var(--font-default-lineheight);
  color: var(--text-headings);
  font-size: var(--font-size-3xl, 50px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-3xl, 60px); /* 120% */
  font-size: calc(18px + 2 * (100vw - 520px) / 600);
  font-weight: 600;
  line-height: var(--font-line-height-lg, 30px); /* 150% */
  font-weight: 500;
  padding: 0;
}
@media screen and (max-width: 520px) {
  .usp-banner .numbers h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 1120px) {
  .usp-banner .numbers h4 {
    font-size: 20px;
  }
}
.usp-banner .numbers .postfix {
  color: var(--text-highlight, #16ad99);
  text-align: center;
  font-family: var(--font-family-headings, "Causten");
  font-size: 40px;
  font-size: calc(40px + 10 * (100vw - 520px) / 600);
  font-style: normal;
  font-weight: var(--font-weight-bold, 600);
  line-height: var(--font-line-height-3xl, 47.6px); /* 119% */
}
@media screen and (max-width: 520px) {
  .usp-banner .numbers .postfix {
    font-size: 40px;
  }
}
@media screen and (min-width: 1120px) {
  .usp-banner .numbers .postfix {
    font-size: 50px;
  }
}
.usp-banner .numbers .number {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.usp-banner .gridrow {
  justify-content: space-between;
}
@media (max-width: 768px) {
  .usp-banner .gridrow .col {
    width: 100%;
  }
  .usp-banner .gridrow.box50 {
    flex-direction: column-reverse;
    display: flex;
  }
  .usp-banner .gridrow.box50 .content-container {
    padding-top: 60px;
    text-align: center;
  }
  .usp-banner .numbers {
    margin-top: 5px;
  }
  .usp-banner .numbers .number {
    max-width: 33%;
  }
  .usp-banner .numbers .highlight {
    padding-left: 10px;
  }
}

/*------------------------------------*/
/* ACF BLOCK - Seminarseite Banner */
/*------------------------------------*/
.seminarseite-banner h1 {
  hyphens: auto;
}
.seminarseite-banner .banner-grid {
  position: relative;
}
@media (min-width: 769px) {
  .seminarseite-banner .banner-grid {
    min-height: 600px;
  }
}
.seminarseite-banner .banner-grid--image {
  object-fit: cover;
  z-index: 1;
}
@media (min-width: 769px) {
  .seminarseite-banner .banner-grid--image {
    position: absolute;
    overflow: hidden;
    top: 0px;
    right: 0px;
    width: 62.66%;
    height: 100%;
    clip-path: polygon(37% 0, 100% 0, 100% 100%, 0 100%);
  }
}
@media (max-width: 768px) {
  .seminarseite-banner .banner-grid--image {
    aspect-ratio: 78/47;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 95%);
  }
}
.seminarseite-banner .banner-grid--text {
  position: relative;
  z-index: 2;
  padding: 0px var(--layout-outergap, 20px);
}
@media (min-width: 769px) {
  .seminarseite-banner .banner-grid--text.--size-smaller .deco-stroke {
    max-width: 415px;
  }
}
.seminarseite-banner .banner-grid--text .deco-stroke {
  width: 100%;
}
@media (min-width: 769px) {
  .seminarseite-banner .banner-grid--text {
    width: calc(50% - 10px);
    padding: 100px 0 100px var(--inner-margin);
  }
  .seminarseite-banner .banner-grid--text-inner {
    max-width: 65%;
  }
}

/*------------------------------------*/
/* ACF BLOCK - Content Cards Teaser  */
/*------------------------------------*/
.content-cards-teaser {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-space-medium, 25px);
  position: relative;
  /* ---------- Hintergrund-Header ---------- */
  /* ---------- Grid-Row für Karten ---------- */
  /* ---------- Einzelkarte ---------- */
  /* ---------- Responsive ---------- */
}
.content-cards-teaser .bg-container {
  height: 408px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.content-cards-teaser .bg-container .overlay,
.content-cards-teaser .bg-container .content-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.content-cards-teaser .bg-container .image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.content-cards-teaser .bg-container .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.content-cards-teaser .bg-container .overlay {
  background-image: linear-gradient(180deg, rgba(0, 128, 128, 0.24) 0%, rgba(2, 91, 91, 0.63) 27.88%, rgba(1, 1, 1, 0.66) 100%);
  background-position: 0 0, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  z-index: 2;
}
.content-cards-teaser .bg-container .content-container {
  z-index: 3;
}
.content-cards-teaser .bg-container .content-container .inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  padding: var(--Spaces-space-medium, 80px) 0;
  padding-bottom: 43px;
}
@media (max-width: 768px) {
  .content-cards-teaser .bg-container .content-container .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
}
.content-cards-teaser .bg-container .content-container .h5 {
  color: var(--text-highlight, #16ad99);
}
.content-cards-teaser .bg-container .content-container h2,
.content-cards-teaser .bg-container .content-container p {
  color: var(--text-headings-on-dark, #fff);
  text-align: center;
  padding: 0;
  width: 100%;
}
.content-cards-teaser .teaser-container {
  --cols: 3;
  display: grid;
  grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
  margin-top: 0;
  position: relative;
  z-index: 5;
}
.content-cards-teaser .teaser-container.cols-2 {
  --cols: 2;
}
@media (max-width: 768px) {
  .content-cards-teaser .teaser-container.cols-2 {
    --cols: 1;
  }
}
.content-cards-teaser .teaser-container.cols-1 {
  --cols: 1;
}
@media (max-width: 768px) {
  .content-cards-teaser .teaser-container {
    --cols: 1;
  }
}
.content-cards-teaser .card {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 10px;
  padding: 20px;
  border-radius: var(--components-radius-medium, 12px);
  position: relative;
  overflow: visible;
  /* türkis-Hintergrund als eigener Layer */
  /* Zahl / Header */
  /* Weiße Innenfläche */
  /* Button unten */
}
.content-cards-teaser .card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: #2cdac5;
  z-index: -1;
  transition: transform 220ms ease, box-shadow 220ms ease;
  transform-origin: center;
  will-change: transform;
}
.content-cards-teaser .card .digit {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  margin-inline: -20px;
  margin-block: 0;
  position: relative;
  z-index: 3;
  color: #fff;
  padding: 0;
  transition: transform 220ms ease;
}
.content-cards-teaser .card .digit::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #2cdac5;
  border-radius: 10px 10px 0 0;
  z-index: -1;
}
.content-cards-teaser .card .box {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 10px;
  padding: 20px 15px;
}
.content-cards-teaser .card .box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  transition: inset 220ms ease, box-shadow 220ms ease;
  z-index: -1;
  pointer-events: none;
}
.content-cards-teaser .card .box h3,
.content-cards-teaser .card .box p {
  padding: 0;
}
.content-cards-teaser .card .button-container {
  width: 100%;
  transition: transform 220ms ease;
}
.content-cards-teaser .card .button-container a.button {
  width: 100%;
}
.content-cards-teaser .has-text-align-center {
  margin-bottom: 30px;
}
@media (min-width: 769px) {
  .content-cards-teaser.bg-image > .inner {
    margin-top: -170px;
  }
  .content-cards-teaser.bg-image.with-subline > .inner {
    margin-top: -115px;
  }
  .content-cards-teaser > .inner {
    padding: 0;
    z-index: 2;
  }
  .content-cards-teaser .bg-container {
    height: 364px;
  }
  .content-cards-teaser .content-container p {
    max-width: 400px;
    margin: 0 auto;
    font-family: var(--font-family-headings, "Causten");
    font-size: var(--font-size-xl, 24px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--font-line-height-xl, 36px);
  }
}

/* ---------- Hover-Effekte ---------- */
@media (hover: hover) and (pointer: fine) {
  .content-cards-teaser .card:hover {
    /* weiße Box oben/unten +20px */
    /* Zahl nach oben, Button nach unten */
  }
  .content-cards-teaser .card:hover::before {
    transform: scaleY(1.08);
  }
  .content-cards-teaser .card:hover .box::before {
    inset: -20px 0;
  }
  .content-cards-teaser .card:hover .digit {
    transform: translateY(-20px);
  }
  .content-cards-teaser .card:hover .button-container {
    transform: translateY(20px);
  }
}
/*------------------------------------*/
/* ACF BLOCK - CTA Person  */
/*------------------------------------*/
.cta-person {
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.cta-person .inner {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
  grid-template-areas: "headline" "contact-partner" "cta";
}
.cta-person .headline-container {
  grid-area: headline;
  margin-bottom: 32px;
}
.cta-person .links {
  position: relative;
}
.cta-person .links::after {
  content: "";
  position: absolute;
  right: -100%;
  bottom: 50%;
  width: 91px;
  height: 91px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91' viewBox='0 0 91 91' fill='none'%3E%3Cpath d='M57.7649 77.1331C57.6115 78.6775 57.3239 79.8319 57.3387 80.9824C57.3571 82.4205 55.8742 83.7582 54.6905 83.021C50.1521 80.1944 44.5837 80.4575 39.9302 77.9559C38.0317 76.9351 35.8656 76.425 33.882 75.5454C31.7382 74.5946 31.42 73.5752 32.9577 71.8272C34.9372 69.577 37.1321 67.5093 39.312 65.4449C40.3026 64.5068 41.5152 63.8079 42.5653 62.9267C46.0601 59.9932 49.5578 57.0615 52.9847 54.0498C53.92 53.2275 54.5276 52.0376 55.4429 51.185C56.0367 50.6318 56.9157 50.3844 57.6669 49.9999C57.9609 50.6615 58.5709 51.3631 58.4934 51.9777C58.1843 54.4218 57.6062 56.8309 57.2438 59.2702C57.1037 60.2132 57.1103 61.2418 57.3377 62.1605C57.6599 63.4638 58.3111 64.1124 59.9905 63.6157C65.8489 61.8834 71.8072 60.5786 77.9774 60.6822C78.74 60.695 79.6286 60.5548 80.2303 60.8925C80.9286 61.2846 81.375 62.1258 81.9307 62.772C81.2906 63.1184 80.6829 63.5617 80.003 63.7888C78.9645 64.136 77.8231 64.6849 76.8183 64.533C72.9072 63.9415 69.5424 66.1896 65.7935 66.4273C64.0008 66.5408 62.2484 67.279 60.4763 67.7288C58.6425 68.194 57.6589 69.2591 57.7478 71.2588C57.829 73.0831 57.7649 74.9135 57.7649 77.1331ZM41.6943 75.5658C42.4 75.7488 43.1095 75.9187 43.8107 76.1169C46.8415 76.9736 49.859 77.8804 52.9046 78.6801C54.1503 79.0073 54.4545 78.4587 54.7414 77.0992C55.1877 74.9846 54.131 72.8276 55.0731 70.881C55.6857 69.615 55.3883 69.6057 54.1934 69.2263C51.0963 68.2431 51.1023 67.5762 53.6501 65.1315C54.1404 64.6612 54.4758 63.8877 54.5981 63.2031C54.9481 61.2441 55.1883 59.2625 55.3839 57.2811C55.425 56.8646 55.1482 56.3708 54.8882 56.0047C54.8261 55.9175 54.1515 56.1048 53.9129 56.3296C52.4024 57.7532 50.9939 59.2884 49.4425 60.6636C45.7416 63.9444 42.0105 67.1928 38.2266 70.3771C36.8373 71.5465 37.517 73.0049 37.4957 74.3385C37.4935 74.4735 39.0654 74.618 39.9006 74.7882C40.3743 74.885 40.8356 75.0433 41.6943 75.5658ZM34.6391 73.215L34.2472 72.4313C34.1165 72.6925 33.9858 72.9538 34.6391 73.215Z' fill='%237BE2D4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: -15px;
  margin-right: -15px;
  z-index: -1;
}
.cta-person .contact-partner {
  margin-top: 32px;
  grid-area: contact-partner;
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.cta-person .contact-partner .image-container {
  width: 100%;
  max-width: 350px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  aspect-ratio: 350/350;
}
.cta-person .contact-partner .image-container::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 195px;
  height: 195px;
  background-image: url("data:image/svg+xml,%3Csvg width='190' height='195' viewBox='0 0 190 195' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M187.659 194.999H10.2725L99.1484 106.36L187.659 194.999ZM99.1699 85.1455L99.1143 85.0898L88.5107 95.708L88.5449 95.7422L0 184.05V0H184.546L99.1699 85.1455ZM194.719 180.831L109.773 95.7637L194.719 11.0469V180.831Z' fill='%237BE2D4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: -15px;
  margin-right: -15px;
  z-index: -1;
}
.cta-person .contact-partner .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  aspect-ratio: 359/472;
}
.cta-person .contact-partner .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--font-default-linegap, 20px);
  margin-top: 10px;
}
.cta-person .contact-partner .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-space-extrasmall, 10px);
  align-self: stretch;
}
.cta-person .contact-partner .info p,
.cta-person .contact-partner .info h5 {
  padding: 0;
}
.cta-person .contact-partner .links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.cta-person .contact-partner .links .icon-link svg {
  color: var(--theme-primary-primary);
  stroke: var(--theme-primary-primary);
}
@media (min-width: 1025px) {
  .cta-person .contact-partner {
    display: flex;
    align-items: center;
    gap: 40px;
    align-self: stretch;
  }
  .cta-person .contact-partner .image-container {
    width: 100%;
    max-width: 225px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    aspect-ratio: initial;
  }
  .cta-person .contact-partner .image-container img {
    width: 225px;
    aspect-ratio: 0.7/1;
  }
  .cta-person .contact-partner .image-container::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 195px;
    height: 195px;
    background-image: url("data:image/svg+xml,%3Csvg width='190' height='195' viewBox='0 0 190 195' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M187.659 194.999H10.2725L99.1484 106.36L187.659 194.999ZM99.1699 85.1455L99.1143 85.0898L88.5107 95.708L88.5449 95.7422L0 184.05V0H184.546L99.1699 85.1455ZM194.719 180.831L109.773 95.7637L194.719 11.0469V180.831Z' fill='%237BE2D4'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: -15px;
    margin-left: -15px;
    z-index: -1;
  }
}
.cta-person .button-container {
  margin-top: 32px;
  grid-area: cta;
}
.cta-person .button-container a.button {
  width: fit-content;
}
@media (min-width: 769px) {
  .cta-person {
    padding: var(--layout-space-medium, 30px) 63px;
  }
  .cta-person .inner {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "headline contact-partner" "cta      empty";
    align-items: start;
    column-gap: 115px;
  }
  .cta-person .contact-partner {
    margin-top: 0;
  }
  .cta-person .links::after {
    display: none;
  }
  .cta-person .button-container {
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
    margin: 0;
    position: relative;
    visibility: hidden;
    opacity: 0;
    transition: var(--transition);
  }
  .cta-person .button-container::after {
    transition: var(--transition);
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 50px;
    height: 33px;
    background-image: url("data:image/svg+xml,%3Csvg width='51' height='35' viewBox='0 0 51 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.6658 6.98197C24.8192 5.43753 25.1068 4.28316 25.092 3.13271C25.0736 1.6946 26.5565 0.356865 27.7402 1.09407C32.2786 3.92069 37.847 3.65758 42.5004 6.15922C44.399 7.17999 46.5651 7.69003 48.5487 8.5697C50.6925 9.52043 51.0106 10.5398 49.473 12.2879C47.4935 14.538 45.2986 16.6058 43.1187 18.6702C42.1281 19.6083 40.9154 20.3072 39.8653 21.1884C36.3705 24.1218 32.8728 27.0536 29.446 30.0653C28.5106 30.8875 27.9031 32.0775 26.9878 32.9301C26.3939 33.4832 25.5149 33.7307 24.7638 34.1151C24.4698 33.4536 23.8597 32.752 23.9373 32.1373C24.2464 29.6933 24.8244 27.2842 25.1869 24.8449C25.327 23.9018 25.3203 22.8732 25.093 21.9545C24.7708 20.6512 24.1196 20.0026 22.4402 20.4994C16.5818 22.2316 10.6235 23.5365 4.45322 23.4329C3.69062 23.4201 2.80209 23.5603 2.20037 23.2226C1.50202 22.8305 1.05571 21.9893 0.5 21.3431C1.14007 20.9967 1.74776 20.5534 2.4277 20.3263C3.46619 19.9791 4.60761 19.4302 5.61236 19.5821C9.52349 20.1736 12.8883 17.9255 16.6372 17.6878C18.4299 17.5743 20.1822 16.836 21.9544 16.3863C23.7882 15.9211 24.7718 14.856 24.6828 12.8562C24.6017 11.032 24.6658 9.20159 24.6658 6.98197ZM40.7363 8.54925C40.0306 8.36623 39.3212 8.19633 38.62 7.99814C35.5892 7.14148 32.5717 6.23472 29.5261 5.43497C28.2804 5.10778 27.9762 5.65634 27.6892 7.01588C27.2429 9.13053 28.2997 11.2874 27.3576 13.234C26.745 14.5 27.0423 14.5094 28.2373 14.8887C31.3343 15.872 31.3284 16.5388 28.7806 18.9836C28.2903 19.4539 27.9549 20.2274 27.8325 20.912C27.4825 22.871 27.2424 24.8526 27.0468 26.834C27.0057 27.2504 27.2825 27.7443 27.5425 28.1103C27.6045 28.1976 28.2792 28.0103 28.5178 27.7855C30.0283 26.3619 31.4368 24.8267 32.9882 23.4514C36.689 20.1707 40.4202 16.9223 44.204 13.738C45.5934 12.5686 44.9136 11.1102 44.9349 9.77656C44.9371 9.64159 43.3653 9.49708 42.5301 9.32684C42.0563 9.23005 41.595 9.07173 40.7363 8.54925ZM47.7915 10.9001L48.1835 11.6838C48.3142 11.4226 48.4449 11.1613 47.7915 10.9001Z' fill='%237BE2D4'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1;
  }
  .cta-person:hover .button-container {
    visibility: visible;
    opacity: 1;
  }
  .cta-person:hover .button-container::after {
    transform: translateX(80px);
  }
}

/*------------------------------------*/
/* ACF BLOCK - Bewertung mit und ohne Bild */
/*------------------------------------*/
.bewertung-mit-und-ohne-bild {
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.bewertung-mit-und-ohne-bild .rating-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.bewertung-mit-und-ohne-bild .rating-container h2 {
  position: relative;
  padding: 0;
}
.bewertung-mit-und-ohne-bild .rating-container h2::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 55.314px;
  height: 55.314px;
  right: -61.746px;
  top: -26px;
  transform: rotate(15deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='68' viewBox='0 0 68 68' fill='none'%3E%3Cg clip-path='url(%23clip0_4355_24559)'%3E%3Cpath d='M34.1743 19.2748C28.8493 19.1005 23.7499 21.994 21.1828 26.6464C18.6076 31.3137 18.6568 36.7876 21.3147 41.2891C22.2548 42.8815 22.4792 45.09 21.9146 47.1971L21.8245 47.5334C21.4527 48.9209 21.7235 50.3316 22.453 51.4492L21.7121 54.2141C21.0183 56.8035 22.5604 59.4745 25.1498 60.1684L28.2804 61.0072C30.8698 61.701 33.5409 60.1589 34.2347 57.5695L34.9755 54.8046C36.166 54.2015 37.1059 53.1153 37.4777 51.7277L37.5695 51.3852C38.1255 49.3102 39.475 47.4825 41.1794 46.496C44.5459 44.5474 46.9545 41.4051 47.9612 37.6478C50.3681 28.6651 43.877 19.5932 34.1743 19.2748ZM31.104 56.7307C30.8728 57.5938 29.9824 58.1078 29.1193 57.8766L25.9887 57.0377C25.1255 56.8064 24.6115 55.9161 24.8428 55.053L25.2622 53.4876L31.5235 55.1654L31.104 56.7307ZM39.5558 43.6908C37.0887 45.1187 35.2236 47.6174 34.4388 50.5463L34.3471 50.8888C34.1158 51.7519 33.2254 52.266 32.3623 52.0347L26.101 50.357C25.2379 50.1257 24.7239 49.2354 24.9551 48.3723L25.0453 48.0359C25.8421 45.0619 25.4996 42.0022 24.1055 39.6412C22.0368 36.1375 22.0051 31.865 24.0204 28.2121C26.0047 24.6159 29.9487 22.3792 34.0682 22.5142C41.6822 22.7634 46.6976 29.841 44.8306 36.809C44.0475 39.7313 42.1742 42.1753 39.5558 43.6908Z' fill='%237BE2D4'/%3E%3Cpath d='M25.5541 16.2218L22.313 10.6081C21.8656 9.833 20.8744 9.56742 20.0993 10.0149C19.3242 10.4624 19.0586 11.4535 19.5062 12.2286L22.7473 17.8423C23.1947 18.6174 24.186 18.883 24.961 18.4354C25.7361 17.9879 26.0016 16.9969 25.5541 16.2218Z' fill='%237BE2D4'/%3E%3Cpath d='M15.5091 27.2745L9.14345 25.5688C8.27897 25.3372 7.39033 25.8503 7.1587 26.7147C6.92706 27.5792 7.44012 28.4678 8.30459 28.6995L14.6702 30.4051C15.5347 30.6368 16.4233 30.1237 16.655 29.2593C16.8866 28.3948 16.3736 27.5061 15.5091 27.2745Z' fill='%237BE2D4'/%3E%3Cpath d='M59.4427 39.0465L53.077 37.3408C52.2126 37.1092 51.3239 37.6222 51.0923 38.4867C50.8607 39.3512 51.3737 40.2398 52.2382 40.4715L58.6038 42.1771C59.4683 42.4088 60.3569 41.8957 60.5886 41.0312C60.8202 40.1668 60.3072 39.2781 59.4427 39.0465Z' fill='%237BE2D4'/%3E%3Cpath d='M57.7307 20.0986C57.2834 19.3236 56.2922 19.058 55.517 19.5055L49.9032 22.7465C49.1282 23.1939 48.8626 24.185 49.3101 24.9602C49.7575 25.7352 50.7486 26.0008 51.5238 25.5533L57.1375 22.3123C57.9126 21.8649 58.1782 20.8737 57.7307 20.0986Z' fill='%237BE2D4'/%3E%3Cpath d='M41.0321 7.1582C40.1676 6.92656 39.279 7.43962 39.0474 8.30409L37.3417 14.6697C37.1101 15.5342 37.6231 16.4228 38.4876 16.6545C39.3521 16.8861 40.2407 16.3731 40.4723 15.5086L42.178 9.14294C42.4096 8.27847 41.8966 7.38983 41.0321 7.1582Z' fill='%237BE2D4'/%3E%3Cpath d='M35.825 26.257C35.1815 26.0846 34.5054 25.9861 33.8166 25.9642C30.9486 25.871 28.0937 27.4874 26.7126 29.9863C26.2797 30.7697 26.5637 31.7555 27.347 32.1885C28.1304 32.6215 29.1163 32.3373 29.5492 31.5541C30.3439 30.1164 32.0553 29.1498 33.7126 29.2037C34.1542 29.2176 34.5828 29.2796 34.9861 29.3876C35.8506 29.6193 36.7392 29.1062 36.9709 28.2417C37.2025 27.3773 36.6894 26.4886 35.825 26.257Z' fill='%237BE2D4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4355_24559'%3E%3Crect width='55.3144' height='55.3144' fill='white' transform='translate(14.3164) rotate(15)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.bewertung-mit-und-ohne-bild .rating-container .image-container {
  width: 100%;
  max-width: 472px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.bewertung-mit-und-ohne-bild .rating-container .image-container::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 195px;
  height: 195px;
  background-image: url("data:image/svg+xml,%3Csvg width='190' height='195' viewBox='0 0 190 195' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M187.659 194.999H10.2725L99.1484 106.36L187.659 194.999ZM99.1699 85.1455L99.1143 85.0898L88.5107 95.708L88.5449 95.7422L0 184.05V0H184.546L99.1699 85.1455ZM194.719 180.831L109.773 95.7637L194.719 11.0469V180.831Z' fill='%237BE2D4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: -15px;
  margin-right: -15px;
  z-index: -1;
}
.bewertung-mit-und-ohne-bild .rating-container .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  aspect-ratio: 359/472;
}
.bewertung-mit-und-ohne-bild .rating-container .image-container + .meta-container {
  padding-top: 32px;
}
.bewertung-mit-und-ohne-bild .rating-container .meta-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  align-self: stretch;
}
.bewertung-mit-und-ohne-bild .rating-container .meta-container .meta {
  width: 100%;
}
.bewertung-mit-und-ohne-bild .rating-container .meta-container .meta .name {
  padding: 0;
}
.bewertung-mit-und-ohne-bild .rating-container .meta-container .meta .position {
  padding: 0;
}
@media (min-width: 769px) {
  .bewertung-mit-und-ohne-bild .rating-container {
    display: flex;
    gap: 32px;
  }
  .bewertung-mit-und-ohne-bild .rating-container.participant-data h2 {
    max-width: calc(33% + 20px);
  }
  .bewertung-mit-und-ohne-bild .rating-container.participant-data .meta-container {
    padding-top: 0;
  }
  .bewertung-mit-und-ohne-bild .rating-container h2::after {
    width: 70px;
    height: 70px;
  }
  .bewertung-mit-und-ohne-bild .rating-container .image-container {
    width: 264px;
  }
  .bewertung-mit-und-ohne-bild .rating-container .content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 115px;
  }
  .bewertung-mit-und-ohne-bild .rating-container .meta-container {
    display: flex;
    padding-top: 32px;
    gap: var(--font-linegap-linegap-medium, 30px);
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    width: calc(75% - 57px);
  }
}

/*------------------------------------*/
/* ACF BLOCK - Seminar-Banner */
/*------------------------------------*/
.seminar-banner {
  background: var(--surface-primary-background, #008080);
  display: flex;
  padding: var(--layout-space-medium, 25px) 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--font-linegap-linegap-medium, 25px);
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.seminar-banner .text * {
  color: var(--text-headings-on-dark, #fff);
}
.seminar-banner .text h1 {
  padding: 0;
}
.seminar-banner .text .wysiwyg {
  margin-top: 30px;
  margin-bottom: 25px;
}
.seminar-banner .text .wysiwyg > *:is(h1, h2, h3, h4, h5, h6, p, a, ul):not(.button):first-child {
  margin-top: 0;
  padding-top: 0;
}
.seminar-banner .text .wysiwyg * {
  color: var(--text-headings-on-dark, #fff);
}
.seminar-banner .text .wysiwyg ul {
  --wv-ul-marker-size: 7px;
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
  flex-direction: column;
  gap: 14px;
  list-style: none;
  margin: 0;
  gap: 16px;
  --wv-ul-marker-size: 24px;
}
.seminar-banner .text .wysiwyg ul li {
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
  padding-left: calc(var(--wv-ul-marker-size) + 20px);
  position: relative;
  text-align: left;
}
@media screen and (max-width: 520px) {
  .seminar-banner .text .wysiwyg ul li {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .seminar-banner .text .wysiwyg ul li {
    font-size: 16px;
  }
}
.seminar-banner .text .wysiwyg 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 width='7' height='8' viewBox='0 0 7 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='7' height='7' fill='%23008080'/%3E%3C/svg%3E%0A");
  left: 0;
  top: 50%;
  translate: 0 -50%;
}
.seminar-banner .text .wysiwyg ul li {
  padding-left: calc(var(--wv-ul-marker-size) + 8px);
  color: var(--text-headings-on-dark, #fff);
}
.seminar-banner .text .wysiwyg ul li:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1L6 12L1 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (min-width: 769px) {
  .seminar-banner {
    padding: var(--layout-space-medium, 30px) 0;
  }
  .seminar-banner .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--font-linegap-linegap-medium, 30px);
  }
  .seminar-banner .contact-partner-card .top {
    padding-right: 0;
  }
}

/*------------------------------------*/
/* ACF BLOCK - Doppelter CTA-Banner */
/*------------------------------------*/
.doppelter-cta-banner {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  flex-direction: column;
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.doppelter-cta-banner > div {
  flex: 1;
}
@media (min-width: 769px) {
  .doppelter-cta-banner {
    flex-direction: row;
  }
}

/*------------------------------------*/
/* ACF BLOCK - CTA-Banner */
/*------------------------------------*/
.cta-banner {
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.cta-banner .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--font-default-linegap, 20px);
  align-self: stretch;
}
.cta-banner .content {
  text-align: center;
}
.cta-banner h3 {
  color: var(--text-highlight, #16ad99);
}
.cta-banner .image-container {
  position: relative;
}
.cta-banner .image-container img {
  width: 130px;
  height: 130px;
  object-position: center;
  object-fit: cover;
  border-radius: 50%;
}
.cta-banner .image-container:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90' fill='none'%3E%3Cg clip-path='url(%23clip0_4033_13018)'%3E%3Cpath d='M46.1643 26.0793C39.3514 25.4872 32.6151 28.8429 29.0028 34.6281C25.379 40.432 25.0632 47.4513 28.1582 53.4049C29.2529 55.5109 29.3876 58.3572 28.5181 61.0187L28.3793 61.4435C27.8068 63.1962 28.0562 65.023 28.9137 66.506L27.7728 69.9984C26.7043 73.2692 28.4959 76.7995 31.7667 77.868L35.7212 79.1599C38.9919 80.2284 42.5222 78.4367 43.5907 75.166L44.7317 71.6735C46.2993 70.9828 47.5791 69.6557 48.1517 67.903L48.2931 67.4704C49.1493 64.8493 51.0055 62.6002 53.2584 61.4538C57.7082 59.1894 61.0127 55.3286 62.5632 50.5825C66.27 39.2359 58.5783 27.1591 46.1643 26.0793ZM39.6362 73.8741C39.2801 74.9644 38.1033 75.5616 37.013 75.2054L33.0586 73.9135C31.9683 73.5573 31.3711 72.3806 31.7273 71.2903L32.3732 69.3131L40.2822 71.8969L39.6362 73.8741ZM51.3716 57.746C48.1106 59.4054 45.5472 62.4788 44.3386 66.1785L44.1972 66.6111C43.8411 67.7013 42.6643 68.2986 41.5741 67.9424L33.6651 65.3586C32.5749 65.0024 31.9776 63.8257 32.3338 62.7354L32.4726 62.3106C33.6998 58.554 33.4726 54.6085 31.8493 51.486C29.4403 46.852 29.6954 41.3738 32.5314 36.8314C35.3236 32.3594 40.5334 29.7657 45.8041 30.224C55.5457 31.0704 61.4841 40.489 58.6087 49.2906C57.4028 52.982 54.8325 55.9848 51.3716 57.746Z' fill='%237BE2D4'/%3E%3Cpath d='M35.3267 21.5692L31.5612 14.1497C31.0414 13.1253 29.7894 12.7163 28.7649 13.2362C27.7405 13.7561 27.3315 15.008 27.8514 16.0324L31.617 23.4519C32.1368 24.4763 33.3889 24.8854 34.4132 24.3654C35.4377 23.8455 35.8466 22.5936 35.3267 21.5692Z' fill='%237BE2D4'/%3E%3Cpath d='M21.686 35.0405L13.6452 32.4136C12.5532 32.0569 11.3788 32.653 11.022 33.7449C10.6653 34.8369 11.2614 36.0114 12.3533 36.3681L20.3941 38.995C21.4861 39.3517 22.6606 38.7556 23.0173 37.6637C23.374 36.5717 22.778 35.3972 21.686 35.0405Z' fill='%237BE2D4'/%3E%3Cpath d='M77.1821 53.1699L69.1413 50.5431C68.0493 50.1864 66.8749 50.7824 66.5181 51.8744C66.1614 52.9664 66.7575 54.1408 67.8494 54.4976L75.8902 57.1244C76.9822 57.4812 78.1566 56.8851 78.5134 55.7931C78.8701 54.7012 78.274 53.5267 77.1821 53.1699Z' fill='%237BE2D4'/%3E%3Cpath d='M76.3002 28.7658C75.7805 27.7415 74.5286 27.3324 73.504 27.8523L66.0844 31.6177C65.06 32.1375 64.651 33.3895 65.1709 34.4139C65.6907 35.4383 66.9427 35.8473 67.9672 35.3274L75.3867 31.562C76.4111 31.0422 76.8201 29.7903 76.3002 28.7658Z' fill='%237BE2D4'/%3E%3Cpath d='M55.7917 11.0241C54.6997 10.6674 53.5252 11.2635 53.1685 12.3554L50.5417 20.3962C50.1849 21.4882 50.781 22.6626 51.873 23.0194C52.9649 23.3761 54.1394 22.78 54.4962 21.6881L57.123 13.6473C57.4797 12.5553 56.8837 11.3809 55.7917 11.0241Z' fill='%237BE2D4'/%3E%3Cpath d='M47.9971 34.8828C47.1843 34.6173 46.3246 34.4442 45.4432 34.3685C41.7738 34.0505 38.0027 35.9245 36.0596 39.0318C35.4505 40.0059 35.7463 41.2891 36.7202 41.8983C37.6944 42.5075 38.9777 42.2115 39.5867 41.2377C40.7048 39.45 42.9653 38.3296 45.0857 38.5133C45.6507 38.5618 46.1957 38.6708 46.7052 38.8373C47.7972 39.194 48.9717 38.5979 49.3284 37.506C49.6851 36.414 49.0891 35.2395 47.9971 34.8828Z' fill='%237BE2D4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4033_13018'%3E%3Crect width='71' height='71' fill='white' transform='translate(22.0469) rotate(18.0917)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  bottom: 0;
  right: -86px;
  transform: rotate(18.092deg);
  width: 70px;
  height: 70px;
  z-index: 10;
  display: block;
}
.cta-banner h3,
.cta-banner h2 {
  padding: 0;
}
.cta-banner .button-container {
  margin-top: var(--font-default-linegap, 20px);
}
.cta-banner .button-container a.button.--color-primary {
  border-radius: var(--components-radius-medium, 12px);
  background: var(--button-accent-default, #00a7a5);
}
@media (min-width: 769px) {
  .cta-banner .inner {
    max-width: 550px;
  }
  .cta-banner .image-container:after {
    bottom: -50px;
    right: -220px;
  }
}

/*------------------------------------*/
/* ACF BLOCK - Banner */
/*------------------------------------*/
.banner {
  background: var(--surface-primary, #008080);
  /*------------------------------------*/
  /* SECTION - Responsive */
  /*------------------------------------*/
}
.banner .inner {
  display: flex;
  padding: var(--layout-space-medium, 25px) 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--font-linegap-linegap-medium, 25px);
  align-self: stretch;
}
@media (max-width: 768px) {
  .banner .inner {
    width: 100%;
  }
}
.banner h1,
.banner p {
  color: var(--text-headings-on-dark, #fff);
  padding: 0;
}
@media (min-width: 769px) {
  .banner .inner {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: var(--layout-space-medium, 30px) 0;
    gap: 30px;
  }
  .banner .content {
    width: calc(75% - 10px);
  }
  .banner .button-container {
    width: calc(25% - 10px);
  }
}

/*------------------------------------*\
	ACF Block: Akkordeon
\*------------------------------------*/
.accordeon {
  width: calc(100% - 2 * var(--layout-outergap));
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
  margin-top: var(--font-default-linegap);
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
  flex-direction: column;
  /*------------------------------------*/
  /* Responsive */
  /*------------------------------------*/
}
.accordeon .item {
  align-items: stretch;
  width: 100%;
  margin-bottom: var(--space-md);
  border-bottom: 1px solid var(--divider, #f4f4f5);
}
.accordeon .item.--open {
  background: var(--surface-box, #f4f4f5);
  border-radius: var(--components-radius-medium, 12px);
}
.accordeon .item:last-child {
  margin-bottom: 0;
}
.accordeon .item .title {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  line-height: inherit;
  margin: 0;
  padding: var(--font-default-linegap) 0px 0px;
  line-height: var(--font-default-lineheight);
  color: var(--text-headings);
  font-size: var(--font-size-3xl, 50px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-3xl, 60px); /* 120% */
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  font-size: var(--font-size-sm, 16px);
  font-weight: 600;
  line-height: var(--font-line-height-sm, 24px); /* 150% */
  color: var(--text-headings, #27272a);
  margin: 0;
  padding: var(--space-xl, 20px) 70px var(--space-xl, 20px) var(--space-xl, 20px);
  position: relative;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  width: 100%;
  color: var(--text-headings, #27272a);
  font-family: var(--font-family-headings, Causten);
  font-size: var(--font-size-sm, 13px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-sm, 22.5px); /* 173.077% */
}
@media screen and (max-width: 520px) {
  .accordeon .item .title {
    font-size: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .accordeon .item .title {
    font-size: 16px;
  }
}
.accordeon .item .title span.count {
  margin: 0;
  padding: var(--font-default-linegap) 0px 0px;
  line-height: var(--font-default-lineheight);
  color: var(--text-headings);
  font-size: var(--font-size-3xl, 50px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-3xl, 60px); /* 120% */
  font-size: calc(17px + 1 * (100vw - 520px) / 600);
  font-weight: 600;
  line-height: var(--font-line-height-md, 27px); /* 150% */
  font-family: var(--font-family-headings, Causten);
  font-size: var(--font-size-md, 18px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-md, 27px); /* 150% */
  color: var(--text-highlight, #16ad99);
  padding: 0;
  padding-right: 10px;
}
@media screen and (max-width: 520px) {
  .accordeon .item .title span.count {
    font-size: 17px;
  }
}
@media screen and (min-width: 1120px) {
  .accordeon .item .title span.count {
    font-size: 18px;
  }
}
.accordeon .item .title span {
  display: inline-block;
}
.accordeon .item .title:after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  aspect-ratio: 1;
  background-color: transparent;
  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='M13 20H27' stroke='black' stroke-width='2'/%3E%3Cpath d='M20 13V27' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.25s ease-in-out;
}
.accordeon .item .content-container {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 300ms linear;
}
.accordeon .item .content {
  font-size: calc(13px + 3 * (100vw - 520px) / 600);
  line-height: var(--font-default-lineheight);
  color: var(--text-body, #52525b);
  font-family: var(--font-family-body, "Causten");
  font-style: normal;
  font-weight: var(--font-weight-regular, 500);
  line-height: 180%; /* 28.8px */
  color: var(--text-body, #52525b);
  padding: 0px var(--space-xl) var(--space-xl) var(--space-xl);
  overflow: hidden;
  transition: padding 300ms linear;
}
.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: 13px;
  }
}
@media screen and (min-width: 1120px) {
  .accordeon .item .content {
    font-size: 16px;
  }
}
.accordeon .item.--open .title:after {
  transform: translateY(-50%) rotate(180deg);
  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='M13 20H27' stroke='black' stroke-width='2'/%3E%3Cpath d='M27 20L13 20' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.accordeon .item.--open .title {
  padding-bottom: 20px;
}
.accordeon .item:not(.--open) .content-container {
  grid-template-rows: 0fr;
}
.accordeon .item:not(.--open) .content {
  padding-top: 0;
  padding-bottom: 0;
}
.accordeon .icon {
  width: 16px;
  height: 16px;
}
.accordeon .content {
  width: 100%;
}
.accordeon .content h6 {
  padding: 0;
}
.accordeon.acc-toolbox .toolbox {
  margin: 20px;
}
.accordeon.acc-toolbox:hover .item .title {
  cursor: default;
}
.accordeon.acc-toolbox .item .title {
  display: flex;
  padding: var(--space-2xl, 32px) 40px var(--space-2xl, 32px) var(--space-2xl, 32px);
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
@media (max-width: 768px) {
  .accordeon.acc-toolbox .item .title {
    padding: 10px 15px;
  }
}
.accordeon.acc-toolbox .item .title:after {
  display: none;
}
.accordeon.acc-toolbox .item .title .acc-title {
  display: flex;
  padding: var(--space-2xl, 32px) 40px var(--space-2xl, 32px) var(--space-2xl, 32px);
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  color: var(--text-headings, #27272a);
  /* Überschrift/H5 */
  font-family: var(--font-family-headings, Causten);
  font-size: var(--font-size-md, 18px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-md, 27px); /* 150% */
}
.accordeon.acc-toolbox .content-container h6 {
  padding: 0;
}
.accordeon.acc-toolbox .item span.count {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  transition: all 0.25s ease-in-out;
  color: #adadad;
  /* Überschrift/H5 */
  font-family: var(--font-family-headings, Causten);
  font-size: var(--font-size-md, 18px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-md, 27px); /* 150% */
  padding: 0px;
  color: #adadad;
}
@media (min-width: 769px) {
  .accordeon .item .title {
    padding: var(--space-2xl, 32px) 40px var(--space-2xl, 32px) var(--space-2xl, 32px);
  }
  .accordeon .item .title::after {
    right: 25px;
  }
  .accordeon .item .content {
    padding: 0 var(--space-2xl, 32px) var(--space-2xl, 32px) var(--space-2xl, 32px);
  }
}

/*------------------------------------*/
/* ACF Block: Galerie Slider */
/*------------------------------------*/
.gallery-slider .swiper {
  position: relative;
}
.gallery-slider .swiper .swiper-slide {
  display: block;
  height: auto;
  overflow: hidden;
}
.gallery-slider .swiper .swiper-slide img {
  width: 100%;
  height: auto;
  max-height: 580px;
  border-radius: 12px;
  display: block;
  border-radius: 12px;
  min-height: 380px;
  object-fit: cover;
  object-position: center;
}
.gallery-slider .swiper .slider__controls {
  display: inline-flex;
  padding: 5px;
  align-items: center;
  gap: 5px;
  border-radius: var(--components-radius-medium, 12px);
  background: #fff;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
}
.gallery-slider .swiper-wrapper {
  display: flex;
  width: 1120px;
  align-items: center;
  gap: 20px;
  width: auto;
  align-items: center;
  gap: 0;
}
.gallery-slider.portrait-landscape .swiper-slide:nth-child(even) img {
  aspect-ratio: 55/58;
}
.gallery-slider.portrait-landscape .swiper-slide:nth-child(odd) img {
  aspect-ratio: 55/38;
}
.gallery-slider.portrait-portrait .swiper-slide img {
  aspect-ratio: 55/58;
}
.gallery-slider.landscape-landscape .swiper-slide img {
  aspect-ratio: 55/38;
}
.gallery-slider.landscape-portrait .swiper-slide:nth-child(even) img {
  aspect-ratio: 55/58;
}
.gallery-slider.landscape-portrait .swiper-slide:nth-child(odd) img {
  aspect-ratio: 55/38;
}
@media (min-width: 769px) {
  .gallery-slider .hide-on-desktop {
    display: none;
  }
}

/*------------------------------------*/
/* ACF Block: Hero Banner */
/*------------------------------------*/
.hero-banner {
  position: relative;
  width: 100%;
}
.hero-banner:before, .hero-banner:after {
  content: "";
  display: block;
  position: absolute;
  width: 200px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 5;
}
@media (max-width: 768px) {
  .hero-banner:before, .hero-banner:after {
    width: 50%;
    top: -1px;
  }
}
.hero-banner:before {
  left: 0;
}
@media (max-width: 768px) {
  .hero-banner:before {
    background: #fff;
    clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%);
  }
}
@media (min-width: 769px) {
  .hero-banner:before {
    top: 0;
    width: 58px;
    height: 164px;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='164' viewBox='0 0 58 164' fill='none'%3E%3Cpath d='M0 164L58 0H0V164Z' fill='%23008080'/%3E%3C/svg%3E");
  }
}
.hero-banner:after {
  right: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .hero-banner:after {
    background: var(--theme-primary-primary);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
  }
}
@media (min-width: 769px) {
  .hero-banner:after {
    display: none;
  }
}
@media (min-width: 1381px) {
  .allcont > section > .hero-banner:first-child:before {
    z-index: 1000;
    top: -112px;
  }
}
@media (min-width: 769px) {
  .hero-banner .hero-grid {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
}
.hero-banner .hero-grid--image {
  position: relative;
}
@media (min-width: 769px) {
  .hero-banner .hero-grid--image {
    width: 55%;
    height: calc(100vh - 112px);
    min-height: 800px;
    max-height: 1000px;
  }
}
@media (max-width: 768px) {
  .hero-banner .hero-grid--image {
    aspect-ratio: 39/47;
    margin-bottom: 90px;
  }
}
@media (max-width: 768px) and (min-width: 521px) {
  .hero-banner .hero-grid--image {
    aspect-ratio: 57/47;
    margin-bottom: 40px;
  }
}
.hero-banner .hero-grid--image .image-video-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (min-width: 769px) {
  .hero-banner .hero-grid--image .image-video-container {
    clip-path: polygon(33.2% 0, 100% 0, 100% 100%, 0 100%);
  }
}
.hero-banner .hero-grid--image .image-video-container img,
.hero-banner .hero-grid--image .image-video-container video {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hero-banner .hero-grid--image .image-video-container .overlay {
  position: absolute;
  pointer-events: none;
  z-index: 2;
}
.hero-banner .hero-grid--image .image-video-container .overlay.radient {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--shadow-herobanner, radial-gradient(73.88% 67.74% at 63.68% 41.97%, rgba(128, 90, 0, 0.32) 0%, rgba(0, 0, 0, 0) 48.19%, rgba(0, 128, 128, 0.8) 100%));
}
.hero-banner .hero-grid--image .image-video-container .overlay.icon {
  z-index: 3;
  bottom: 0;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='587' height='567' viewBox='0 0 587 567' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M285.481 0C453.883 -5.10292e-05 570.962 116.924 570.962 279.496C570.962 379.602 529.262 437.263 500.394 469.297L587 556.589L481.95 567L437.845 519.75C390.532 547.78 344.823 558.191 285.481 558.191C117.08 558.192 -9.44686e-05 442.869 0 279.496C0.00018298 116.924 117.08 9.69395e-05 285.481 0ZM285.481 94.5C181.233 94.5001 107.456 171.382 107.456 279.496C107.456 386.81 180.43 463.691 287.887 463.691C323.973 463.691 348.03 455.682 367.276 446.072L255.855 331.551H366.475L428.222 394.818C445.062 372.395 463.506 338.759 463.506 279.496C463.506 171.382 389.73 94.5 285.481 94.5Z' fill='%2302FFDD' fill-opacity='0.65'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  margin-right: -50px;
  margin-bottom: -40px;
  width: 321px;
  height: 310px;
}
@media (min-width: 769px) {
  .hero-banner .hero-grid--image .image-video-container .overlay.icon {
    width: 487px;
    height: 487px;
    margin-right: -100px;
    margin-bottom: -80px;
  }
}
@media (min-width: 1025px) {
  .hero-banner .hero-grid--image .image-video-container .overlay.icon {
    width: 587px;
    height: 587px;
  }
}
@media (min-width: 769px) {
  .hero-banner .hero-grid--image .cta-grp-bg {
    position: absolute;
    left: -215px;
    bottom: 80px;
    display: block;
    width: 100%;
    height: 80px;
    border-radius: 24px 0 0 24px;
    background: var(--surface-primary, #008080);
    z-index: -1;
    transition: var(--transition);
  }
  .hero-banner .hero-grid--image .cta-grp-bg:hover {
    transform: translateX(-10px);
  }
}
@media (min-width: 1025px) {
  .hero-banner .hero-grid--image .cta-grp-bg {
    left: -338px;
  }
}
@media (min-width: 1601px) {
  .hero-banner .hero-grid--image .cta-grp-bg {
    left: -315px;
  }
}
@media (max-width: 768px) {
  .hero-banner .hero-grid--image .cta-grp-bg {
    display: none;
  }
}
.hero-banner .hero-grid--image .cta-grp {
  border-radius: 24px 0 0 24px;
  padding: 12px 12px;
  width: calc(100% - 8px);
  position: absolute;
  left: unset;
  right: 0;
  bottom: 0px;
  z-index: 10;
  transition: var(--transition);
  transform: translateY(50%);
  background: var(--surface-primary, #008080);
}
@media (min-width: 521px) {
  .hero-banner .hero-grid--image .cta-grp {
    width: fit-content;
  }
}
@media (min-width: 769px) {
  .hero-banner .hero-grid--image .cta-grp {
    background-color: transparent;
    width: fit-content;
    bottom: 80px;
    right: unset;
    left: -215px;
    transform: none;
  }
}
@media (min-width: 1025px) {
  .hero-banner .hero-grid--image .cta-grp {
    left: -338px;
  }
}
@media (min-width: 1601px) {
  .hero-banner .hero-grid--image .cta-grp {
    left: -315px;
  }
}
.hero-banner .hero-grid--image .cta-grp-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  transition: var(--transition);
}
@media (max-width: 520px) {
  .hero-banner .hero-grid--image .cta-grp-inner {
    flex-direction: column;
  }
  .hero-banner .hero-grid--image .cta-grp-inner .video-button-container {
    position: absolute;
    top: -50px;
    right: 12px;
  }
}
@media (min-width: 769px) {
  .hero-banner .hero-grid--image .cta-grp-inner {
    flex-direction: row;
  }
}
.hero-banner .hero-grid--image .cta-grp .arrow {
  display: none;
}
@media (min-width: 1025px) {
  .hero-banner .hero-grid--image .cta-grp .arrow {
    position: absolute;
    top: -140px;
    left: -155px;
    margin: 20px;
    transform: translateX(-50%);
    width: 70px;
    height: 64px;
    background-image: url("data:image/svg+xml,%3Csvg width='73' height='65' viewBox='0 0 73 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M72.125 63.125C63.375 63.125 55 64.125 46.25 64.875C46.125 64.875 45.75 60.125 46.375 60C49.25 59.25 52.375 58.75 55.375 58.375C44.5 54.5 34.5 47.75 25.625 41C13.5 31.75 3.62502 19.625 0.625015 4.375C0.375015 3.25 1.00002 1.375 0.750015 0.625C4.00002 16.25 14.75 28.125 27.5 37.125C39 45.375 52.25 53.375 66.5 55C65.125 53.75 63.75 52.5 62.875 51.5C60.25 48.5 57.75 45.375 55.75 41.875C55.5 41.375 56.125 39.75 55.875 39.375C59.5 43.25 62.75 47.5 66.625 51.125C69.125 53.5 72 55.125 72.375 58.75C72.5 59.375 72.625 63.125 72.125 63.125Z' fill='%237BE2D4'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 10;
    animation: bounce-arrow 1.4s ease-out infinite alternate;
    transform-origin: center;
    display: block;
  }
}
@media (min-width: 769px) {
  .hero-banner .hero-grid--image:hover .cta-grp-bg {
    transform: translateX(-10px);
  }
}
.hero-banner .hero-grid--text {
  padding-left: var(--inner-margin);
}
@media (min-width: 769px) {
  .hero-banner .hero-grid--text {
    padding-top: 125px;
    padding-bottom: 160px;
    width: 45%;
  }
}
@media (max-width: 768px) {
  .hero-banner .hero-grid--text {
    text-align: center;
    padding: 0px var(--layout-outergap, 20px);
  }
  .hero-banner .hero-grid--text .deco-stroke {
    width: 100%;
  }
}

/*------------------------------------*/
/* 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);
}
@media (min-width: 769px) {
  .image-text {
    flex-direction: row;
    gap: var(--space-4xl);
    align-items: center;
  }
  .image-text.--order-text-image {
    flex-direction: row-reverse;
  }
}
.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;
}
@media (min-width: 769px) {
  .image-text .text {
    flex: auto;
    width: 50%;
  }
}
.image-text .media {
  position: relative;
}
@media (min-width: 769px) {
  .image-text .media {
    flex: auto;
    width: 50%;
  }
}
.image-text .media > img {
  width: 100%;
  min-height: 200px;
  object-fit: cover;
  object-position: top;
  height: 100%;
  border-radius: var(--components-radius-medium, 12px);
}

/*------------------------------------*/
/* 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 */