@charset "UTF-8";
/*
@function px--calc($breakpoint, $px-size, $scale-factor) {    
    @if $breakpoint == 'small' {
        @return decimal-round(($px-size / $scale-factor / $scale-factor / $scale-factor / $scale-factor), 1);
    } @else if $breakpoint == 'medium' {        
        @return decimal-round(($px-size / $scale-factor / $scale-factor / $scale-factor), 1);
    } @else if $breakpoint == 'large' {
        @return decimal-round(($px-size / $scale-factor / $scale-factor), 1);
    } @else if $breakpoint == 'xlarge' {
        @return decimal-round(($px-size / $scale-factor), 1);
    } @else if $breakpoint == 'xxlarge' {
        @return $px-size;
    }
}

$scale-factor: 1.05;
@each $breakpoint in $breakpoints {
    @include breakpoint(nth($breakpoint, 1)) {        
        :root {
            //Sizes
            --typo-10px: #{px--calc(nth($breakpoint, 1), 1.0, $scale-factor)}rem;
            --typo-11px: #{px--calc(nth($breakpoint, 1), 1.1, $scale-factor)}rem;
            --typo-12px: #{px--calc(nth($breakpoint, 1), 1.2, $scale-factor)}rem;
            --typo-13px: #{px--calc(nth($breakpoint, 1), 1.3, $scale-factor)}rem;
            --typo-14px: #{px--calc(nth($breakpoint, 1), 1.4, $scale-factor)}rem;
            --typo-15px: #{px--calc(nth($breakpoint, 1), 1.5, $scale-factor)}rem;
            --typo-16px: #{px--calc(nth($breakpoint, 1), 1.6, $scale-factor)}rem;
            --typo-18px: #{px--calc(nth($breakpoint, 1), 1.8, $scale-factor)}rem;
            --typo-19px: #{px--calc(nth($breakpoint, 1), 1.9, $scale-factor)}rem;
            --typo-20px: #{px--calc(nth($breakpoint, 1), 2.0, $scale-factor)}rem;
            --typo-21px: #{px--calc(nth($breakpoint, 1), 2.1, $scale-factor)}rem;
            --typo-22px: #{px--calc(nth($breakpoint, 1), 2.2, $scale-factor)}rem;
            --typo-23px: #{px--calc(nth($breakpoint, 1), 2.3, $scale-factor)}rem;
            --typo-24px: #{px--calc(nth($breakpoint, 1), 2.4, $scale-factor)}rem;
            --typo-25px: #{px--calc(nth($breakpoint, 1), 2.5, $scale-factor)}rem;
            --typo-26px: #{px--calc(nth($breakpoint, 1), 2.6, $scale-factor)}rem;
            --typo-28px: #{px--calc(nth($breakpoint, 1), 2.8, $scale-factor)}rem;
            --typo-30px: #{px--calc(nth($breakpoint, 1), 3.0, $scale-factor)}rem;
            --typo-32px: #{px--calc(nth($breakpoint, 1), 3.2, $scale-factor)}rem;
            --typo-34px: #{px--calc(nth($breakpoint, 1), 3.4, $scale-factor)}rem;
            --typo-36px: #{px--calc(nth($breakpoint, 1), 3.6, $scale-factor)}rem;
            --typo-40px: #{px--calc(nth($breakpoint, 1), 4.0, $scale-factor)}rem;
            --typo-44px: #{px--calc(nth($breakpoint, 1), 4.4, $scale-factor)}rem;
            --typo-48px: #{px--calc(nth($breakpoint, 1), 4.8, $scale-factor)}rem;
            --typo-50px: #{px--calc(nth($breakpoint, 1), 5.0, $scale-factor)}rem;
            --typo-52px: #{px--calc(nth($breakpoint, 1), 5.2, $scale-factor)}rem;
            --typo-56px: #{px--calc(nth($breakpoint, 1), 5.6, $scale-factor)}rem;
            --typo-60px: #{px--calc(nth($breakpoint, 1), 6.0, $scale-factor)}rem;
            --typo-64px: #{px--calc(nth($breakpoint, 1), 6.4, $scale-factor)}rem;
            --typo-68px: #{px--calc(nth($breakpoint, 1), 6.8, $scale-factor)}rem;
            --typo-72px: #{px--calc(nth($breakpoint, 1), 7.2, $scale-factor)}rem;
            --typo-76px: #{px--calc(nth($breakpoint, 1), 7.6, $scale-factor)}rem;
            --typo-80px: #{px--calc(nth($breakpoint, 1), 8.0, $scale-factor)}rem;
        }
    }  
}


$scale-factor: 1.2;
@each $breakpoint in $breakpoints {
    @include breakpoint(nth($breakpoint, 1)) {        
        :root {
            //Sizes
            --3px: #{px--calc(nth($breakpoint, 1), 0.3, $scale-factor)}rem;
            --4px: #{px--calc(nth($breakpoint, 1), 0.4, $scale-factor)}rem;
            --5px: #{px--calc(nth($breakpoint, 1), 0.5, $scale-factor)}rem;
            --6px: #{px--calc(nth($breakpoint, 1), 0.6, $scale-factor)}rem;
            --7px: #{px--calc(nth($breakpoint, 1), 0.7, $scale-factor)}rem;
            --8px: #{px--calc(nth($breakpoint, 1), 0.8, $scale-factor)}rem;
            --9px: #{px--calc(nth($breakpoint, 1), 0.9, $scale-factor)}rem;
            --10px: #{px--calc(nth($breakpoint, 1), 1.0, $scale-factor)}rem;
            --11px: #{px--calc(nth($breakpoint, 1), 1.1, $scale-factor)}rem;
            --12px: #{px--calc(nth($breakpoint, 1), 1.2, $scale-factor)}rem;
            --13px: #{px--calc(nth($breakpoint, 1), 1.3, $scale-factor)}rem;
            --14px: #{px--calc(nth($breakpoint, 1), 1.4, $scale-factor)}rem;
            --15px: #{px--calc(nth($breakpoint, 1), 1.5, $scale-factor)}rem;
            --16px: #{px--calc(nth($breakpoint, 1), 1.6, $scale-factor)}rem;
            --17px: #{px--calc(nth($breakpoint, 1), 1.7, $scale-factor)}rem;
            --18px: #{px--calc(nth($breakpoint, 1), 1.8, $scale-factor)}rem;
            --19px: #{px--calc(nth($breakpoint, 1), 1.9, $scale-factor)}rem;
            --20px: #{px--calc(nth($breakpoint, 1), 2.0, $scale-factor)}rem;
            --21px: #{px--calc(nth($breakpoint, 1), 2.1, $scale-factor)}rem;
            --22px: #{px--calc(nth($breakpoint, 1), 2.2, $scale-factor)}rem;
            --23px: #{px--calc(nth($breakpoint, 1), 2.3, $scale-factor)}rem;
            --24px: #{px--calc(nth($breakpoint, 1), 2.4, $scale-factor)}rem;
            --25px: #{px--calc(nth($breakpoint, 1), 2.5, $scale-factor)}rem;            
            --26px: #{px--calc(nth($breakpoint, 1), 2.6, $scale-factor)}rem;
            --28px: #{px--calc(nth($breakpoint, 1), 2.8, $scale-factor)}rem;
            --30px: #{px--calc(nth($breakpoint, 1), 3.0, $scale-factor)}rem;
            --32px: #{px--calc(nth($breakpoint, 1), 3.2, $scale-factor)}rem;
            --34px: #{px--calc(nth($breakpoint, 1), 3.4, $scale-factor)}rem;
            --36px: #{px--calc(nth($breakpoint, 1), 3.6, $scale-factor)}rem;
            --40px: #{px--calc(nth($breakpoint, 1), 4.0, $scale-factor)}rem;
            --44px: #{px--calc(nth($breakpoint, 1), 4.4, $scale-factor)}rem;
            --48px: #{px--calc(nth($breakpoint, 1), 4.8, $scale-factor)}rem;
            --50px: #{px--calc(nth($breakpoint, 1), 5.0, $scale-factor)}rem;
            --52px: #{px--calc(nth($breakpoint, 1), 5.2, $scale-factor)}rem;
            --56px: #{px--calc(nth($breakpoint, 1), 5.6, $scale-factor)}rem;
            --60px: #{px--calc(nth($breakpoint, 1), 6.0, $scale-factor)}rem;
            --64px: #{px--calc(nth($breakpoint, 1), 6.4, $scale-factor)}rem;
            --68px: #{px--calc(nth($breakpoint, 1), 6.8, $scale-factor)}rem;
            --72px: #{px--calc(nth($breakpoint, 1), 7.2, $scale-factor)}rem;
            --76px: #{px--calc(nth($breakpoint, 1), 7.6, $scale-factor)}rem;
            --80px: #{px--calc(nth($breakpoint, 1), 8.0, $scale-factor)}rem;
        }
    }  
}
*/
:root {
  --transition--timing: .35s;
  --transition--style: cubic-bezier(0.370, 0.800, 0.200, 1.000);
}
:root {
  /* PRIMARY COLOR HSL VALUES */
  --primary-h: 78;
  --primary-s: 100%;
  --primary-l: 42%;
  /* SECONDARY COLOR HSL VALUES */
  --secondary-h: 198;
  --secondary-s: 60%;
  --secondary-l: 49%;
  /* ACCENT COLOR HSL VALUES */
  --accent-h: 54.5;
  --accent-s: 15.5%;
  --accent-l: 86.1%;
  /* BASE COLOR HSL VALUES */
  --base-h: 240;
  --base-s: 5%;
  --base-l: 0%;
  /*slate (blau)
    --shade-h: 222; 
	--shade-s: 47%;
	--shade-l: 11%;
    */
  /*
    // gray (weniger blau)
    --shade-h: 221; 
	--shade-s: 39%;
	--shade-l: 11%; */
  --shade-h: 198;
  --shade-s: 60%;
  --shade-l: 6%;
  /*//stone (bräunlich)
    --shade-h: 24; 
	--shade-s: 10%;
	--shade-l: 10%;

    //neutral
    --shade-h: 0; 
	--shade-s: 0%;
	--shade-l: 9%;
    */
  --white-h: 0;
  --white-s: 0%;
  --white-l: 100%;
  --primary-hover-val: 1.15;
  --primary-ultra-light-val: 95%;
  --primary-light-val: 85%;
  --primary-medium-val: 50%;
  --primary-dark-val: 25%;
  --primary-ultra-dark-val: 10%;
  --secondary-hover-val: 1.05;
  --secondary-ultra-light-val: 95%;
  --secondary-light-val: 85%;
  --secondary-medium-val: 50%;
  --secondary-dark-val: 25%;
  --secondary-ultra-dark-val: 10%;
  --accent-hover-val: 1.05;
  --accent-ultra-light-val: 95%;
  --accent-light-val: 85%;
  --accent-medium-val: 50%;
  --accent-dark-val: 25%;
  --accent-ultra-dark-val: 10%;
  --base-hover-val: 1.05;
  --base-ultra-light-val: 95%;
  --base-light-val: 85%;
  --base-medium-val: 50%;
  --base-dark-val: 25%;
  --base-ultra-dark-val: 10%;
  --hsl-primary: var(--primary-h), var(--primary-s), var(--primary-l);
  --hsl-primary-hover: var(--primary-h), var(--primary-s), calc(var(--primary-l) * var(--primary-hover-val));
  --hsl-primary-ultra-light: var(--primary-h), var(--primary-s), var(--primary-ultra-light-val);
  --hsl-primary-light: var(--primary-h), var(--primary-s), var(--primary-light-val);
  --hsl-primary-medium: var(--primary-h), var(--primary-s), var(--primary-medium-val);
  --hsl-primary-dark: var(--primary-h), var(--primary-s), var(--primary-dark-val);
  --hsl-primary-ultra-dark: var(--primary-h), var(--primary-s), var(--primary-ultra-dark-val);
  --hsl-secondary: var(--secondary-h), var(--secondary-s), var(--secondary-l);
  --hsl-secondary-hover: var(--secondary-h), var(--secondary-s), calc(var(--secondary-l) * var(--secondary-hover-val));
  --hsl-secondary-ultra-light: var(--secondary-h), var(--secondary-s), var(--secondary-ultra-light-val);
  --hsl-secondary-light: var(--secondary-h), var(--secondary-s), var(--secondary-light-val);
  --hsl-secondary-medium: var(--secondary-h), var(--secondary-s), var(--secondary-medium-val);
  --hsl-secondary-dark: var(--secondary-h), var(--secondary-s), var(--secondary-dark-val);
  --hsl-secondary-ultra-dark: var(--secondary-h), var(--secondary-s), var(--secondary-ultra-dark-val);
  --hsl-accent: var(--accent-h), var(--accent-s), var(--accent-l);
  --hsl-accent-hover: var(--accent-h), var(--accent-s), calc(var(--accent-l) * var(--accent-hover-val));
  --hsl-accent-ultra-light: var(--accent-h), var(--accent-s), var(--accent-ultra-light-val);
  --hsl-accent-light: var(--accent-h), var(--accent-s), var(--accent-light-val);
  --hsl-accent-medium: var(--accent-h), var(--accent-s), var(--accent-medium-val);
  --hsl-accent-dark: var(--accent-h), var(--accent-s), var(--accent-dark-val);
  --hsl-accent-ultra-dark: var(--accent-h), var(--accent-s), var(--accent-ultra-dark-val);
  --hsl-base: var(--base-h), var(--base-s), var(--base-l);
  --hsl-base-hover: var(--base-h), var(--base-s), calc(var(--base-l) * var(--base-hover-val));
  --hsl-base-ultra-light: var(--base-h), var(--base-s), var(--base-ultra-light-val);
  --hsl-base-light: var(--base-h), var(--base-s), var(--base-light-val);
  --hsl-base-medium: var(--base-h), var(--base-s), var(--base-medium-val);
  --hsl-base-dark: var(--base-h), var(--base-s), var(--base-dark-val);
  --hsl-base-ultra-dark: var(--base-h), var(--base-s), var(--base-ultra-dark-val);
  --hsl-white: var(--white-h), var(--white-s), calc((var(--white-l) - (100% * var(--dark, 0))) * (-1 * var(--dark, -1)));
  --hsl-shade-black: var(--shade-h), var(--shade-s), calc((var(--shade-l) - (100% * var(--dark, 0))) * (-1 * var(--dark, -1)));
  --hsl-shade-ultra-light: var(--shade-h), var(--shade-s), calc((95.5% - (100% * var(--dark, 0))) * (-1 * var(--dark, -1)));
  --hsl-shade-light: var(--shade-h), var(--shade-s), calc((90% - (100% * var(--dark, 0))) * (-1 * var(--dark, -1)));
  --hsl-shade-medium-light: var(--shade-h), var(--shade-s), calc((75% - (100% * var(--dark, 0))) * (-1 * var(--dark, -1)));
  --hsl-shade-medium: var(--shade-h), var(--shade-s), calc((53% - (100% * var(--dark, 0))) * (-1 * var(--dark, -1)));
  --hsl-shade-medium-dark: var(--shade-h), var(--shade-s), calc((40% - (100% * var(--dark, 0))) * (-1 * var(--dark, -1)));
  --hsl-shade-dark: var(--shade-h), var(--shade-s), calc((30% - (100% * var(--dark, 0))) * (-1 * var(--dark, -1)));
  --hsl-shade-ultra-dark: var(--shade-h), var(--shade-s), calc((17% - (100% * var(--dark, 0))) * (-1 * var(--dark, -1)));
  --primary: hsl(var(--hsl-primary));
  --primary-hover: hsl(var(--hsl-primary-hover));
  --primary-ultra-light: hsl(var(--hsl-primary-ultra-light));
  --primary-light: hsl(var(--hsl-primary-light));
  --primary-medium: hsl(var(--hsl-primary-medium));
  --primary-dark: hsl(var(--hsl-primary-dark));
  --primary-ultra-dark: hsl(var(--hsl-primary-ultra-dark));
  --secondary: hsl(var(--hsl-secondary));
  --secondary-hover: hsl(var(--hsl-secondary-hover));
  --secondary-ultra-light: hsl(var(--hsl-secondary-ultra-light));
  --secondary-light: hsl(var(--hsl-secondary-light));
  --secondary-medium: hsl(var(--hsl-secondary-medium));
  --secondary-dark: hsl(var(--hsl-secondary-dark));
  --secondary-ultra-dark: hsl(var(--hsl-secondary-ultra-dark));
  --accent: hsl(var(--hsl-accent));
  --accent-hover: hsl(var(--hsl-accent-hover));
  --accent-ultra-light: hsl(var(--hsl-accent-ultra-light));
  --accent-light: hsl(var(--hsl-accent-light));
  --accent-medium: hsl(var(--hsl-accent-medium));
  --accent-dark: hsl(var(--hsl-accent-dark));
  --accent-ultra-dark: hsl(var(--hsl-accent-ultra-dark));
  --base: hsl(var(--hsl-base));
  --base-hover: hsl(var(--hsl-base-hover));
  --base-ultra-light: hsl(var(--hsl-base-ultra-light));
  --base-light: hsl(var(--hsl-base-light));
  --base-medium: hsl(var(--hsl-base-medium));
  --base-dark: hsl(var(--hsl-base-dark));
  --base-ultra-dark: hsl(var(--hsl-base-ultra-dark));
  --white: hsl(var(--hsl-white));
  --shade-black: hsl(var(--hsl-shade-black));
  --shade-ultra-light: hsl(var(--hsl-shade-ultra-light));
  --shade-light: hsl(var(--hsl-shade-light));
  --shade-medium-light: hsl(var(--hsl-shade-medium-light));
  --shade-medium: hsl(var(--hsl-shade-medium));
  --shade-medium-dark: hsl(var(--hsl-shade-medium-dark));
  --shade-dark: hsl(var(--hsl-shade-dark));
  --shade-ultra-dark: hsl(var(--hsl-shade-ultra-dark));
}
:root {
  --global-radius: 1.5rem;
}
/*
$black: #404040;
$white: #ffffff;
$primary-color:#1BAD9B;
$secondary-color:#0000ff;
$primary-accent:#99ff99;
$secondary-accent:#9999ff;
$light-gray:#f4f4f5;
$medium-gray: #b0b2b3;
$dark-gray: #77777c;
$success-color: #3adb76;
$warning-color: #ffae00;
$alert-color: #cc4b37;
*/
:root {
  --section--max-width: 70rem;
  --section--padding-lr: 1.5rem;
  --section--padding-t: 2rem;
  --section--padding-b: 2rem;
  --container--max-width: 57.5rem;
  --container--padding-lr: 1.5rem;
  --container--padding-t: 1.5rem;
  --container--padding-b: 2rem;
}
.container--max-width {
  max-width: var(--container--max-width);
  width: 100%;
}
:root {
  --ml-list-item-margin: 1em;
  --ml-ol-list-item-margin: var(--ml-list-item-margin);
  --ml-ol-bullet-text-color: var(--white);
  --ml-ol-bullet-background-color: var(--primary);
  --ml-ol-bullet-text-size: 1rem;
  --ml-ol-bullet-size: 1.8rem;
  --ml-ol-bullet-border-radius: 50%;
  --ml-ol-bullet-top: 0;
  --ml-ol-bullet-left: calc(-1 * var(--ml-ol-bullet-size) - calc(var(--ml-ol-bullet-size) / 4));
  --ml-ol-padding-left: calc(var(--ml-ol-bullet-size) * 1.3);
}
/*

$global-lineheight: 1.667;
$foundation-palette: (
  primary: #096baf,
  secondary: #cb3769,
  success: #3adb76,
  warning: #ffae00,
  alert: #cc4b37,
);
$light-gray:#f4f4f5;
$medium-gray: #bcc9d1;
$dark-gray: #77777c;
$black: #14141e ;
$white: #fff;
$body-background: $white;
$body-font-color: $black;

$global-margin: 1rem;
$global-padding: 1rem;
$global-position: 1rem;
$global-radius: rem-calc(12);
$global-menu-padding: 0.7rem 0.8rem 0.8rem;
$global-menu-nested-margin: 1rem;
$global-text-direction: ltr;

$grid-column-gutter: (
  small: 20px,
  medium: 30px,
);
// 4. Base Typography
// ------------------



$small-font-size: 80%;
$paragraph-lineheight: 1.667;
$paragraph-margin-bottom: rem-calc(30);

$anchor-color: $black;
$anchor-color-hover: scale-color($anchor-color, $lightness: -14%);
$anchor-text-decoration: none;
$anchor-text-decoration-hover: none;
$hr-width: $global-width;
$hr-border: 1px solid $medium-gray;
$hr-margin: rem-calc(20) auto;
$list-lineheight: $paragraph-lineheight;
$list-margin-bottom: $paragraph-margin-bottom;
$list-style-type: disc;
$list-style-position: outside;
$list-side-margin: 1.25rem;
$list-nested-side-margin: 1.25rem;

// 9. Badge
// --------

$badge-background: $primary-color;
$badge-color: $white;
$badge-color-alt: $black;
$badge-palette: $foundation-palette;
$badge-padding: 0.3em;
$badge-minwidth: 2.1em;
$badge-font-size: 0.6rem;

// 10. Breadcrumbs
// ---------------

$breadcrumbs-margin: 0 0 $global-margin 0;
$breadcrumbs-item-font-size: rem-calc(13);
$breadcrumbs-item-color: $black;
$breadcrumbs-item-color-current: $black;
$breadcrumbs-item-color-disabled: $medium-gray;
$breadcrumbs-item-margin: 0.75rem;
$breadcrumbs-item-uppercase: false;
$breadcrumbs-item-separator: true;
$breadcrumbs-item-separator-item: '/';
$breadcrumbs-item-separator-item-rtl: '\\';
$breadcrumbs-item-separator-color: $medium-gray;

// 11. Button
// ----------

$button-font-family: inherit;
$button-padding: 0.719rem 1em 0.806em; //0.75em
$button-margin: 0 0 $global-margin 0;
$button-fill: solid;
$button-background: $primary-color;
$button-background-hover: scale-color($button-background, $lightness: -15%);
$button-color: $white;
$button-color-alt: $black;
$button-radius: $global-radius;
$button-hollow-border-width: 2px;
$button-sizes: (
  tiny: 0.75rem,
  small: 1rem,
  default: 1.125rem,
  large: 1.25rem,
);
$button-palette: $foundation-palette;
$button-opacity-disabled: 0.25;
$button-background-hover-lightness: -20%;
$button-hollow-hover-lightness: -50%;
$button-transition: background-color 0.25s ease-out, color 0.25s ease-out;
$button-responsive-expanded: false;

// 12. Button Group
// ----------------

$buttongroup-margin: 1rem;
$buttongroup-spacing: 1px;
$buttongroup-child-selector: '.button';
$buttongroup-expand-max: 6;
$buttongroup-radius-on-each: true;


// 20. Forms
// ---------

$fieldset-border: 1px solid $medium-gray;
$fieldset-padding: rem-calc(20);
$fieldset-margin: rem-calc(18 0);
$legend-padding: rem-calc(0 3);
$form-spacing: rem-calc(16);
$helptext-color: $black;
$helptext-font-size: rem-calc(13);
$helptext-font-style: italic;
$input-prefix-color: $black;
$input-prefix-background: $light-gray;
$input-prefix-border: 1px solid $medium-gray;
$input-prefix-padding: 1rem;
$form-label-color: $black;
$form-label-font-size: rem-calc(13);
$form-label-font-weight: $global-weight-normal;
$form-label-line-height: 1.8;
$select-background: $white;
$select-triangle-color: $dark-gray;
$select-radius: $global-radius;
$input-color: $black;
$input-placeholder-color: $dark-gray;
$input-font-family: inherit;
$input-font-size: rem-calc(18);
$input-font-weight: $global-weight-normal;
$input-line-height: $global-lineheight;
$input-background: $white;
$input-background-focus: $white;
$input-background-disabled: $light-gray;
$input-border: 1px solid $medium-gray;
$input-border-focus: 1px solid $primary-color;
$input-padding: rem-calc(18 10 2);
$input-shadow: inset 0 1px 4px rgba($black, 0.1);
$input-shadow-focus: 0 0 5px $primary-color;
$input-cursor-disabled: not-allowed;
$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
$input-number-spinners: true;
$input-radius: $global-radius;
$form-button-radius: $global-radius;

// 21. Label
// ---------

$label-background: $primary-color;
$label-color: $white;
$label-color-alt: $black;
$label-palette: $foundation-palette;
$label-font-size: 0.8rem;
$label-padding: 0.33333rem 0.5rem;
$label-radius: $global-radius;

// 23. Menu
// --------

$menu-margin: 0;
$menu-nested-margin: $global-menu-nested-margin;
$menu-items-padding: $global-menu-padding;
$menu-simple-margin: 1rem;
$menu-item-color-active: get-color(primary);
$menu-item-background-active: transparent;
$menu-icon-spacing: 0.25rem;
$menu-state-back-compat: true;
$menu-centered-back-compat: true;
$menu-icons-back-compat: true;


// 27. Pagination
// --------------

$pagination-font-size: rem-calc(14);
$pagination-margin-bottom: $global-margin;
$pagination-item-color: $black;
$pagination-item-padding: rem-calc(3 10);
$pagination-item-spacing: rem-calc(1);
$pagination-radius: $global-radius;
$pagination-item-background-hover: $light-gray;
$pagination-item-background-current: $primary-color;
$pagination-item-color-current: $white;
$pagination-item-color-disabled: $medium-gray;
$pagination-ellipsis-color: $black;
$pagination-mobile-items: false;
$pagination-mobile-current-item: false;
$pagination-arrows: true;


// 50. Table
// ---------

$table-background: $white;
$table-color-scale: 5%;
$table-border: none;
$table-padding: rem-calc(5 0 7);
$table-hover-scale: 2%;
$table-row-hover: $light-gray;
$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale);
$table-is-striped: true;
$table-striped-background: smart-scale($table-background, $table-color-scale);
$table-stripe: even;
$table-head-background: smart-scale($table-background, $table-color-scale / 2);
$table-head-row-hover: darken($table-head-background, $table-hover-scale);
$table-foot-background: smart-scale($table-background, $table-color-scale);
$table-foot-row-hover: darken($table-foot-background, $table-hover-scale);
$table-head-font-color: $body-font-color;
$table-foot-font-color: $body-font-color;
$show-header-for-stacked: false;
$table-stack-breakpoint: medium;


// Cookie Notice */
.drop-shadow--light {
  box-shadow: 0 0.75rem 0.75rem hsla(var(--hsl-shade-dark), 0.05), 0 1.5rem 1rem hsla(var(--hsl-shade-dark), 0.05), 0 2.625rem 2rem hsla(var(--hsl-shade-dark), 0.06);
}
.border-radius--rounded {
  border-radius: 50%;
}
.overflow--hidden {
  overflow: hidden;
}
/*$text-base:  8;
$lh-base:   12;
$stepping:  0.125rem;
$factor:    1.2;

$text-sizes: (
    xs:     decimal-round($text-base / $factor / $factor, 0),   //  6
    sm:     decimal-round($text-base / $factor, 0),  //  7
    base:   $text-base,    //  8
    lg:     decimal-round($text-base * $factor, 0), //  9
    xl:     decimal-round(decimal-round($text-base * $factor * $factor, 0) / 2, 0) * 2,  // 10
    2xl:    decimal-round(decimal-round($text-base * $factor * $factor * $factor, 0) / 2, 0) * 2,   // 12
    3xl:    decimal-round(decimal-round($text-base * $factor * $factor * $factor * $factor, 0) / 2, 0) * 2, // 15
    4xl:    decimal-round(decimal-round($text-base * $factor * $factor * $factor * $factor * $factor, 0) / 2, 0) * 2,  // 18
    5xl:    decimal-round(decimal-round($text-base * $factor * $factor * $factor * $factor * $factor * $factor, 0) / 2, 0) * 2      // 24
);

$lh-sizes: (
    xs:     decimal-round(decimal-round($lh-base / $factor / $factor, 0) / 2, 0, floor) * 2,   //  6
    sm:     decimal-round(decimal-round($lh-base / $factor, 0) / 2, 0, floor) * 2,  //  7
    base:   $lh-base,    //  8
    lg:     decimal-round(decimal-round($lh-base * $factor, 0) / 2, 0, floor) * 2, //  9
    xl:     decimal-round(decimal-round($lh-base * $factor * $factor, 0) / 2, 0, floor) * 2,  // 10
    2xl:    decimal-round(decimal-round($lh-base * $factor * $factor * $factor, 0) / 2, 0, floor) * 2,   // 12
    3xl:    decimal-round(decimal-round($lh-base * $factor * $factor * $factor * $factor, 0) / 2, 0, floor) * 2, // 15
    4xl:    decimal-round(decimal-round($lh-base * $factor * $factor * $factor * $factor * $factor, 0) / 2, 0, floor) * 2,  // 18
    5xl:    decimal-round(decimal-round($lh-base * $factor * $factor * $factor * $factor * $factor * $factor, 0) / 2, 0, floor) * 2      // 24
);

/*
$lh-sizes: (
    xs:     1rem,     //  8
    sm:     1.25rem,  // 10
    base:   1.5rem,   // 12
    lg:     1.75rem,  // 14
    xl:     1.875rem, // 15
    2xl:    2rem,     // 16
    3xl:    2.5rem,   // 20
    4xl:    2.75rem,  // 26
    5xl:    3.75rem   // 30
);*/
/*
$mb-sizes: (
    xs:     .75rem,   //  6
    sm:     .875rem,  //  7
    base:   1rem,     //  8
    lg:     1.125rem, //  9
    xl:     1.25rem,  // 10
    2xl:    1.5rem,   // 12
    3xl:    1.875rem, // 15
    4xl:    2.25rem,  // 18
    5xl:    3rem      // 24
);


@each $key, $value in $text-sizes {
    .text-#{$key} {
        font-size: $value * $stepping;
        line-height: map-get($lh-sizes, $key) * $stepping;
    }

    .mb-#{$key} {
        margin-bottom: $value * $stepping;
    }
}
*/
.text-xs, .woocommerce-password-hint {
  font-size: 0.75rem;
  line-height: 1rem;
}
.mv-xs {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.text-sm, #s-cnt .p, #s-bl td, #s-bl th, .cc_div .c-bn {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.mv-sm, .woocommerce-password-hint, #s-cnt .p {
  margin-top: 0;
  margin-bottom: 0.75rem;
}
.text-base, h4 {
  font-size: 1rem;
  line-height: 1.5rem;
}
.mv-base, h3, h4, ul:not([class]), p, ol:not(.flickity-page-dots):not(.breadcrumbs__list) {
  margin-top: 0;
  margin-bottom: 1rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.mv-lg, h2 {
  margin-top: 0;
  margin-bottom: 1.25rem;
}
.text-xl, h3 {
  font-size: 1.25rem;
  line-height: 2rem;
}
.mv-xl {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.text-2xl, h2 {
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.mv-2xl, h1 {
  margin-top: 0;
  margin-bottom: 1.75rem;
}
.text-3xl, h1 {
  font-size: 1.875rem;
  line-height: 2.5rem;
}
.mv-3xl {
  margin-top: 0;
  margin-bottom: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.75rem;
}
.mv-4xl {
  margin-top: 0;
  margin-bottom: 3rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 3.75rem;
}
.mv-5xl {
  margin-top: 0;
  margin-bottom: 3.25rem;
}
@media (min-width: 0px) and (max-width: 479px) {
  .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .mv-lg, h2 {
    margin-top: 0;
    margin-bottom: 1.25rem;
  }
  .text-xl, h3 {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
  .mv-xl {
    margin-top: 0;
    margin-bottom: 1.375rem;
  }
  .text-2xl, h2 {
    font-size: 1.375rem;
    line-height: 2rem;
  }
  .mv-2xl, h1 {
    margin-top: 0;
    margin-bottom: 1.5rem;
  }
  .text-3xl, h1 {
    font-size: 1.5rem;
    line-height: 2.125rem;
  }
  .mv-3xl {
    margin-top: 0;
    margin-bottom: 1.625rem;
  }
  .text-4xl {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
  .mv-4xl {
    margin-top: 0;
    margin-bottom: 2.5rem;
  }
  .text-5xl {
    font-size: 2rem;
    line-height: 3rem;
  }
  .mv-5xl {
    margin-top: 0;
    margin-bottom: 3.5rem;
  }
}
/*
@each $key, $value in $text-sizes {
    .mb-#{$key} {
        margin-bottom: $value;
    }
}*/
.woocommerce-notices-wrapper + *, .ct-section-inner-wrap > *:first-child, * > p:first-child {
  margin-top: 0;
}
.tracking-tighter {
  letter-spacing: -0.05em;
}
.tracking-tight, h1, h2, h3 {
  letter-spacing: -0.025em;
}
.tracking-normal {
  letter-spacing: 0em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.mh-auto, ul:not([class]), p {
  margin-left: auto;
  margin-right: auto;
}
.text-width--base, ul:not([class]), p {
  max-width: 45rem;
}
h1, h2, h3, h4 {
  font-weight: 400;
  color: var(--shade-black);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.005em;
}
h1 + h2 {
  margin-top: 0;
}
ul:not([class]) + h2, ul:not([class]) + h3, ul:not([class]) + h4, p + h2, p + h3, p + h4 {
  padding-top: 1.25rem;
}
ul {
  margin-top: 0;
}
strong {
  font-weight: 400;
  color: var(--shade-black);
}
/*
.ct-inner-content,
section .ct-section-inner-wrap {
    
    a:not([href$='.jpg']):not([href$='.jpeg']):not([href$='.png']):not([href$='.gif']):not([href$='.svg']):not(.btn):not(h1):not(h2):not(h3):not(h4):not(.unstyled) {
        @include text-link;
    }
    
}*/
.text-link-style a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(.button):not(h1):not(h2):not(h3):not(h4):not(.unstyled) {
  color: var(--shade-black);
  background-image: linear-gradient(to bottom, var(--primary) 0%, var(--primary) 100%);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 0.0625rem 0.125rem;
  transition: background-size var(--transition--timing) var(--transition--style), color var(--transition--timing) var(--transition--style), background-color var(--transition--timing) var(--transition--style), border-color var(--transition--timing) var(--transition--style) calc(var(--transition--timing) / 2);
  padding: 0 0.0625rem;
  font-weight: 400;
}
.text-link-style a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(.button):not(h1):not(h2):not(h3):not(h4):not(.unstyled):hover {
  background-size: 0.3em 1.5em;
  color: var(--white);
}
.text-sm.text-link-style a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(.button):not(h1):not(h2):not(h3):not(h4):not(.unstyled), #s-cnt .text-link-style.p a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(.button):not(h1):not(h2):not(h3):not(h4):not(.unstyled), #s-bl td.text-link-style a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(.button):not(h1):not(h2):not(h3):not(h4):not(.unstyled), #s-bl th.text-link-style a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(.button):not(h1):not(h2):not(h3):not(h4):not(.unstyled), .cc_div .text-link-style.c-bn a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(.button):not(h1):not(h2):not(h3):not(h4):not(.unstyled), .text-xs.text-link-style a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(.button):not(h1):not(h2):not(h3):not(h4):not(.unstyled), .text-link-style.woocommerce-password-hint a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(.button):not(h1):not(h2):not(h3):not(h4):not(.unstyled) {
  color: var(--shade-black);
  background-image: linear-gradient(to bottom, var(--primary) 0%, var(--primary) 100%);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 0.0625rem 0.125rem;
  transition: background-size var(--transition--timing) var(--transition--style), color var(--transition--timing) var(--transition--style), background-color var(--transition--timing) var(--transition--style), border-color var(--transition--timing) var(--transition--style) calc(var(--transition--timing) / 2);
  padding: 0 0.0625rem;
  font-weight: 400;
  background-size: 0.0625rem 0.0625rem;
  font-weight: inherit;
}
.text-sm.text-link-style a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(.button):not(h1):not(h2):not(h3):not(h4):not(.unstyled):hover, #s-cnt .text-link-style.p a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(.button):not(h1):not(h2):not(h3):not(h4):not(.unstyled):hover, #s-bl td.text-link-style a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(.button):not(h1):not(h2):not(h3):not(h4):not(.unstyled):hover, #s-bl th.text-link-style a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(.button):not(h1):not(h2):not(h3):not(h4):not(.unstyled):hover, .cc_div .text-link-style.c-bn a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(.button):not(h1):not(h2):not(h3):not(h4):not(.unstyled):hover, .text-xs.text-link-style a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(.button):not(h1):not(h2):not(h3):not(h4):not(.unstyled):hover, .text-link-style.woocommerce-password-hint a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(.button):not(h1):not(h2):not(h3):not(h4):not(.unstyled):hover {
  background-size: 0.3em 1.5em;
  color: var(--white);
}
.text-sm.text-link-style.breadcrumbs a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(h1):not(h2):not(h3):not(h4):not(.unstyled), #s-cnt .text-link-style.breadcrumbs.p a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(h1):not(h2):not(h3):not(h4):not(.unstyled), #s-bl td.text-link-style.breadcrumbs a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(h1):not(h2):not(h3):not(h4):not(.unstyled), #s-bl th.text-link-style.breadcrumbs a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(h1):not(h2):not(h3):not(h4):not(.unstyled), .cc_div .text-link-style.breadcrumbs.c-bn a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(h1):not(h2):not(h3):not(h4):not(.unstyled), .text-xs.text-link-style.breadcrumbs a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(h1):not(h2):not(h3):not(h4):not(.unstyled), .text-link-style.breadcrumbs.woocommerce-password-hint a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(h1):not(h2):not(h3):not(h4):not(.unstyled) {
  color: var(--shade-medium-dark);
  background-image: linear-gradient(to bottom, var(--primary) 0%, var(--primary) 100%);
  border-bottom: 1px solid var(--shade-medium-dark);
  background-position: 0 110%;
}
.text-sm.text-link-style.breadcrumbs a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(h1):not(h2):not(h3):not(h4):not(.unstyled):hover, #s-cnt .text-link-style.breadcrumbs.p a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(h1):not(h2):not(h3):not(h4):not(.unstyled):hover, #s-bl td.text-link-style.breadcrumbs a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(h1):not(h2):not(h3):not(h4):not(.unstyled):hover, #s-bl th.text-link-style.breadcrumbs a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(h1):not(h2):not(h3):not(h4):not(.unstyled):hover, .cc_div .text-link-style.breadcrumbs.c-bn a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(h1):not(h2):not(h3):not(h4):not(.unstyled):hover, .text-xs.text-link-style.breadcrumbs a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(h1):not(h2):not(h3):not(h4):not(.unstyled):hover, .text-link-style.breadcrumbs.woocommerce-password-hint a:not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".png"]):not([href$=".gif"]):not([href$=".svg"]):not(.btn):not(h1):not(h2):not(h3):not(h4):not(.unstyled):hover {
  background-size: 0.3em 1.25em;
  background-image: linear-gradient(to bottom, var(--primary) 0%, var(--primary) 100%);
  color: var(--white);
  border-bottom: 1px solid var(--primary);
  transition: background-size var(--transition--timing) var(--transition--style), color var(--transition--timing) var(--transition--style), background-color var(--transition--timing) var(--transition--style);
}
.product--textblock--text ul {
  list-style: none;
  padding-left: 0;
}
.product--textblock--text ul li {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.95rem;
  margin-bottom: 0.5rem;
}
.product--textblock--text ul li:before {
  position: absolute;
  content: "";
  fill: currentColor;
  stroke: currentColor;
  color: #97d700;
  display: block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGFyaWEtaGlkZGVuPSd0cnVlJyByb2xlPSdpbWcnIHByZXNlcnZlQXNwZWN0UmF0aW89J3hNaWRZTWlkIG1lZXQnIHZpZXdCb3g9JzAgMCA2NCA2NCc+PHBhdGggZmlsbD0nIzk3ZDcwMCcgZD0nTTU2LjczNCA1LjA4MWMtOC40MzcgNy4zMDItMTUuNTc1IDE0LjI1My0yMi4xMSAyMy4zMjJjLTIuODgyIDQtNi4wODcgOC43MDgtOC4xODIgMTMuMTUzYy0xLjE5NiAyLjM1Ny0zLjM1MiA2LjA0LTQuMDg3IDkuNTgxYy00LjAyLTMuNzQtOC4zMzgtNy45ODUtMTIuNzU2LTExLjMxYy0zLjE0OS0yLjM2OS0xMi4yMTkgMi40NjEtOC41MjcgNS4yMzljNi42MTcgNC45NzcgMTIuMTIgMTEuMTc2IDE4LjU1NiAxNi4zNzVjMi42OTIgMi4xNzIgOC42NTgtMi41NDUgMTAuMDYtNC41MjRjNC42MDItNi41MiA1LjIzMS0xNC40OSA4LjU4NS0yMS42MDJjNS4xMjEtMTAuODc3IDE0LjIwMy0xOS44MTIgMjMuMTctMjcuNTcxYzUuOTQxLTUuNTQxLS4xOTUtNi41NjMtNC43LTIuNjYzJy8+PC9zdmc+");
  background-repeat: no-repeat;
  top: 0rem;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
}
ol:not(.flickity-page-dots):not(.breadcrumbs__list) {
  counter-reset: my-custom-counter;
  list-style: none;
  padding-left: 0;
}
ol:not(.flickity-page-dots):not(.breadcrumbs__list) ol {
  padding-top: var(--ml-ol-list-item-margin);
  padding-left: 0;
}
ol:not(.flickity-page-dots):not(.breadcrumbs__list).column--ol {
  padding-left: 0;
}
ol:not(.flickity-page-dots):not(.breadcrumbs__list).column--ol li {
  margin-left: 1em;
}
ol:not(.flickity-page-dots):not(.breadcrumbs__list).column--ol li:before {
  width: 1.5em;
  height: 1.5em;
  color: var(--white);
  background-color: var(--primary);
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-radius: var(--global-radius);
  position: absolute;
  left: -2.625em;
  top: 0;
  text-align: center;
  font-size: 1.25em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.125em;
  margin-top: 0.125em;
}
ol:not(.flickity-page-dots):not(.breadcrumbs__list) li {
  margin: 0 0 var(--ml-ol-list-item-margin) 0;
  counter-increment: my-custom-counter;
  position: relative;
  padding-left: 1.95rem;
}
ol:not(.flickity-page-dots):not(.breadcrumbs__list) li:before {
  font-weight: bold;
  position: absolute;
  content: counter(my-custom-counter);
  background: var(--ml-ol-bullet-background-color);
  color: var(--ml-ol-bullet-text-color);
  font-size: inherit;
  top: -0.075rem;
  left: -2.5rem;
  margin-left: var(--ml-ol-padding-left);
  line-height: 1.625rem;
  width: 1.625rem;
  height: 1.625rem;
  border-radius: var(--ml-ol-bullet-border-radius);
  text-align: center;
}
.wpcf7-form button span {
  display: none;
}
.wpcf7-form button span.resetting {
  display: block;
}
.wpcf7-form[data-status=invalid] span.submit, .wpcf7-form[data-status=init] span.submit {
  display: block;
}
.wpcf7-form[data-status=invalid] span.resetting, .wpcf7-form[data-status=init] span.resetting {
  display: none;
}
.wpcf7-form[data-status=submitting] button[type=submit] {
  pointer-events: none;
  cursor: default;
}
.wpcf7-form[data-status=submitting] span.submitting {
  display: block;
}
.wpcf7-form[data-status=submitting] span.resetting {
  display: none;
}
.wpcf7-form[data-status=resetting] button[type=submit] {
  pointer-events: none;
  cursor: default;
}
.wpcf7-form[data-status=resetting] span.resetting {
  display: block;
}
.wpcf7-form[data-status=resetting] div.wpcf7-response-output {
  display: none;
}
.wpcf7-form[data-status=sent] button[type=submit] {
  pointer-events: none;
  cursor: default;
}
.wpcf7-form[data-status=sent] span.submitted {
  display: block;
}
.wpcf7-form[data-status=sent] div.wpcf7-response-output, .wpcf7-form[data-status=sent] span.resetting {
  display: none;
}
.button, .btn {
  display: inline-block;
  transition: all var(--transition--timing) var(--transition--style);
  color: var(--shade-black);
  line-height: inherit;
  border: 2px solid var(--shade-light);
  background-color: var(--shade-light);
  border-radius: var(--global-radius);
  padding: 0 0.5rem;
  line-height: 2.25rem;
  font-weight: 400;
  cursor: pointer;
}
.button.text-xl, h3.button, .btn.text-xl, h3.btn {
  line-height: 3rem;
  padding: 0 1rem;
}
.button:hover, .btn:hover {
  background-color: var(--shade-ultra-light);
}
.button.btn-sale, .button.btn-secondary, .button.add_to_cart_button, .button.btn-primary, .btn.btn-sale, .btn.btn-secondary, .btn.add_to_cart_button, .btn.btn-primary {
  color: var(--white);
  border: 2px solid var(--primary);
  background-color: var(--primary);
  font-weight: 600;
}
.button.btn-sale:hover, .button.btn-secondary:hover, .button.add_to_cart_button:hover, .button.btn-primary:hover, .btn.btn-sale:hover, .btn.btn-secondary:hover, .btn.add_to_cart_button:hover, .btn.btn-primary:hover {
  transform: scale(1.05);
  border-color: var(--primary);
  background-color: var(--primary-light);
  color: var(--shade-black);
}
.button.btn-secondary, .btn.btn-secondary {
  border-color: var(--secondary);
  background-color: var(--secondary);
}
.button.btn-secondary:hover, .btn.btn-secondary:hover {
  border-color: var(--secondary);
  background-color: var(--secondary-light);
}
.button.btn-sale, .btn.btn-sale {
  color: var(--white);
  border-color: var(--shade-medium);
  background-color: var(--shade-medium);
}
.button.btn-sale:hover, .btn.btn-sale:hover {
  color: var(--white);
  border-color: var(--shade-dark);
  background-color: var(--shade-dark);
}
a.remove {
  display: inline-block;
  padding: 0 0.25rem;
  line-height: 1;
  border-radius: var(--global-radius);
  background-color: #dd0000;
  color: white;
  font-size: 1.25rem;
  font-weight: 600;
}
@media (min-width: 767px) {
  .image--container {
    width: 30%;
    max-width: 30%;
    padding-bottom: var(--container--padding-lr);
  }
  .image--container.align-right {
    float: right;
    padding-left: var(--container--padding-lr);
  }
  .image--container.align-left {
    float: left;
    padding-right: var(--container--padding-lr);
  }
}
.image--container .image--single {
  display: block !important;
}
.image--container .image--single a.oxy-gallery-item .oxy-gallery-item-sizer {
  padding: 0 !important;
}
.image--container .image--single a.oxy-gallery-item .oxy-gallery-item-sizer figure.oxy-gallery-item-contents {
  margin: 0;
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  background: none !important;
}
.image--container .image--single a.oxy-gallery-item .oxy-gallery-item-sizer figure.oxy-gallery-item-contents img {
  width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  object-fit: cover;
  object-position: center center;
  aspect-ratio: 1.6;
}
.image--container .image--single a.oxy-gallery-item .oxy-gallery-item-sizer figure.oxy-gallery-item-contents figcaption {
  color: var(--white);
  font-weight: 600;
}
@media (max-width: 990px) {
  .oxy-carousel-builder_prev, .oxy-carousel-builder_next {
    display: none;
  }
}
:root {
  --hero--text-margin: 0.5rem;
}
.oxy-carousel-builder .oxy-carousel-builder_prev, .oxy-carousel-builder .oxy-carousel-builder_next {
  display: none;
  opacity: 0;
  transition: opacity var(--transition--timing) var(--transition--style);
  color: var(--white) !important;
  background: rgba(0,0,0, 0.75) !important;
  font-size: 1.5rem !important;
}
.oxy-carousel-builder:hover .oxy-carousel-builder_prev, .oxy-carousel-builder:hover .oxy-carousel-builder_next {
  opacity: 1;
}
.oxy-carousel-builder .ct-div-block.cell-fullscreen.cell:not(.is-selected) .x-carousel-12_main-button {
  display: none;
}
.hero--text-background {
  box-shadow: var(--hero--text-margin) 0 0 rgba(0,0,0, 0.75), calc(var(--hero--text-margin) * -1) 0 0 rgba(0,0,0, 0.75);
  margin-left: var(--hero--text-margin);
  margin-right: var(--hero--text-margin);
  background: rgba(0,0,0, 0.75);
  padding-left: 0;
  padding-right: 0;
  box-decoration-break: clone;
  display: inline !important;
  color: var(--white);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.scroll-down--container {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.scroll-down--container .scroll-down {
  margin: 0 auto 1rem;
  display: block;
  width: 1.25rem;
  height: 2.5rem;
  border: 0.125rem solid var(--white);
  border-radius: 0.625rem;
  position: relative;
  box-shadow: 0 0 20px black;
  background-color: rgba(0, 0, 0, 0.5);
}
.scroll-down--container .scroll-down:after {
  content: "";
  position: absolute;
  width: 0.75rem;
  border-radius: 0.5rem;
  background-color: var(--white);
  top: 0.125rem;
  left: 0.125rem;
  bottom: 0.75rem;
  animation: scroller 2000ms ease infinite;
}
@keyframes scroller {
  0% {
    bottom: 1rem;
  }
  5% {
    top: 0.125rem;
  }
  32% {
    bottom: 0.125rem;
  }
  66% {
    top: 1rem;
    bottom: 0.125rem;
  }
  100% {
    top: 0.125rem;
    bottom: 1rem;
  }
}
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
abbr[title] {
  border-bottom: none;
  text-decoration: none;
}
textarea {
  min-height: 8rem;
}
fieldset {
  background: var(--shade-light);
  border-radius: var(--global-radius);
  border: none;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  padding: 0.25rem 0.75rem 0.625rem;
}
fieldset legend {
  font-weight: 400;
  background: var(--shade-light);
  margin-left: -0.75rem;
  padding: 0.5rem 0.75rem 0.5rem;
  border-radius: var(--global-radius) var(--global-radius) 0 0;
  color: var(--shade-black);
  text-transform: uppercase;
}
.form-select {
  display: block;
  width: 100%;
  padding: 0.75rem 3.75rem 0.75rem 1.25rem;
  -moz-padding-start: calc(1.25rem - 0.265625rem);
  font-size: 1rem;
  font-family: inherit;
  font-weight: inherit;
  color: var(--shade-black);
  background-color: var(--white);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='var%28--shade-black%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1.25rem center;
  background-size: 16px 12px;
  border: 2px solid var(--white);
  appearance: none;
}
.form-select:focus[multiple], .form-select:focus[size]:not([size="1"]) {
  padding-right: 1.25rem;
  background-image: none;
}
.form-select:focus:-moz-focusring {
  color: transparent;
  text-shadow: none;
}
.woocommerce-password-hint {
  display: block;
}
.select2-container--open b {
  transform: rotate(180deg) !important;
  transform-origin: center center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 1.5rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  transition: all var(--transition--timing) var(--transition--style);
  transform-origin: center center;
  border: none;
  left: auto;
  margin: 0;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  content: "";
  background: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" preserveAspectRatio="xMidYMid meet" viewBox="0 0 18 28"%3e%3cpath d="M16.797 11.5c0 0.125-0.063 0.266-0.156 0.359l-7.281 7.281c-0.094 0.094-0.234 0.156-0.359 0.156s-0.266-0.063-0.359-0.156l-7.281-7.281c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266 0.156-0.359l0.781-0.781c0.094-0.094 0.219-0.156 0.359-0.156 0.125 0 0.266 0.063 0.359 0.156l6.141 6.141 6.141-6.141c0.094-0.094 0.234-0.156 0.359-0.156s0.266 0.063 0.359 0.156l0.781 0.781c0.094 0.094 0.156 0.234 0.156 0.359z"%3e%3c/path%3e%3c/svg%3e');
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.5rem;
}
.select2-dropdown, .select2-container--default .select2-selection--single {
  border: none;
}
.select2-dropdown {
  box-shadow: 0 0.75rem 0.75rem hsla(var(--hsl-shade-dark), 0.05), 0 1.5rem 1rem hsla(var(--hsl-shade-dark), 0.05), 0 2.625rem 2rem hsla(var(--hsl-shade-dark), 0.06);
}
.select2-dropdown.select2-dropdown--below {
  border-radius: 0 0 var(--global-radius) var(--global-radius);
}
.select2-dropdown.select2-dropdown--above {
  border-radius: var(--global-radius);
}
.select2-container--default .select2-search--dropdown {
  position: relative;
}
.select2-container--default .select2-search--dropdown:before {
  position: absolute;
  top: 1rem;
  left: 1.65rem;
  content: "";
  background: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"%3e%3cpath fill="%2399cfe6" fill-rule="evenodd" d="M8 4a4 4 0 1 0 0 8a4 4 0 0 0 0-8ZM2 8a6 6 0 1 1 10.89 3.476l4.817 4.817a1 1 0 0 1-1.414 1.414l-4.816-4.816A6 6 0 0 1 2 8Z" clip-rule="evenodd"/%3e%3c/svg%3e');
  width: 1.5rem;
  height: 1.5rem;
  transform: scaleX(-1);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--shade-medium-light);
  border-radius: var(--global-radius);
  padding-left: 2rem;
}
.select2-container--default .select2-results__option.select2-results__option--highlighted {
  background: var(--shade-light);
  color: var(--shade-dark);
  font-weight: 300;
}
.select2-container--default .select2-results__option.select2-results__option--highlighted [data-selected="true"], .select2-container--default .select2-results__option[data-selected="true"] {
  background: var(--primary);
  color: var(--white);
  font-weight: 600;
}
.select2-container .select2-selection--single .select2-selection__rendered, .select2-search--dropdown, .select2-results__option {
  padding: 0.75rem 1.25rem;
}
.select2-container.select2-container--open.select2-container--below .select2-selection--single {
  background-color: var(--white);
  padding-bottom: 0.325rem;
}
.select2-container--default .select2-selection--single {
  background: transparent;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  color: inherit;
  line-height: inherit;
  padding-top: 0;
  padding-bottom: 0;
  margin: 1.5rem 0 0;
  z-index: 1100;
  position: relative;
}
#billing_country_field {
  position: relative;
  width: 100%;
  color: var(--shade-black);
  height: calc(2px * 2 + 3rem);
  line-height: inherit;
  background-color: var(--white);
  border-radius: calc(var(--global-radius) * 1);
  outline: 0;
  box-shadow: none;
  margin-top: 0;
  margin-bottom: 0.75rem;
}
#billing_country_field > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 0.75rem 1.25rem;
  pointer-events: none;
  border: 2px solid transparent;
  transform-origin: 0 0;
  transition: color var(--transition--timing) var(--transition--style), transform var(--transition--timing) var(--transition--style);
  color: var(--shade-medium-dark);
  color: var(--shade-medium-dark);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating {
  position: relative;
  margin-bottom: 0.75rem;
}
.form-floating .form-control, .form-floating .form-select {
  width: 100%;
  color: var(--shade-black);
  height: calc(2px * 2 + 3rem);
  line-height: inherit;
  border: 2px solid var(--white);
  background-color: var(--white);
  border-radius: calc(var(--global-radius) * 1);
}
.form-floating .form-control.bg--white, .form-floating .form-select.bg--white {
  border: 2px solid var(--shade-light);
}
.form-floating .form-control:focus, .form-floating .form-select:focus {
  outline: 0;
  box-shadow: none;
}
.form-floating label {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--shade-black);
  height: 100%;
  padding: 0.75rem 1.25rem;
  pointer-events: none;
  border: 2px solid transparent;
  transform-origin: 0 0;
  transition: color var(--transition--timing) var(--transition--style), transform var(--transition--timing) var(--transition--style);
}
.form-floating .form-control {
  padding: 0.75rem 1.25rem;
}
.form-floating .form-control::placeholder {
  color: transparent;
}
.form-floating .form-control:focus, .form-floating .form-control:not(:placeholder-shown) {
  padding-top: 1.5rem;
  padding-bottom: 0.325rem;
}
.form-floating .form-control:-webkit-autofill {
  padding-top: 1.5rem;
  padding-bottom: 0.325rem;
}
.form-floating .form-select {
  padding-top: 1.5rem;
  padding-bottom: 0.325rem;
}
.form-floating .form-control:focus ~ label, .form-floating .form-control:not(:placeholder-shown) ~ label, .form-floating .form-select ~ label {
  color: var(--shade-medium-dark);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating .form-control:-webkit-autofill ~ label {
  opacity: var(--shade-medium-dark);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-check {
  display: flex;
  gap: 0.4em;
  margin-bottom: 1rem;
}
.form-check-input {
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  min-height: 1rem;
  margin-top: 0rem;
  vertical-align: top;
  background-color: var(--white);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid hsla(var(--hsl-shade-black), .25);
  appearance: none;
  color-adjust: exact;
}
.form-check-input[type="checkbox"] {
  margin-top: 0.25em;
  border-radius: calc(var(--global-radius) * 1);
}
.form-check-input[type="radio"] {
  margin-top: 0.25em;
  border-radius: calc(var(--global-radius) * 20);
}
.form-check-input:focus {
  border-color: 1px solid hsla(var(--hsl-shade-black), 1);
  outline: 0;
  box-shadow: 0 0 0 0.25rem hsla(var(--hsl-primary),.25);
}
.form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}
.form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.3;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  opacity: 0.3;
}
.form-check-label {
  color: inherit;
  cursor: pointer;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  margin-top: 0.25em;
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
form.init input[type=submit].spinner + .mlSpinner {
  display: block;
}
.versteckt-ml, .screen-reader-response {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.mlSpinner {
  animation-duration: 0.75s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: mlSpinner;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' viewBox='0 0 32 32' width='100%25'%3E%3Ccircle cx='16' cy='16' fill='none' r='14' stroke-width='4' style='stroke: hsl(240,6%,85%); opacity: 0.2;'%3E%3C/circle%3E%3Ccircle cx='16' cy='16' fill='none' r='14' stroke-width='4' style='stroke: hsl(27,97%,45%); stroke-dasharray: 80px; stroke-dashoffset: 60px;'%3E%3C/circle%3E%3C/svg%3E");
  width: 1.5rem;
  height: 1.5rem;
  display: none;
}
@keyframes mlSpinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.oxy-header-search_form {
  box-shadow: 0 0.75rem 0.75rem hsla(var(--hsl-shade-dark), 0.05), 0 1.5rem 1rem hsla(var(--hsl-shade-dark), 0.05), 0 2.625rem 2rem hsla(var(--hsl-shade-dark), 0.06);
}
@media (max-width: 990px) {
  .ct-new-columns {
    scroll-margin-top: 4.5rem;
  }
  .oxy-off-canvas {
    transition: all var(--transition--timing) var(--transition--style);
    opacity: 0;
    z-index: 5;
  }
  .oxy-off-canvas.oxy-off-canvas-toggled {
    opacity: 1;
  }
  .oxy-off-canvas.oxy-off-canvas-toggled .oxy-offcanvas_backdrop {
    opacity: 1 !important;
    visibility: visible !important;
  }
}
#header_main {
  top: 0;
}
.oxy-offcanvas_backdrop:after {
  width: 100%;
}
.oxy-mega-dropdown_inner-open.oxy-mega-dropdown_inner.oxy-header-container:after {
  height: 3rem;
  margin-bottom: -3rem;
}
.oxy-mega-dropdown_inner.oxy-header-container:after, #footer:before, #header_main:after {
  background-image: url('data:image/svg+xml,%3csvg preserveAspectRatio="none" baseProfile="tiny" version="1.2" viewBox="0 0 3275 57" xmlns="http://www.w3.org/2000/svg"%3e%3cg%3e%3cpath d="M3275,57.2V0H0v57.2c487.5-36,1033.4-54,1637.5-54S2787.5,21.2,3275,57.2z" fill="%23fff"/%3e%3c/g%3e%3c/svg%3e');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 200% 100%;
  display: block;
  content: "";
  height: 3rem;
  margin-bottom: -3rem;
  pointer-events: none;
}
@media (min-width: 0px) and (max-width: 479px) {
  .oxy-mega-dropdown_inner.oxy-header-container:after, #footer:before, #header_main:after {
    background-size: 200% 100%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .oxy-mega-dropdown_inner.oxy-header-container:after, #footer:before, #header_main:after {
    background-size: 150% 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .oxy-mega-dropdown_inner.oxy-header-container:after, #footer:before, #header_main:after {
    background-size: 125% 100%;
  }
}
@media (min-width: 992px) and (max-width: 1240px) {
  .oxy-mega-dropdown_inner.oxy-header-container:after, #footer:before, #header_main:after {
    background-size: 120% 100%;
  }
}
@media (min-width: 1241px) {
  .oxy-mega-dropdown_inner.oxy-header-container:after, #footer:before, #header_main:after {
    background-size: 110% 100%;
  }
}
.oxy-mega-dropdown_inner.oxy-header-container:after {
  transition: height calc(var(--transition--timing)*2) var(--transition--style), margin-bottom calc(var(--transition--timing)*2) var(--transition--style), border calc(var(--transition--timing)*2) var(--transition--style);
  border-top: 0rem solid white;
  height: 0;
  margin-bottom: 0;
}
#footer {
  padding-top: 3rem;
}
#footer .ct-section-inner-wrap {
  background: var(--white);
  padding: var(--section--padding-t) var(--section--padding-lr) var(--section--padding-b);
  max-width: 100%;
}
#footer:before {
  transform: rotate(180deg);
  margin-top: -3rem;
  margin-bottom: 0 !important;
}
body.admin-bar #header_main {
  margin-top: 32px;
}
@media (max-width: 990px) {
  body.home #header_wrapper {
    height: 2rem;
  }
}
@media (min-width: 991px) {
  body.home #header_wrapper {
    height: 0;
  }
  body.home #header_wrapper #header_main {
    background: transparent;
    transition: background-color 1.35s ease, height var(--transition--timing) ease;
  }
  body.home #header_wrapper #header_main .oxy-cart-counter {
    transition: padding 0.15s ease;
  }
  body.home #header_wrapper #header_main .header--icons {
    transition: padding 1.35s ease;
  }
  body.home #header_wrapper #header_main #megamenu .oxy-mega-dropdown_inner.oxy-mega-dropdown_inner-open, body.home #header_wrapper #header_main #megamenu .oxy-mega-dropdown_inner-open.oxy-mega-dropdown_container {
    opacity: 0 !important;
    pointer-events: none !important;
    transition: all 1.35s ease;
  }
  body.home #header_wrapper #header_main:after {
    opacity: 0;
    transition: all 1.35s ease;
  }
  body.home #header_wrapper #header_main.submenu_active, body.home #header_wrapper #header_main.tiny, body.home #header_wrapper #header_main:hover {
    transition-duration: 0.4s;
    background: hsla(var(--hsl-white), 1.0);
  }
  body.home #header_wrapper #header_main.submenu_active .header--icons, body.home #header_wrapper #header_main.submenu_active .oxy-cart-counter, body.home #header_wrapper #header_main.tiny .header--icons, body.home #header_wrapper #header_main.tiny .oxy-cart-counter, body.home #header_wrapper #header_main:hover .header--icons, body.home #header_wrapper #header_main:hover .oxy-cart-counter {
    transition-duration: 0.4s;
  }
  body.home #header_wrapper #header_main.submenu_active #megamenu .oxy-mega-dropdown_inner.oxy-mega-dropdown_inner-open, body.home #header_wrapper #header_main.submenu_active #megamenu .oxy-mega-dropdown_inner-open.oxy-mega-dropdown_container, body.home #header_wrapper #header_main.tiny #megamenu .oxy-mega-dropdown_inner.oxy-mega-dropdown_inner-open, body.home #header_wrapper #header_main.tiny #megamenu .oxy-mega-dropdown_inner-open.oxy-mega-dropdown_container, body.home #header_wrapper #header_main:hover #megamenu .oxy-mega-dropdown_inner.oxy-mega-dropdown_inner-open, body.home #header_wrapper #header_main:hover #megamenu .oxy-mega-dropdown_inner-open.oxy-mega-dropdown_container {
    opacity: 1 !important;
    background: hsla(var(--hsl-white), 1.0)!important;
    pointer-events: unset !important;
    transition-duration: 0.4s;
  }
  body.home #header_wrapper #header_main.submenu_active:after, body.home #header_wrapper #header_main.tiny:after, body.home #header_wrapper #header_main:hover:after {
    opacity: 1;
    transition-duration: 0.4s;
    transition-timing-function: ease;
  }
}
#header_wrapper, #header_main {
  transition: all var(--transition--timing) var(--transition--style);
}
@media (max-width: 990px) {
  #header_wrapper, #header_main {
    height: 4.5rem;
  }
}
@media (min-width: 991px) {
  #header_wrapper, #header_main {
    height: 6rem;
  }
}
#header_wrapper .header--logo, #header_main .header--logo {
  transition: all var(--transition--timing) var(--transition--style);
  transform-origin: left center;
}
@media (max-width: 990px) {
  #header_wrapper, #header_main {
    background: hsla(var(--hsl-white), 1.0);
  }
  #header_wrapper .oxy-off-canvas .offcanvas-inner, #header_main .oxy-off-canvas .offcanvas-inner {
    padding: 0rem;
    background: var(--shade-ultra-light);
  }
  #header_wrapper .oxy-header-right .header--icons .ct-fancy-icon svg, #header_wrapper .oxy-header-right .header--icons .oxy-header-search svg, #header_main .oxy-header-right .header--icons .ct-fancy-icon svg, #header_main .oxy-header-right .header--icons .oxy-header-search svg {
    transition: all var(--transition--timing) var(--transition--style);
    fill: var(--shade-black);
  }
  #header_wrapper.tiny, #header_main.tiny {
    height: 3.5rem;
    background: hsla(var(--hsl-white), 1.0);
  }
  #header_wrapper.tiny .header--logo, #header_main.tiny .header--logo {
    transform: scale3d(0.6);
  }
  #header_wrapper.tiny .oxy-header-right .header--icons .ct-fancy-icon svg, #header_wrapper.tiny .oxy-header-right .header--icons .oxy-header-search svg, #header_main.tiny .oxy-header-right .header--icons .ct-fancy-icon svg, #header_main.tiny .oxy-header-right .header--icons .oxy-header-search svg {
    fill: var(--shade-black);
  }
}
@media (min-width: 991px) {
  #header_wrapper, #header_main {
    background: hsla(var(--hsl-white), 1.0);
  }
  #header_wrapper .oxy-cart-counter, #header_main .oxy-cart-counter {
    padding-bottom: 1rem;
    transition: padding var(--transition--timing) var(--transition--style);
  }
  #header_wrapper .oxy-off-canvas .offcanvas-inner, #header_main .oxy-off-canvas .offcanvas-inner {
    transform: unset;
    background: transparent;
    display: flex;
    align-items: end;
    flex-direction: column-reverse;
    position: unset;
    height: auto;
    max-width: unset;
    width: auto;
    overflow-x: unset;
    top: unset;
    left: unset;
    padding: 0;
    z-index: 1;
    transition: all 10ms linear;
    pointer-events: auto;
  }
  #header_wrapper .oxy-header-right, #header_main .oxy-header-right {
    align-items: end;
  }
  #header_wrapper .oxy-header-right .header--icons, #header_main .oxy-header-right .header--icons {
    transition: all var(--transition--timing) var(--transition--style);
    padding: 0 0 0rem;
  }
  #header_wrapper .oxy-header-right .header--icons .oxy-header-search svg, #header_main .oxy-header-right .header--icons .oxy-header-search svg {
    transition: all var(--transition--timing) var(--transition--style);
    fill: var(--shade-black);
  }
  #header_wrapper.tiny, #header_main.tiny {
    height: 4.75rem;
    background: hsla(var(--hsl-white), 1.0);
  }
  #header_wrapper.tiny .oxy-cart-counter, #header_main.tiny .oxy-cart-counter {
    padding-bottom: calc(1rem - 0.475rem) !important;
  }
  #header_wrapper.tiny .header--logo, #header_main.tiny .header--logo {
    transform: scale(0.8);
  }
  #header_wrapper.tiny .header--icons, #header_main.tiny .header--icons {
    padding: 0 0 -0.475rem;
    opacity: 0;
  }
  #header_wrapper.tiny .header--icons .ct-fancy-icon svg, #header_wrapper.tiny .header--icons .oxy-header-search svg, #header_main.tiny .header--icons .ct-fancy-icon svg, #header_main.tiny .header--icons .oxy-header-search svg {
    fill: var(--shade-black);
  }
}
#section-13-2 {
  position: relative;
}
@media (min-width: 991px) {
  #section-13-2:before {
    position: absolute;
    background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%);
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
  }
}
#section-13-2:after {
  position: absolute;
  z-index: 3;
  bottom: 0;
  transform: rotate(180deg);
  background-image: url('data:image/svg+xml,%3csvg preserveAspectRatio="none" baseProfile="tiny" version="1.2" viewBox="0 0 3275 57" xmlns="http://www.w3.org/2000/svg"%3e%3cg%3e%3cpath d="M3275,57.2V0H0v57.2c487.5-36,1033.4-54,1637.5-54S2787.5,21.2,3275,57.2z" fill="%23edf6fa"/%3e%3c/g%3e%3c/svg%3e');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 110% 100%;
  display: block;
  width: 100%;
  content: "";
  height: 3rem;
  pointer-events: none;
}
@media (max-width: 766px) {
  #section-13-2:after {
    background-size: 200% 100%;
  }
}
.order-total .woocommerce-Price-amount {
  font-weight: bold;
}
.border-radius--rounded {
  aspect-ratio: 1;
}
.border-radius--rounded img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
}
table label {
  line-height: 1.5rem;
}
.shop_table {
  width: 100%;
}
.input-text.qty {
  padding: 0 0 0 1rem;
  border: 0;
  background: var(--shade-light);
  max-width: 5rem;
}
.woocommerce-message, .woocommerce-checkout-payment, .woocommerce-form-login-toggle {
  margin-bottom: 2rem;
}
.woocommerce-form-login-toggle + .woocommerce-form-login {
  max-width: 36rem;
  margin: 0 auto 2rem;
}
.woocommerce-checkout .shop_table {
  margin-top: 2rem;
  background-color: transparent !important;
}
.woocommerce-order {
  max-width: 45rem;
  margin: 0 auto;
}
.cart-empty.woocommerce-info, .woocommerce-thankyou-order-received {
  text-align: center;
}
.woocommerce-shipping-methods, .woocommerce-thankyou-order-details {
  padding: 0;
}
.woocommerce-shipping-methods li, .woocommerce-thankyou-order-details li {
  list-style-type: none;
  text-align: center;
}
.woocommerce-shipping-methods li {
  text-align: left;
  display: flex;
}
.woocommerce-shipping-methods li input[type=radio] {
  margin-right: 0.5rem;
}
.woocommerce-shipping-calculator {
  display: none !important;
}
.price--sale-box {
  display: flex;
  flex-direction: column;
  line-height: 1rem;
  padding-top: 0.625rem;
}
.price--sale-box .price--regular {
  text-decoration: line-through;
}
.price--sale-box .price--sale {
  color: red;
  font-weight: bold;
}
td.product-name, td[data-label=Kursname] {
  line-height: 1.5rem;
  padding-top: 0.625rem;
}
@media (max-width: 766px) {
  button + button {
    margin: 0.25rem 0;
  }
  table {
    width: 100% !important;
    table-layout: fixed;
  }
  table tr {
    background-color: var(--white);
    padding: 0.35em;
    display: block !important;
    margin-bottom: 0.625em;
    border-radius: var(--global-radius);
  }
  table th, table td {
    padding: 0.625em;
    display: block !important;
    border-bottom: 1px solid var(--shade-ultra-light);
    text-align: right;
  }
  table th:last-child, table td:last-child {
    border: none;
  }
  table th {
    text-transform: uppercase;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table.kurs--uebersicht td:last-child:before {
    padding-top: 0.45rem;
  }
  table td:after {
    content: "​";
    display: inline;
  }
  table td > *:not(:first-child):last-child {
    display: inline-block;
  }
  table td:not([data-title=Versand]):before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 1rem;
  }
}
@media (min-width: 767px) {
  [data-filter=rv-fit] table.kurs--uebersicht th.kurs--anfragen, [data-filter=rv-fit] table.kurs--uebersicht td.kurs--anfragen {
    width: 9rem;
  }
  table {
    border-radius: var(--global-radius);
    overflow: hidden;
    margin: 0 0 2rem 0;
    border-collapse: separate;
    border-spacing: 0 2px;
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
  }
  table.kurs--uebersicht td:nth-of-type(6), table.kurs--uebersicht th:nth-of-type(6) {
    text-align: right;
  }
  table.kurs--uebersicht th {
    padding-top: 0;
  }
  table.kurs--uebersicht td.has-button {
    padding-top: 5px;
    line-height: 1rem;
    padding-bottom: 10px;
  }
  table.kurs--uebersicht .kurs--laufzeit, table.kurs--uebersicht .kurs--buchen, table.kurs--uebersicht .kurs--start {
    width: 6rem;
  }
  table.kurs--uebersicht .kurs--anfragen, table.kurs--uebersicht .kurs--endzeit, table.kurs--uebersicht .kurs--startzeit, table.kurs--uebersicht .kurs--datum {
    width: 7rem;
  }
  table.kurs--uebersicht .kurs--preis {
    width: 5rem;
  }
  table.kurs--uebersicht .kurs--preis {
    width: 5rem;
  }
  table.kurs--uebersicht .kurs--tag {
    width: 10rem;
  }
  table td, table th {
    padding: 0.25rem 0.5rem;
    line-height: 2.25rem;
    text-align: left;
    vertical-align: top;
  }
  table td:first-child, table th:first-child {
    padding-left: 1rem;
  }
  table td:last-child, table th:last-child {
    padding-right: 1rem;
    white-space: nowrap;
  }
  table td {
    background: var(--white);
  }
  table th {
    background: var(--shade-light);
  }
}
.added_to_cart.wc-forward {
  display: none;
}
.wc_payment_methods {
  padding: 0;
  margin: 0;
}
.wc_payment_methods li {
  padding: 0.5rem 1rem 0rem;
  overflow: hidden;
  margin: 0;
  list-style-type: none;
  background: var(--white);
  border-radius: var(--global-radius);
  margin-bottom: 0.5rem;
}
.woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3, .woocommerce-MyAccount-content h4 {
  text-align: left;
}
.woocommerce-MyAccount-navigation ul {
  padding: 0;
  margin: 0;
}
.woocommerce-MyAccount-navigation ul li {
  padding: 0;
  margin: 0;
  margin-bottom: 0.25rem;
  list-style-type: none;
}
.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 0.5rem 1rem 0.5rem;
  overflow: hidden;
  background: var(--shade-light);
  border-radius: var(--global-radius);
  font-weight: 400;
  color: var(--shade-black);
  transition: background-color var(--transition--timing) var(--transition--style), color var(--transition--timing) var(--transition--style);
}
.woocommerce-MyAccount-navigation ul li a.is-active, .woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--shade-medium);
  color: var(--white);
}
.woocommerce-MyAccount-navigation ul li a.is-active {
  font-weight: 600;
}
.product--category-list li .product--category-headline {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
.product--category-list li .product--category-headline h3 {
  font-size: 1.25rem;
  line-height: 1;
  background: hsla(var(--hsl-white), 0.85);
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  transition: background-color var(--transition--timing) var(--transition--style);
  display: inline-block;
}
.product--category-list li .product--category-headline h3:hover h3 {
  background: hsla(var(--hsl-white), 1);
}
.avail {
  display: flex;
  align-items: center;
  width: 100%;
}
.avail__track {
  position: relative;
  flex: 1 1 auto;
  height: 0.75rem;
  background: var(--shade-light);
  border-radius: var(--global-radius);
  overflow: hidden;
}
.avail__fill {
  height: 100%;
  width: 0;
  background: var(--primary);
  border-radius: inherit;
  transition: width 0.3s ease;
}
.avail[data-state="ok"] .avail__fill {
  background: var(--primary);
}
.avail[data-state="mid"] .avail__fill {
  background: #ffff00;
}
.avail[data-state="low"] .avail__fill {
  background: #ef4444;
}
.avail[data-state="full"] .avail__fill {
  background: var(--shade-light);
}
.kurs--uebersicht thead th[data-sort-th] {
  position: relative;
  user-select: none;
}
.kurs--uebersicht th[data-sort-th] .kurs-sort {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  margin: 0.25rem 0 0;
  padding: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
.kurs--uebersicht th[data-sort-th] .kurs-sort:hover {
  text-decoration: underline;
}
.kurs--uebersicht th[data-sort-th] .kurs-sort:focus-visible, .kurs--uebersicht th[data-sort-th] .kurs-sort:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-radius: var(--global-radius);
}
.kurs--uebersicht th[data-sort-th] .kurs-sort::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  background-color: currentColor;
  -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2028%22%3E%3Cpath%20d%3D%22M16.797%2011.5c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-7.281-7.281c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.219-0.156%200.359-0.156%200.125%200%200.266%200.063%200.359%200.156l6.141%206.141%206.141-6.141c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l0.781%200.781c0.094%200.094%200.156%200.234%200.156%200.359z%22/%3E%3C/svg%3E);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2028%22%3E%3Cpath%20d%3D%22M16.797%2011.5c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-7.281-7.281c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.219-0.156%200.359-0.156%200.125%200%200.266%200.063%200.359%200.156l6.141%206.141%206.141-6.141c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l0.781%200.781c0.094%200.094%200.156%200.234%200.156%200.359z%22/%3E%3C/svg%3E);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  transform-origin: 50% 50%;
  transition: transform 160ms ease, opacity 160ms ease;
}
.kurs--uebersicht th[data-sort-th][aria-sort="descending"] .kurs-sort::after {
  transform: rotate(0deg);
  opacity: 1;
}
.kurs--uebersicht th[data-sort-th][aria-sort="ascending"] .kurs-sort::after {
  transform: rotate(180deg);
  opacity: 1;
}
.kurs--uebersicht th[data-sort-th][aria-sort="none"] .kurs-sort::after {
  transform: rotate(0deg);
  opacity: 0.65;
}
@media (pointer: coarse) {
  .kurs--uebersicht th[data-sort-th] .kurs-sort {
    padding: 0.2rem 0;
  }
}
.kurs--uebersicht th.kurs--preis[data-sort-th] .kurs-sort, .kurs--uebersicht th.kurs--plaetze[data-sort-th] .kurs-sort, .kurs--uebersicht th.kurs--laufzeit[data-sort-th] .kurs-sort, .kurs--uebersicht th.kurs--datum[data-sort-th] .kurs-sort {
  justify-content: center;
  text-align: center;
}
.kursname--link {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.trigger-1, .trigger-1 .hamburger-box {
  width: 2rem;
  height: 1.5rem;
}
.trigger-1 {
  right: 1.75rem;
  margin-top: 0rem;
}
.hamburger--slider .hamburger-inner {
  top: 0;
  margin-top: 0;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
  border-radius: 0;
  width: 2rem;
}
#megamenu {
  color: var(--shade-black);
}
#megamenu .oxy-mega-dropdown_container, #megamenu .oxy-mega-dropdown_flyout .sub-menu {
  background: transparent !important;
}
#megamenu .sub-menu a[rel=x] {
  color: hsla(var(--hsl-shade-black), 0.4) !important;
  cursor: default;
}
@media (max-width: 990px) {
  #megamenu.oxy-mega-menu {
    position: relative !important;
    top: auto !important;
    left: auto;
    right: auto;
    bottom: auto;
    height: auto !important;
    display: block !important;
  }
  #megamenu .oxy-mega-dropdown_container, #megamenu .oxy-mega-dropdown_flyout .sub-menu {
    background: transparent !important;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 {
    /* lvl 1 */
    /* lvl 2 */
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 #menu-item-393, #megamenu.oxy-mega-menu.x-megamenu-1 #menu-item-382 {
    margin-bottom: 0;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > ul > li:not(:first-child) > a {
    border-top: 3px solid var(--shade-light) !important;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > ul > li > a.oxy-mega-dropdown_link {
    font-size: 1rem;
    font-weight: 600;
    color: var(--shade-black);
    background: var(--white);
    padding: 0.5rem 0.75rem 0.625rem;
    transition: all 0.35s cubic-bezier(0.37, 0.8, 0.2, 1);
    text-transform: uppercase;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > ul > li > a.oxy-mega-dropdown_link:hover {
    color: var(--white);
    background: var(--shade-medium);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > ul > li > a.oxy-mega-dropdown_link[aria-current=page], #megamenu.oxy-mega-menu.x-megamenu-1 > ul > li > a.oxy-mega-dropdown_link.oxy-mega-dropdown_link-current-ancestor, #megamenu.oxy-mega-menu.x-megamenu-1 > ul > li > a.oxy-mega-dropdown_link.oxy-mega-dropdown_link-current {
    font-weight: 600;
    color: var(--white);
    background: var(--primary);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > ul > li > a.oxy-mega-dropdown_link[aria-current=page]:hover, #megamenu.oxy-mega-menu.x-megamenu-1 > ul > li > a.oxy-mega-dropdown_link.oxy-mega-dropdown_link-current-ancestor:hover, #megamenu.oxy-mega-menu.x-megamenu-1 > ul > li > a.oxy-mega-dropdown_link.oxy-mega-dropdown_link-current:hover {
    color: var(--white);
    background: var(--primary);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 .x-megamenu_titlewrapper {
    background: var(--shade-medium-light);
    padding: 0.5rem 0.75rem 0.625rem;
    margin-top: 1px;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 h4.x-megamenu-1_title {
    margin: 0;
    text-align: left;
    text-transform: none;
    color: var(--shade-black);
    font-weight: bold;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 .oxy-slide-menu.x-megamenu-1_menu-list .oxy-slide-menu_inner > ul > li a {
    padding: 0.125rem 1rem 0.25rem;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 .oxy-slide-menu.x-megamenu-1_menu-list .oxy-slide-menu_inner > ul > li:hover > a {
    color: var(--shade-black) !important;
    background: var(--shade-light);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 .oxy-slide-menu.x-megamenu-1_menu-list .oxy-slide-menu_inner > ul > li:hover > a[aria-current=page] {
    font-weight: 600;
    color: var(--white) !important;
    background: var(--primary);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 .oxy-slide-menu.x-megamenu-1_menu-list .oxy-slide-menu_inner > ul > li:hover > a[aria-current=page] > button {
    color: var(--white) !important;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 .oxy-slide-menu.x-megamenu-1_menu-list .oxy-slide-menu_inner > ul > li:hover > a > button {
    color: var(--shade-black) !important;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 .oxy-slide-menu.x-megamenu-1_menu-list .oxy-slide-menu_inner > ul > li > a {
    color: var(--shade-black);
    position: relative;
    padding: 0.5rem 1rem 0.625rem;
    background: var(--shade-light);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 .oxy-slide-menu.x-megamenu-1_menu-list .oxy-slide-menu_inner > ul > li > a[aria-current=page] {
    font-weight: 600;
    color: var(--white);
    background: var(--primary);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 .oxy-slide-menu.x-megamenu-1_menu-list .oxy-slide-menu_inner > ul > li > a[aria-current=page] > button {
    color: var(--white);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 .oxy-slide-menu.x-megamenu-1_menu-list .oxy-slide-menu_inner > ul > li > a > button {
    color: var(--shade-black);
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: right;
    top: 0;
    right: 0.625rem;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 .oxy-slide-menu.x-megamenu-1_menu-list:not(:last-first) a {
    border-top: 1px solid var(--white) !important;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 .oxy-slide-menu.x-megamenu-1_menu-list a {
    font-size: 1rem;
    font-weight: 300;
    color: var(--shade-black);
    background: var(--shade-ultra-light);
    padding: 0.5rem 0.75rem 0.625rem;
    transition: all 0.35s cubic-bezier(0.37, 0.8, 0.2, 1);
    border-top: 1px solid var(--white);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 .oxy-slide-menu.x-megamenu-1_menu-list a:hover {
    color: var(--shade-black);
    background: var(--shade-light);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 .oxy-slide-menu.x-megamenu-1_menu-list a[aria-current=page] {
    font-weight: 600;
    color: var(--white);
    background: var(--primary);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 .oxy-slide-menu.x-megamenu-1_menu-list a[aria-current=page]:hover {
    color: var(--white);
    background: var(--primary);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 .oxy-mega-dropdown_icon {
    padding: 0 0 0 1rem !important;
  }
}
@media (min-width: 991px) {
  html.scrolling #header_main * {
    pointer-events: none !important;
  }
  .oxy-mega-dropdown_inner.oxy-header-container {
    box-shadow: 0 0.75rem 0.75rem hsla(var(--hsl-shade-dark), 0.05), 0 1.5rem 1rem hsla(var(--hsl-shade-dark), 0.05), 0 2.625rem 2rem hsla(var(--hsl-shade-dark), 0.06);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 {
    height: 100%;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 .oxy-mega-dropdown {
    height: unset;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner {
    gap: 1.25rem;
    height: 100%;
    align-items: end;
    /* lvl 1 */
    /* lvl 2 */
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-mega-dropdown_container {
    padding: 0rem;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-mega-dropdown {
    height: unset;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner > li > a.oxy-mega-dropdown_link {
    font-size: 1rem;
    font-weight: 400;
    color: var(--shade-black);
    background: transparent;
    padding: 0.75rem 0 1.275rem;
    transition: all 0.35s cubic-bezier(0.37, 0.8, 0.2, 1);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner > li > a.oxy-mega-dropdown_link:after {
    content: "";
    position: absolute;
    display: block;
    transform: scaleX(0);
    top: 2.5rem;
    opacity: 0;
    height: 0.125rem;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, var(--primary) 0%, var(--primary) 100%);
    transition: opacity var(--transition--timing) var(--transition--style), transform calc(var(--transition--timing)*2) var(--transition--style);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner > li > a.oxy-mega-dropdown_link.oxy-mega-dropdown_inner-open:before {
    content: "";
    position: absolute;
    display: block;
    transform: scaleX(1);
    top: 0rem;
    opacity: 0;
    height: 5rem;
    left: calc(0.75rem*-2);
    right: calc(0.75rem*-2);
    background: transparent;
    z-index: 1;
    transform: perspective(100px) rotateX(50deg);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner > li > a.oxy-mega-dropdown_link.oxy-mega-dropdown_inner-open .oxy-mega-dropdown_container {
    z-index: 5;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner > li > a.oxy-mega-dropdown_link.oxy-mega-dropdown_inner-open, #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner > li > a.oxy-mega-dropdown_link:hover {
    color: var(--shade-black);
    background: transparent;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner > li > a.oxy-mega-dropdown_link.oxy-mega-dropdown_inner-open:after, #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner > li > a.oxy-mega-dropdown_link:hover:after {
    transform: scaleX(1);
    opacity: 1;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner > li > a.oxy-mega-dropdown_link[aria-current=page] {
    font-weight: 400;
    color: var(--shade-black);
    background: transparent;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner > li > a.oxy-mega-dropdown_link[aria-current=page]:after {
    transform: scaleX(1);
    opacity: 1;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner > li > a.oxy-mega-dropdown_link[aria-current=page]:hover {
    color: var(--shade-black);
    background: transparent;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner > li > a.oxy-mega-dropdown_link[aria-current=page]:hover:after {
    transform: scaleX(1);
    opacity: 1;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_list {
    box-shadow: transparent;
    border-radius: 0;
    background: transparent;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_list > li > a {
    background: var(--shade-ultra-light);
    padding: 0.75rem 0.75rem 1.275rem;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_list > li > a[aria-current=page] {
    font-weight: 400;
    color: var(--white);
    background: var(--shade-medium);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_list > li > a[aria-current=page]:hover {
    color: var(--white);
    background: var(--shade-medium);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_list .sub-menu li:last-child a {
    border-bottom: none;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_list .sub-menu li a {
    font-size: 0.8rem;
    font-weight: 300;
    color: var(--shade-black);
    padding: 0.5vh 1rem 0.75vh;
    background: var(--white);
    border-bottom: 1px solid var(--shade-light);
    transition: all 0.35s cubic-bezier(0.37, 0.8, 0.2, 1);
    position: relative;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_list .sub-menu li a[aria-current=page]:not([rel=x]):before, #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_list .sub-menu li a:not([rel=x]):before {
    transition: color var(--transition--style) var(--transition--timing), left var(--transition--style) var(--transition--timing);
    content: "•";
    font-size: 1.25em;
    display: block;
    position: absolute;
    top: 0.2em;
    left: -0.5em;
    color: transparent;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_list .sub-menu li a[aria-current=page] {
    font-weight: 400;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_list .sub-menu li a[aria-current=page], #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_list .sub-menu li a:hover {
    padding-left: 1rem !important;
    color: var(--shade-black);
    background: var(--white);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_list .sub-menu li a[aria-current=page]:before, #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_list .sub-menu li a:hover:before {
    left: 0.25em;
    color: var(--primary);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_inner > ul > li {
    margin-bottom: 0.125rem;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_inner > ul > li a {
    padding: 0.5vh 1rem 0.6vh;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_inner > ul > li:hover > a {
    color: var(--shade-black) !important;
    background: var(--shade-light);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_inner > ul > li:hover > a[aria-current=page] {
    font-weight: 400;
    color: var(--white) !important;
    background: var(--shade-medium);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_inner > ul > li:hover > a[aria-current=page] > button {
    color: var(--white) !important;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_inner > ul > li:hover > a > button {
    color: var(--shade-black) !important;
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_inner > ul > li > a {
    color: var(--shade-black);
    border-radius: var(--global-radius);
    position: relative;
    padding: 1vh 1rem 1.125vh;
    background: var(--shade-ultra-light);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_inner > ul > li > a[aria-current=page] {
    font-weight: 400;
    color: var(--white);
    background: var(--shade-medium);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_inner > ul > li > a[aria-current=page] > button {
    color: var(--white);
  }
  #megamenu.oxy-mega-menu.x-megamenu-1 > .oxy-mega-menu_inner .oxy-slide-menu_inner > ul > li > a > button {
    color: var(--shade-black);
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: right;
    top: 0;
    right: 0;
    padding-right: 0.625rem;
  }
  #header_main.tiny #megamenu.oxy-mega-menu.x-megamenu-1 {
    height: 100%;
  }
  #header_main.tiny #megamenu.oxy-mega-menu.x-megamenu-1 > ul {
    height: 100%;
    align-items: end;
    /* lvl 1 */
  }
  #header_main.tiny #megamenu.oxy-mega-menu.x-megamenu-1 > ul > li > a.oxy-mega-dropdown_link {
    font-size: 1rem;
    font-weight: 400;
    color: var(--shade-black);
    background: transparent;
    padding: 0.75rem 0 0.8rem;
    transition: all 0.35s cubic-bezier(0.37, 0.8, 0.2, 1);
  }
  #header_main.tiny #megamenu.oxy-mega-menu.x-megamenu-1 > ul > li > a.oxy-mega-dropdown_link:hover {
    color: var(--shade-black);
    background: transparent;
  }
  #header_main.tiny #megamenu.oxy-mega-menu.x-megamenu-1 > ul > li > a.oxy-mega-dropdown_link.oxy-mega-dropdown_link-current-ancestor, #header_main.tiny #megamenu.oxy-mega-menu.x-megamenu-1 > ul > li > a.oxy-mega-dropdown_link.oxy-mega-dropdown_link-current {
    font-weight: 400;
    color: var(--shade-black);
    background: transparent;
  }
  #header_main.tiny #megamenu.oxy-mega-menu.x-megamenu-1 > ul > li > a.oxy-mega-dropdown_link.oxy-mega-dropdown_link-current-ancestor:hover, #header_main.tiny #megamenu.oxy-mega-menu.x-megamenu-1 > ul > li > a.oxy-mega-dropdown_link.oxy-mega-dropdown_link-current:hover {
    color: var(--shade-black);
    background: transparent;
  }
  #header_main.tiny #megamenu.oxy-mega-menu.x-megamenu-1 > ul > li > a.oxy-mega-dropdown_link .oxy-mega-dropdown_flyout-click-area {
    margin: -3px 0;
  }
}
/*
html:not(.is--mobile),
html:not(.is--mobile) body {
    scrollbar-width:none;

    &::-webkit-scrollbar {
        display: none;
    }
}

.scrollbar {
    position:fixed;
    top: $scrollbar--margin;
    right: $scrollbar--margin-right;
    bottom: $scrollbar--margin;
    width: $scrollbar--width;
    z-index:9999999;
    opacity:1;
    transition:opacity var(--transition--timing) var(--transition--style);
    pointer-events:none;

    &.no-scroll {
        opacity:0;
    }

    .scrollbar-handle {        
        position:absolute;
        top:0;        
        width:100%;
        min-height:30px;
        background:$scrollbar--handle-color;
        transition:height var(--transition--timing) var(--transition--style);
        pointer-events:none;
    }
}
*/
html {
  /*scrollbar-width: thin;    
    scrollbar-color: $scrollbar--handle-color transparent;*/
  min-height: 100.1vh;
}
footer.footer {
  color: var(--shade-black);
  font-weight: 400;
}
footer.footer a {
  transition: all var(--transition--timing) var(--transition--style);
  color: var(--shade-black);
}
footer.footer a:hover {
  color: var(--primary);
}
#cm, #s-bl .act .b-acc, #s-inr, .cc_div .b-tl, .cc_div .c-bl, .cc_div .c-bn {
  border-radius: var(--global-radius);
}
#cc_div {
  font-size: 1rem;
}
#cc_div a {
  color: var(--primary);
  border-color: var(--primary);
}
#cc_div a:hover {
  border-color: var(--primary);
}
#s-rall-bn, #c-bns button:not([data-cc=c-settings]) {
  color: var(--cc-btn-primary-text);
  background: var(--cc-btn-primary-bg);
}
#s-rall-bn:hover, #c-bns button:not([data-cc=c-settings]):hover {
  background: var(--cc-btn-primary-hover-bg);
}
#cm .bottom, #cm .cloud {
  left: var(--section--padding-lr);
  right: var(--section--padding-lr);
  padding: var(--container--padding-t) var(--container--padding-lr) var(--container--padding-b);
}
#cm .bottom {
  right: var(--section--padding-b);
}
html.show--settings #cm-ov {
  display: none !important;
}
html.show--consent #cs-ov {
  transition: none !important;
}
:root {
  --cc-bg: var(--white);
  --cc-text: var(--shade-medium-dark);
  --cc-btn-primary-bg: var(--primary);
  --cc-btn-primary-text: var(--cc-bg);
  --cc-btn-primary-hover-bg: var(--primary-hover);
  --cc-btn-secondary-bg: var(--shade-ultra-light);
  --cc-btn-secondary-text: var(--cc-text);
  --cc-btn-secondary-hover-bg: var(--shade-light);
  --cc-toggle-bg-off: var(--shade-medium-dark);
  --cc-toggle-bg-on: var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: var(--shade-medium-light);
  --cc-toggle-knob-bg: var(--white);
  --cc-toggle-knob-icon-color: var(--shade-light);
  --cc-block-text: var(--cc-text);
  --cc-cookie-category-block-bg: var(--shade-ultra-light);
  --cc-cookie-category-block-bg-hover: var(--shade-light);
  --cc-section-border: var(--shade-ultra-light);
  --cc-cookie-table-border: var(--shade-light);
  --cc-overlay-bg: hsla(var(--hsl-shade-black), .85);
  --cc-webkit-scrollbar-bg: var(--shade-medium-light);
  --cc-webkit-scrollbar-bg-hover: var(--shade-medium-dark);
}
[role="heading"] {
  color: var(--shade-black);
}
#cm {
  max-width: 30rem;
}
#c-p-bn {
  white-space: nowrap;
}
#cm, #s-hdr, #s-bl, #s-bns {
  padding-left: var(--container--padding-lr);
  padding-right: var(--container--padding-lr);
}
.c-bl .title .b-tl {
  display: none;
}
#s-bl {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
#s-bl .c-bl:first-child {
  margin-bottom: 1rem;
}
#s-cnt .p {
  margin-top: 0;
}
.cc-footer {
  padding-top: 0.5rem;
  text-align: center;
}
.cc_div #c-bns {
  flex-direction: column;
}
#c-bns button + button {
  margin-left: 0;
  margin-top: 0.25rem;
  float: none;
}
html[ng-app="CTFrontendBuilder"] body {
  color: var(--shade-medium-dark) !important;
}
@media (min-width: 991px) {
  html[ng-app="CTFrontendBuilder"] body.oxygen-builder-body .oxy-offcanvas_backdrop {
    display: none;
  }
}
@media (max-width: 990px) {
  html[ng-app="CTFrontendBuilder"] body.oxygen-builder-body .oxy-off-canvas {
    opacity: 1;
  }
}
@media (max-width: 990px) {
  html {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (min-device-pixel-ratio: 2), (min-width: 992px) and (-moz-min-device-pixel-ratio: 2), (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2) {
  html {
    font-size: 18px;
  }
}
@media (min-width: 1241px) {
  html {
    font-size: 20px;
  }
}
body {
  background: var(--shade-ultra-light);
  color: var(--shade-medium-dark);
  font-family: "base", sans-serif;
  font-weight: 300;
}
.oxy-dynamic-list.flickity-enabled {
  overflow: hidden;
}
.object-fit--cover {
  object-fit: cover;
}
.oxy-carousel-builder_inner {
  /*
    transition:max-height 2s cubic-bezier(0.250, 0.460, 0.005, 1.000);

    &:not(.flickity-enabled) {
        max-height:0;
    }

    &.flickity-enabled {
        max-height:50vh;
    }*/
}
.flickity-viewport {
  height: 100vh !important;
}
.oxy-carousel-builder.full-height {
  overflow: hidden;
}
body:before {
  display: none;
}
@media (max-width: 990px) {
  body:before {
    content: "mobile";
  }
}
@media (min-width: 991px) {
  body:before {
    content: "desktop";
  }
}
body.mobile-menu-active:before {
  opacity: 1;
  pointer-events: all;
}
.oxy-header-container > div:empty {
  min-width: 1px;
}
.breadcrumbs + * {
  flex-grow: 1;
}
/*# sourceMappingURL=app.map */
/* Compiled in 0.1964 seconds */