@charset "UTF-8";
@import "src/styles/vendor/slick.css";
@import "src/styles/vendor/sanitize.css";
@import "src/styles/vendor/jquery.mmenu.effects.css";
@import "src/styles/vendor/jquery.mmenu.all.css";
@import "src/styles/vendor/fontawesome.min.css";
@import "src/styles/vendor/all.min.css";
html {
  scroll-behavior: smooth;
}

/*
@font-face {
  font-family: "TitilliumWeb";
  src: url("public/fonts/TitilliumWeb-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "TitilliumWeb";
  src: url("public/fonts/TitilliumWeb-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "TitilliumWeb";
  src: url("public/fonts/TitilliumWeb-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "TitilliumWeb";
  src: url("public/fonts/TitilliumWeb-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "TitilliumWeb";
  src: url("public/fonts/TitilliumWeb-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "TitilliumWeb";
  src: url("public/fonts/TitilliumWeb-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "TitilliumWeb";
  src: url("public/fonts/TitilliumWeb-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "TitilliumWeb";
  src: url("public/fonts/TitilliumWeb-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "TitilliumWeb";
  src: url("public/fonts/TitilliumWeb-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "TitilliumWeb";
  src: url("public/fonts/TitilliumWeb-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "TitilliumWeb";
  src: url("public/fonts/TitilliumWeb-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "TitilliumWeb";
  src: url("public/fonts/TitilliumWeb-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "TitilliumWeb";
  src: url("public/fonts/TitilliumWeb-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
*/
/*
@font-face {
    font-family: 'Amsi Pro Cond';
    src: url('public/fonts/AmsiProCondensed-BlackItalic.eot');
    src: local('public/fonts/Amsi Pro Cond Black Italic'), local('public/fonts/AmsiProCondensed-BlackItalic'),
        url('public/fonts/AmsiProCondensed-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('public/fonts/AmsiProCondensed-BlackItalic.woff2') format('woff2'),
        url('public/fonts/AmsiProCondensed-BlackItalic.woff') format('woff'),
        url('public/fonts/AmsiProCondensed-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Amsi Pro Cond';
    src: url('public/fonts/AmsiProCondensed-LightItalic.eot');
    src: local('public/fonts/Amsi Pro Cond Light Italic'), local('public/fonts/AmsiProCondensed-LightItalic'),
        url('public/fonts/AmsiProCondensed-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('public/fonts/AmsiProCondensed-LightItalic.woff2') format('woff2'),
        url('public/fonts/AmsiProCondensed-LightItalic.woff') format('woff'),
        url('public/fonts/AmsiProCondensed-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Amsi Pro Cond Ultra';
    src: url('public/fonts/AmsiProCondensed-UltraItalic.eot');
    src: local('public/fonts/Amsi Pro Cond Ultra Italic'), local('public/fonts/AmsiProCondensed-UltraItalic'),
        url('public/fonts/AmsiProCondensed-UltraItalic.eot?#iefix') format('embedded-opentype'),
        url('public/fonts/AmsiProCondensed-UltraItalic.woff2') format('woff2'),
        url('public/fonts/AmsiProCondensed-UltraItalic.woff') format('woff'),
        url('public/fonts/AmsiProCondensed-UltraItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Amsi Pro Cond';
    src: url('public/fonts/AmsiProCondensed-ExtraLight.eot');
    src: local('public/fonts/Amsi Pro Cond ExtraLight'), local('public/fonts/AmsiProCondensed-ExtraLight'),
        url('public/fonts/AmsiProCondensed-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('public/fonts/AmsiProCondensed-ExtraLight.woff2') format('woff2'),
        url('public/fonts/AmsiProCondensed-ExtraLight.woff') format('woff'),
        url('public/fonts/AmsiProCondensed-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Amsi Pro Cond';
    src: url('public/fonts/AmsiProCondensed-SemiBoldItalic.eot');
    src: local('public/fonts/Amsi Pro Cond SemiBold Italic'), local('public/fonts/AmsiProCondensed-SemiBoldItalic'),
        url('public/fonts/AmsiProCondensed-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('public/fonts/AmsiProCondensed-SemiBoldItalic.woff2') format('woff2'),
        url('public/fonts/AmsiProCondensed-SemiBoldItalic.woff') format('woff'),
        url('public/fonts/AmsiProCondensed-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Amsi Pro Cond';
    src: url('public/fonts/AmsiProCondensed-SemiBold.eot');
    src: local('public/fonts/Amsi Pro Cond SemiBold'), local('public/fonts/AmsiProCondensed-SemiBold'),
        url('public/fonts/AmsiProCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('public/fonts/AmsiProCondensed-SemiBold.woff2') format('woff2'),
        url('public/fonts/AmsiProCondensed-SemiBold.woff') format('woff'),
        url('public/fonts/AmsiProCondensed-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Amsi Pro Cond';
    src: url('public/fonts/AmsiProCondensed-Thin.eot');
    src: local('public/fonts/Amsi Pro Cond Thin'), local('public/fonts/AmsiProCondensed-Thin'),
        url('public/fonts/AmsiProCondensed-Thin.eot?#iefix') format('embedded-opentype'),
        url('public/fonts/AmsiProCondensed-Thin.woff2') format('woff2'),
        url('public/fonts/AmsiProCondensed-Thin.woff') format('woff'),
        url('public/fonts/AmsiProCondensed-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Amsi Pro Cond';
    src: url('public/fonts/AmsiProCondensed-ExtraLightItalic.eot');
    src: local('public/fonts/Amsi Pro Cond ExtraLight Italic'), local('public/fonts/AmsiProCondensed-ExtraLightItalic'),
        url('public/fonts/AmsiProCondensed-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('public/fonts/AmsiProCondensed-ExtraLightItalic.woff2') format('woff2'),
        url('public/fonts/AmsiProCondensed-ExtraLightItalic.woff') format('woff'),
        url('public/fonts/AmsiProCondensed-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Amsi Pro Cond Ultra';
    src: url('public/fonts/AmsiProCondensed-Ultra.eot');
    src: local('public/fonts/Amsi Pro Cond Ultra'), local('public/fonts/AmsiProCondensed-Ultra'),
        url('public/fonts/AmsiProCondensed-Ultra.eot?#iefix') format('embedded-opentype'),
        url('public/fonts/AmsiProCondensed-Ultra.woff2') format('woff2'),
        url('public/fonts/AmsiProCondensed-Ultra.woff') format('woff'),
        url('public/fonts/AmsiProCondensed-Ultra.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Amsi Pro Cond';
    src: url('public/fonts/AmsiProCondensed-Black.eot');
    src: local('public/fonts/Amsi Pro Cond Black'), local('public/fonts/AmsiProCondensed-Black'),
        url('public/fonts/AmsiProCondensed-Black.eot?#iefix') format('embedded-opentype'),
        url('public/fonts/AmsiProCondensed-Black.woff2') format('woff2'),
        url('public/fonts/AmsiProCondensed-Black.woff') format('woff'),
        url('public/fonts/AmsiProCondensed-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Amsi Pro Cond';
    src: url('public/fonts/AmsiProCondensed-ThinItalic.eot');
    src: local('public/fonts/Amsi Pro Cond Thin Italic'), local('public/fonts/AmsiProCondensed-ThinItalic'),
        url('public/fonts/AmsiProCondensed-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('public/fonts/AmsiProCondensed-ThinItalic.woff2') format('woff2'),
        url('public/fonts/AmsiProCondensed-ThinItalic.woff') format('woff'),
        url('public/fonts/AmsiProCondensed-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}



@font-face {
    font-family: 'Amsi Pro Cond';
    src: url('public/fonts/AmsiProCondensed-Light.eot');
    src: local('public/fonts/Amsi Pro Cond Light'), local('public/fonts/AmsiProCondensed-Light'),
        url('public/fonts/AmsiProCondensed-Light.eot?#iefix') format('embedded-opentype'),
        url('public/fonts/AmsiProCondensed-Light.woff2') format('woff2'),
        url('public/fonts/AmsiProCondensed-Light.woff') format('woff'),
        url('public/fonts/AmsiProCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
*/
@font-face {
  font-family: "Amsi Pro Cond";
  src: url("public/fonts/amsiprocondensed-regular-webfont.eot");
  src: local("public/fonts/Amsi Pro Cond"), local("public/fonts/amsiprocondensed-regular-webfont"), url("public/fonts/amsiprocondensed-regular-webfont.eot?#iefix") format("embedded-opentype"), url("public/fonts/amsiprocondensed-regular-webfont.woff2") format("woff2"), url("public/fonts/amsiprocondensed-regular-webfont.woff") format("woff"), url("public/fonts/amsiprocondensed-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Amsi Pro Cond";
  src: url("public/fonts/amsiprocondensed-italic-webfont.eot");
  src: local("public/fonts/Amsi Pro Cond Italic"), local("public/fonts/amsiprocondensed-italic-webfont"), url("public/fonts/amsiprocondensed-italic-webfont.eot?#iefix") format("embedded-opentype"), url("public/fonts/amsiprocondensed-italic-webfont.woff2") format("woff2"), url("public/fonts/amsiprocondensed-italic-webfont.woff") format("woff"), url("public/fonts/amsiprocondensed-italic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Amsi Pro Cond";
  src: url("public/fonts/amsiprocondensed-bold-webfont.eot");
  src: local("public/fonts/Amsi Pro Cond Bold"), local("public/fonts/amsiprocondensed-bold-webfont"), url("public/fonts/amsiprocondensed-bold-webfont.eot?#iefix") format("embedded-opentype"), url("public/fonts/amsiprocondensed-bold-webfont.woff2") format("woff2"), url("public/fonts/amsiprocondensed-bold-webfont.woff") format("woff"), url("public/fonts/amsiprocondensed-bold-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Amsi Pro Cond";
  src: url("public/fonts/amsiprocondensed-bolditalic-webfont.eot");
  src: local("public/fonts/Amsi Pro Cond Bold Italic"), local("public/fonts/amsiprocondensed-bolditalic-webfont"), url("public/fonts/amsiprocondensed-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("public/fonts/amsiprocondensed-bolditalic-webfont.woff2") format("woff2"), url("public/fonts/amsiprocondensed-bolditalic-webfont.woff") format("woff"), url("public/fonts/amsiprocondensed-bolditalic-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
h1, h2, h3, h4, h5, h6, p, a, span, li, td, label {
  font-family: "Amsi Pro Cond" !important;
}

:root,
*::before,
*::after {
  /* ================ Colors ================ */
  --color-primary: #001479;
  --color-primary-lighter: #bdc6f4;
  --color-primary-light: #6670a4;
  --color-primary-dark: #001479;
  --color-secondary: #ffa900;
  --color-secondary-lighter: #fddb99;
  --color-secondary-light: #f9c664;
  --color-secondary-dark: #612d1f;
  --color-tertiary: #6670a5;
  --color-tertiary-lighter: #6670a5;
  --color-tertiary-light: #6670a5;
  --color-tertiary-dark: #6670a5;
  --color-green: #d8de9e;
  --color-green-lighter: #fff7c7;
  --color-green-light: #fff7c7;
  --color-green-dark: #478005;
  --color-accent: var(--color-primary);
  --color-accent-light: var(--color-primary-light);
  --color-accent-dark: var(--color-primary-dark);
  --color-success: #3adb76;
  --color-attention: #ffae00;
  --color-error: #cc3737;
  --color-neutral-white: #fefefe;
  --color-neutral-light-gray: #d1d1d1;
  --color-neutral-gray: #afafaf;
  --color-neutral-dark-gray: #66696c;
  --color-neutral-black: #3b3b3b;
  --color--minuto-dark-blue: #4490BF;
  --color--minuto-light-blue: #64BFF7;
  --color--minuto-text-dark-blue: #2C739F;
  --color--minuto-text-light-blue: #C3E7FD;
  --color--minuto-box-light-blue: #74BFEE;
  --color--minuto-box-dark-blue: #418EC0;
  --color-backdrop-h: 0;
  --color-backdrop-s: 0%;
  --color-backdrop-l: 23%;
  --color-backdrop-subtle: hsla(
    var(--color-backdrop-h),
    var(--color-backdrop-s),
    var(--color-backdrop-l),
    0.35
  );
  --color-backdrop-strong: hsla(
    var(--color-backdrop-h),
    var(--color-backdrop-s),
    var(--color-backdrop-l),
    0.65
  );
  --color-neutral-alpha-low: 0.65;
  --color-neutral-alpha-high: 0.35;
  --color-neutral-black-alpha: hsla(0, 0%, 23%, var(--color-neutral-alpha-low));
  --background-color-light: var(--color-neutral-white);
  --background-color-dark: var(--color-neutral-black);
  --background-color: var(--color-primary);
  --logo-color-primary: var(--color-primary);
  --logo-color-secondary: var(--color-neutral-dark-gray);
  /* ================ Typography ================ */
  --text-color-light: var(--color-neutral-white);
  --text-color-dark: var(--color-neutral-black);
  --text-color: var(--text-color-light);
  --font-family: system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
    "Helvetica Neue", sans-serif;
  --font-family-primary: "TitilliumWeb", var(--font-family);
  --font-family-secondary: var(--font-family-primary), var(--font-family);
  --font-scale: 1.333;
  --line-height-s: 1;
  --line-height: 1.33;
  --font-weight: 400;
  --font-weight-bold: 700;
  /* ================ Spacing ================ */
  --baseline: 16px;
  --spacing-xs: calc(var(--baseline) / 4);
  --spacing-s: calc(var(--baseline) / 2);
  --spacing: var(--baseline);
  --spacing-l: calc(var(--baseline) * 2);
  --spacing-xl: calc(var(--baseline) * 3);
  --spacing-xxl: calc(var(--baseline) * 4);
  --spacing-xxxl: calc(var(--baseline) * 6);
  /* ================ Layout ================ */
  --layout-grid-gutter: var(--spacing);
  --layout-grid-max-columns: 12;
  --layout-content-width-small: 700px;
  --layout-content-width: 1440px;
  --layout-header-height: 190px;
  --layout-section-spacing-small: var(--spacing-l);
  --layout-section-spacing: var(--spacing-xl);
  --layout-section-spacing-large: var(--spacing-xxxl);
  /* ================ Sizes ================ */
  --icon-size-s: 0.75em;
  --icon-size-m: 1em;
  --icon-size-l: 1.25em;
  /* ================ Misc ================ */
  --border-radius-s: 4px;
  --border-radius: 8px;
  --border-radius-l: 12px;
  /* ================ Elevation ================ */
  --z-index-s: -1;
  --z-index: 1;
  --z-index-l: 3;
  --z-index-xl: 6;
  --z-index-xxl: 9;
  --shadow-color: 0deg 0% 50%;
  --elevation-small: 0.5px 1px 1px hsl(var(--shadow-color) / 0.7);
  --elevation-medium: 1px 2px 2px hsl(var(--shadow-color) / 0.333),
    2px 4px 4px hsl(var(--shadow-color) / 0.333),
    3px 6px 6px hsl(var(--shadow-color) / 0.333);
  --elevation-large: 1px 2px 2px hsl(var(--shadow-color) / 0.2),
    2px 4px 4px hsl(var(--shadow-color) / 0.2),
    4px 8px 8px hsl(var(--shadow-color) / 0.2),
    8px 16px 16px hsl(var(--shadow-color) / 0.2),
    16px 32px 32px hsl(var(--shadow-color) / 0.2);
  /* ================ Animation ================ */
  --duration-s: 200ms;
  --duration: 300ms;
  --duration-l: 500ms;
  --transitionStyle: ease-in-out var(--duration-s);
  /* ================ Interaction ================ */
  --min-tap-target-height: 32px;
}
@media screen and (max-width: 599px) {
  :root,
  *::before,
  *::after {
    --font-size-s: 14px;
    --font-size: 18px;
    --font-size-l: 20px;
    --font-size-xl: 24px;
    --font-size-xxl: 35px;
    --font-size-xxxl: 48px;
    --font-size-xxxxl: 66px;
  }
}
@media screen and (min-width: 600px) {
  :root,
  *::before,
  *::after {
    --font-size-s: 14px;
    --font-size: 18px;
    --font-size-l: 22px;
    --font-size-xl: 28px;
    --font-size-xxl: 44px;
    --font-size-xxxl: 60px;
    --font-size-xxxxl: 92px;
  }
}
@media screen and (min-width: 1200px) {
  :root,
  *::before,
  *::after {
    --font-size-s: 16px;
    --font-size: 18px;
    --font-size-l: 24px;
    --font-size-xl: 32px;
    --font-size-xxl: 52px;
    --font-size-xxxl: 80px;
    --font-size-xxxxl: 120px;
  }
}
@media (pointer: coarse) {
  :root,
  *::before,
  *::after {
    --min-tap-target-height: 48px;
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes fade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
:root {
  accent-color: var(--color-accent);
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 100%;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
      text-size-adjust: none;
}
@media screen and (min-width: 600px) {
  html {
    font-size: 112.5%;
  }
}
html[lang=de] {
  -ms-hyphens: auto;
      hyphens: auto;
}

body {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-l);
  /* font-size: clamp(min, ideal, max); */
  line-height: var(--line-height);
  font-weight: var(--font-weight);
  color: var(--text-color);
  background-color: var(--background-color);
  min-height: 100vh;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased; /* http://szafranek.net/blog/2009/02/22/font-smoothing-explained/ */
  -moz-osx-font-smoothing: grayscale; /* http://szafranek.net/blog/2009/02/22/font-smoothing-explained/ */
  text-rendering: optimizeSpeed;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

::-moz-selection {
  background: var(--primary-color); /* WebKit/Blink Browsers */
  color: var(--font-color-light);
}

::selection {
  background: var(--primary-color); /* WebKit/Blink Browsers */
  color: var(--font-color-light);
}

::-moz-selection {
  background: var(--primary-color); /* Gecko Browsers */
  color: var(--font-color-light);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
hr,
ol,
ul,
dl,
address,
blockquote,
form,
figure,
iframe,
table {
  max-width: 100%;
}

p {
  line-height: 180%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-secondary);
  line-height: var(--line-height-s);
  text-transform: uppercase;
}

[bel=pagets__textpage] .hero-section {
  height: 40vh;
}
[bel=pagets__textpage] h4 {
  margin-top: 40px !important;
}

h1 {
  font-size: var(--font-size-xxxxl);
  font-weight: var(--font-weight-bold);
}

h2 {
  font-size: var(--font-size-xxxl);
  font-weight: var(--font-weight-bold);
}

h3 {
  font-size: var(--font-size-xxl);
  font-weight: var(--font-weight-bold);
}

h4 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
}

h5 {
  font-size: var(--font-size-l);
}

h6 {
  font-size: var(--font-size);
  font-weight: normal;
  font-style: italic;
}

p {
  font-size: var(--font-size-l);
}

small {
  font-size: 0.8em;
}

strong,
b {
  font-weight: var(--font-weight-bold);
}

em {
  font-style: italic;
}

sub,
sup {
  font-size: 0.8em;
}

sub {
  bottom: -0.2em;
}

sup {
  top: -0.2em;
}

hr {
  display: inline-block;
  width: 288px;
  height: 16px;
  background: url("src/assets/svg/separator.svg") no-repeat left center;
  background-size: contain;
  max-width: 60vw;
  border: none;
  clear: both;
}

address {
  font-style: normal;
}

button {
  font-family: var(--font-family-secondary);
}

input,
textarea,
select {
  font-family: var(--font-family-primary);
}

a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing);
  color: var(--color-neutral-white);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a[href$=".pdf"]:after {
  content: "";
  display: inline-block;
  width: var(--icon-size-s);
  height: var(--icon-size-s);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23b82d8c' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M320 464C328.8 464 336 456.8 336 448V416H384V448C384 483.3 355.3 512 320 512H64C28.65 512 0 483.3 0 448V416H48V448C48 456.8 55.16 464 64 464H320zM256 160C238.3 160 224 145.7 224 128V48H64C55.16 48 48 55.16 48 64V192H0V64C0 28.65 28.65 0 64 0H229.5C246.5 0 262.7 6.743 274.7 18.75L365.3 109.3C377.3 121.3 384 137.5 384 154.5V192H336V160H256zM88 224C118.9 224 144 249.1 144 280C144 310.9 118.9 336 88 336H80V368C80 376.8 72.84 384 64 384C55.16 384 48 376.8 48 368V240C48 231.2 55.16 224 64 224H88zM112 280C112 266.7 101.3 256 88 256H80V304H88C101.3 304 112 293.3 112 280zM160 240C160 231.2 167.2 224 176 224H200C226.5 224 248 245.5 248 272V336C248 362.5 226.5 384 200 384H176C167.2 384 160 376.8 160 368V240zM192 352H200C208.8 352 216 344.8 216 336V272C216 263.2 208.8 256 200 256H192V352zM336 224C344.8 224 352 231.2 352 240C352 248.8 344.8 256 336 256H304V288H336C344.8 288 352 295.2 352 304C352 312.8 344.8 320 336 320H304V368C304 376.8 296.8 384 288 384C279.2 384 272 376.8 272 368V240C272 231.2 279.2 224 288 224H336z'/%3E%3C/svg%3E") no-repeat center/contain;
}

a[target=_blank]:after,
a[href^=http]:after,
a[href^="https://"]:after {
  content: "";
  display: inline-block;
  width: var(--icon-size-s);
  height: var(--icon-size-s);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23b82d8c' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M280 80C266.7 80 256 69.25 256 56C256 42.75 266.7 32 280 32H424C437.3 32 448 42.75 448 56V200C448 213.3 437.3 224 424 224C410.7 224 400 213.3 400 200V113.9L200.1 312.1C191.6 322.3 176.4 322.3 167 312.1C157.7 303.6 157.7 288.4 167 279L366.1 80H280zM0 120C0 89.07 25.07 64 56 64H168C181.3 64 192 74.75 192 88C192 101.3 181.3 112 168 112H56C51.58 112 48 115.6 48 120V424C48 428.4 51.58 432 56 432H360C364.4 432 368 428.4 368 424V312C368 298.7 378.7 288 392 288C405.3 288 416 298.7 416 312V424C416 454.9 390.9 480 360 480H56C25.07 480 0 454.9 0 424V120z'/%3E%3C/svg%3E") no-repeat center/contain;
}

a[target=_blank]:after,
a[href^=http]:after,
a[href^="https://"]:after {
  display: none;
}

ul:where([class]) {
  list-style: none;
}

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

.aspect-box {
  aspect-ratio: 3/2;
}

iframe {
  width: 100%;
}

figure {
  position: relative;
}

button,
a,
input[type=submit] {
  outline: none;
}

blockquote {
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-bold);
  font-style: italic;
}

cite {
  font-style: normal;
}

form .form-group {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-bottom: var(--spacing-l);
  /*
  &:nth-of-type(2) {
      margin-top: var(--spacing);
      margin-bottom: var(--spacing-l);
  }
  &:nth-of-type(3),
  &:nth-of-type(5),
  &:nth-of-type(7) {
      width: calc(50% - var(--spacing));
      margin-right: var(--spacing);
  }
  &:nth-of-type(4),
  &:nth-of-type(6),
  &:nth-of-type(8) {
      width: calc(50% - var(--spacing));
      margin-left: var(--spacing);
  }
  */
}
form .form-group label {
  text-transform: uppercase;
}
form .form-group .input select,
form .form-group .input input,
form .form-group .input textarea {
  width: 100%;
  background-color: #EAE9EF;
  color: #A4A7B2;
  border-radius: 0;
  border: 0;
  outline: 0;
  font-size: var(--font-size);
  padding: var(--spacing-s) var(--spacing);
  margin-top: var(--spacing-s);
}
form .form-group .input select,
form .form-group .input input {
  height: var(--spacing-xl);
}
form .form-group .input input[type=checkbox] {
  width: var(--spacing-l);
  height: var(--spacing-l);
  margin-right: var(--spacing-s);
  margin-bottom: calc(var(--spacing-s) * -1);
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  background-color: var(--color-neutral-white);
  border: 1px solid var(--color-primary);
  position: relative;
}
form .form-group .input input[type=checkbox]:after {
  content: "";
  position: absolute;
  display: block;
  z-index: 1;
  width: var(--spacing);
  height: var(--spacing);
}
form .form-group .input input[type=checkbox]:before {
  background: var(--color-neutral-white) url("src/assets/img/icon-check.png");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 2;
  opacity: 0;
  width: 100%;
  height: 100%;
  color: var(--color-neutral-white);
}
form .form-group .input input[type=checkbox]:checked:before {
  content: "";
  position: absolute;
  top: 0px;
  opacity: 1;
  left: 0px;
}
form .form-group .input select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("src/assets/img/icon-select-arrow.png");
  background-repeat: no-repeat;
  background-position: center right var(--spacing);
}
form .form-group .input textarea {
  height: calc(5 * var(--line-height) * var(--font-size) + var(--spacing-s));
}
form .form-group .parsley-errors-list li {
  color: var(--color-error);
}
form div[data-cols="1"] {
  grid-gap: var(--spacing);
}
form div[data-cols="1"][data-colsplit="100"] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
form div[data-cols="2"] {
  grid-gap: var(--spacing);
}
form div[data-cols="2"][data-colsplit="5050"] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
form div[data-cols="2"][data-colsplit="7525"] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 1fr;
  grid-template-columns: 3fr 1fr;
}
form div[data-cols="2"][data-colsplit="2575"] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3fr;
  grid-template-columns: 1fr 3fr;
}
form div[data-cols="3"] {
  grid-gap: var(--spacing);
}
form div[data-cols="3"][data-colsplit="333333"] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

input,
textarea,
select {
  outline: none;
}

table {
  width: 100%;
}

tr:not(:last-child) td {
  border-bottom: 1px solid var(--page-text-color);
}

th {
  font-weight: var(--font-weight-bold);
}

td {
  padding: var(--spacing-s) 0;
  vertical-align: top;
}
td:last-child {
  font-weight: var(--font-weight-bold);
  text-align: right;
}

@media print {
  * {
    color: var(--color-primary) !important;
  }
  .breadcumb-section {
    padding-top: var(--layout-section-spacing) !important;
  }
  p,
  .hero-section__categories,
  .breadcrumb-item,
  .breadcrumb-item a,
  .breadcrumb-item span {
    font-size: 14px !important;
  }
  .breadcrumb-item svg {
    margin-top: 5px;
  }
  h3 {
    font-size: 22px !important;
    margin-bottom: 0 !important;
  }
  html,
  .page__recipe.page {
    background: white !important;
  }
  header {
    position: absolute !important;
  }
  header .logo,
  header .logo-3g {
    width: 90px !important;
  }
  header .section__content {
    padding: var(--spacing) var(--spacing-l) !important;
  }
  .footer, .burger.burger-mobile, .header__navigation, .button, .related-section {
    display: none !important;
  }
  .hero-section {
    position: relative;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    padding: 0;
    margin-bottom: -2em;
  }
  .hero-section__title {
    display: none !important;
  }
  .hero-section__background {
    background: none !important;
  }
  .hero-section__text {
    color: inherit;
  }
  .hero-section__text .heading {
    font-size: 30px !important;
    width: 100%;
    background: none !important;
  }
  .hero-section__text hr {
    display: none !important;
  }
  .preparationstep_item {
    border: 1px dashed var(--color-primary);
    background: white !important;
  }
  .hero-section__background::before {
    background: none !important;
  }
  .intro-section .section__content .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .intro-section .grid .text-container {
    width: 33%;
    float: left;
    display: inline-block;
  }
  .intro-section .grid .ce-image {
    width: 66%;
    float: right;
    display: inline-block;
  }
  .breadcumb-section .section__content {
    padding: 0 32px 16px 32px !important;
  }
  .preparation-steps-section {
    page-break-before: always;
  }
}
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.d-none {
  display: none !important;
}

.text-start {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-end {
  text-align: right !important;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-xs {
  margin-bottom: var(--spacing-xs) !important;
}

.mb-s {
  margin-bottom: var(--spacing-s) !important;
}

.mb {
  margin-bottom: var(--spacing) !important;
}

.mb-l {
  margin-bottom: var(--spacing-l) !important;
}

.mb-xl {
  margin-bottom: var(--spacing-xl) !important;
}

.mb-xxl {
  margin-bottom: var(--spacing-xxl) !important;
}

.mb-xxxl {
  margin-bottom: var(--spacing-xxxl) !important;
}

.fa-1x {
  font-size: 1em;
  max-height: 1em;
}

.fa-2x {
  font-size: 2em;
  max-height: 1em;
}

.fa-3x {
  font-size: 3em;
  max-height: 1em;
}

.fa-4x {
  font-size: 4em;
  max-height: 1em;
}

.fa-5x {
  font-size: 5em;
  max-height: 1em;
}

.fa-6x {
  font-size: 6em;
  max-height: 1em;
}

.fa-7x {
  font-size: 7em;
  max-height: 1em;
}

.fa-8x {
  font-size: 8em;
  max-height: 1em;
}

.fa-9x {
  font-size: 9em;
  max-height: 1em;
}

.fa-10x {
  font-size: 10em;
  max-height: 1em;
}

.fa-2xs {
  font-size: 0.625em;
  max-height: 1em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  max-height: 1em;
  line-height: 0.0833333337em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  max-height: 1em;
  line-height: 0.0714285718em;
  vertical-align: 0.0535714295em;
}

.fa-lg {
  font-size: 1.25em;
  max-height: 1em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  max-height: 1em;
  line-height: 0.0416666682em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  max-height: 1em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.accordion details {
  padding: var(--spacing) 0;
  border-top: 2px solid var(--color-neutral-dark-gray);
}
@media (min-width: 1200px) {
  .accordion details {
    padding: var(--spacing-l) 0;
  }
}
.accordion details[open] summary {
  color: var(--text-color);
}
.accordion details[open] .icon--open {
  display: none;
}
.accordion details[open] .icon--close {
  display: block;
}
.accordion summary {
  position: relative;
  cursor: pointer;
  list-style: none;
  font-weight: var(--font-weight-bold);
}
.accordion summary::-webkit-details-marker {
  display: none;
}
.accordion .icon {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--text-color);
}
.accordion .icon--open {
  display: block;
}
.accordion .icon--close {
  display: none;
}

.accordion-content {
  margin: var(--spacing) 0;
}

.accordion-content ul,
.accordion-content ol {
  list-style-position: inside;
}

.breadcumb-section .stack {
  --stack-spacing: var(--spacing-s);
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.breadcrumb-item__link,
.breadcrumb-item__text,
.breadcrumb a {
  font-size: var(--font-size-l);
  color: var(--page-text-color);
  text-transform: uppercase;
}

.breadcrumb-item__link {
  font-weight: var(--font-weight);
}

span.breadcrumb-item__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: left;
  width: var(--spacing);
  margin-right: var(--spacing-s);
  height: auto;
  line-height: initial;
}

.breadcrumb-item__text {
  font-weight: var(--font-weight-bold);
}

.page.page—-theme-minuto-orange .breadcrumb-item__link,
.page.page—-theme-minuto-orange .breadcrumb-item__text,
.page.page—-theme-minuto-orange .breadcrumb a,
.page.page—-theme-minuto-orange .breadcrumb svg {
  color: #B65B15 !important;
}

.page.page—-theme-minuto-sweets .breadcrumb-item__link,
.page.page—-theme-minuto-sweets .breadcrumb-item__text,
.page.page—-theme-minuto-sweets .breadcrumb a,
.page.page—-theme-minuto-sweets .breadcrumb svg {
  color: white !important;
}

.page.page—-theme-minuto-baking .breadcrumb-item__link,
.page.page—-theme-minuto-baking .breadcrumb-item__text,
.page.page—-theme-minuto-baking .breadcrumb a,
.page.page—-theme-minuto-baking .breadcrumb svg {
  color: white !important;
}

.page.page—-theme-minuto-mousse .breadcrumb-item__link,
.page.page—-theme-minuto-mousse .breadcrumb-item__text,
.page.page—-theme-minuto-mousse .breadcrumb a,
.page.page—-theme-minuto-mousse .breadcrumb svg {
  color: white !important;
}

.page.page—-theme-minuto-cremes .breadcrumb-item__link,
.page.page—-theme-minuto-cremes .breadcrumb-item__text,
.page.page—-theme-minuto-cremes .breadcrumb a,
.page.page—-theme-minuto-cremes .breadcrumb svg {
  color: white !important;
}

.page.page—-theme-minuto-cuppudding .breadcrumb-item__link,
.page.page—-theme-minuto-cuppudding .breadcrumb-item__text,
.page.page—-theme-minuto-cuppudding .breadcrumb a,
.page.page—-theme-minuto-cuppudding .breadcrumb svg {
  color: white !important;
}

.button,
.btn.btn-primary {
  --button-width: auto;
  --button-padding: var(--spacing) var(--spacing-l);
  --button-background-color: var(--color-primary);
  --button-background-color-hover: var(--color-primary-dark);
  --button-border-color: var(--button-background-color);
  --button-border-color-hover: var(--button-background-color);
  --button-color: var(--text-color-light);
  --button-color-hover: var(--color-primary-dark);
  --button-shadow: var(--elevation-medium);
  /* Position and dimensions */
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: var(--button-width);
  min-height: var(--min-tap-target-height);
  padding: var(--button-padding);
  /* Font */
  font-family: var(--font-family-secondary);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-l);
  line-height: var(--line-height-s);
  /* Colors and Border */
  background-color: var(--button-background-color);
  color: var(--button-color);
  border: 1px solid var(--button-background-color);
  border-radius: var(--border-radius);
  /* Text */
  text-decoration: none;
  white-space: nowrap;
  text-transform: uppercase;
  /* Effects */
  -webkit-transition: all var(--duration-s);
  transition: all var(--duration-s);
  cursor: pointer;
}
.button:hover, .button:focus,
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  outline: none;
  background-color: var(--button-background-color-hover);
  border-color: var(--button-border-color-hover);
  text-decoration: none;
}
.button:disabled,
.btn.btn-primary:disabled {
  background-color: var(--color-neutral-gray);
  border-color: var(--color-neutral-gray);
  color: var(--text-color-light);
  cursor: not-allowed;
}
.button span,
.btn.btn-primary span {
  margin: var(--spacing-s) 0;
}

/* Colors */
.button--secondary {
  --button-background-color: var(--color-secondary);
  --button-background-color-hover: var(--color-secondary-dark);
}
.button--secondary:hover {
  border-color: var(--color-secondary-dark);
}

.page--theme-kunterbunte .button--secondary {
  --button-background-color: var(--color-green-dark);
  --button-background-color-hover: var(--color-green-dark);
}
.page--theme-kunterbunte .button--secondary:hover {
  border-color: var(--color-green-dark);
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.page--theme-mezzi .button--secondary {
  --button-background-color: #3772b8;
  --button-background-color-hover: #3772b8;
}
.page--theme-mezzi .button--secondary:hover {
  border-color: #3772b8;
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.page--theme-7huenchen .button--secondary {
  --button-background-color: #ea5018;
  --button-background-color-hover: #ea5018;
}
.page--theme-7huenchen .button--secondary:hover {
  border-color: #ea5018;
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.page--theme-glutenfrei .button--secondary {
  --button-background-color: #d84644;
  --button-background-color-hover: #d84644;
}
.page--theme-glutenfrei .button--secondary:hover {
  border-color: #d84644;
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.page--theme-roasted .button--secondary {
  --button-background-color: #eaa264;
  --button-background-color-hover: #eaa264;
}
.page--theme-roasted .button--secondary:hover {
  border-color: #eaa264;
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.page--theme-minuto .button--secondary {
  --button-background-color: #212f76;
  --button-background-color-hover: #212f76;
}
.page--theme-minuto .button--secondary:hover {
  border-color: #212f76;
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.page--theme-hafer .button--secondary {
  --button-background-color: #6EA05B;
  --button-background-color-hover: #6EA05B;
}
.page--theme-hafer .button--secondary:hover {
  border-color: #6EA05B;
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.page--theme-pasta-klassiker .button--secondary {
  --button-background-color: #0854AC;
  --button-background-color-hover: #0854AC;
}
.page--theme-pasta-klassiker .button--secondary:hover {
  border-color: #0854AC;
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.page--theme-3g-diemagich .button {
  --button-background-color: #6C2B13;
  --button-background-color-hover: #6C2B13;
}
.page--theme-3g-diemagich .button:hover {
  border-color: #6C2B13;
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.page--theme-3g-diemagich .button--secondary {
  --button-background-color: #D41C25;
  --button-background-color-hover: #D41C25;
}
.page--theme-3g-diemagich .button--secondary:hover {
  border-color: #D41C25;
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.page--theme-3g-genusspur .button {
  --button-background-color: #0A3B88;
  --button-background-color-hover: #0A3B88;
}
.page--theme-3g-genusspur .button:hover {
  border-color: #0A3B88;
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.page--theme-3g-genusspur .button--secondary {
  --button-background-color: #8FAF53;
  --button-background-color-hover: #8FAF53;
}
.page--theme-3g-genusspur .button--secondary:hover {
  border-color: #8FAF53;
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.page--theme-3g-home .button--secondary {
  --button-background-color: #FFBA00;
  --button-background-color-hover: #FFBA00;
}
.page--theme-3g-home .button--secondary:hover {
  border-color: #FFBA00;
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.page—-theme-minuto-orange .button--secondary {
  --button-background-color: #E68719;
  --button-background-color-hover: #E68719;
}
.page—-theme-minuto-orange .button--secondary:hover {
  border-color: #E68719;
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.page—-theme-minuto-sweets .button--secondary {
  --button-background-color: #79A4DB;
  --button-background-color-hover: #79A4DB;
}
.page—-theme-minuto-sweets .button--secondary:hover {
  border-color: #79A4DB;
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.page—-theme-minuto-baking .button--secondary {
  --button-background-color: #854A8F;
  --button-background-color-hover: #854A8F;
}
.page—-theme-minuto-baking .button--secondary:hover {
  border-color: #854A8F;
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.page—-theme-minuto-mousse .button--secondary {
  --button-background-color: #D38DA4;
  --button-background-color-hover: #D38DA4;
}
.page—-theme-minuto-mousse .button--secondary:hover {
  border-color: #D38DA4;
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.page—-theme-minuto-cremes .button--secondary {
  --button-background-color: #69A6AD;
  --button-background-color-hover: #69A6AD;
}
.page—-theme-minuto-cremes .button--secondary:hover {
  border-color: #69A6AD;
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.page—-theme-minuto-cuppudding .button--secondary {
  --button-background-color: #DCA93E;
  --button-background-color-hover: #DCA93E;
}
.page—-theme-minuto-cuppudding .button--secondary:hover {
  border-color: #DCA93E;
  -webkit-filter: brightness(115%);
          filter: brightness(115%);
}

.button--white {
  --button-background-color: var(--color-neutral-white);
  --button-background-color-hover: var(--color-neutral-light-gray);
  --button-color: var(--page-text-color);
}
.button--white:hover {
  border-color: var(--color-neutral-light-gray);
}

/* Styles */
.button--outline {
  --button-background-color: transparent;
  --button-background-color-hover: transparent;
  --button-border-color: red;
  --button-border-color-hover: red;
  --button-color: var(--text-color);
}

.button--ghost {
  --button-background-color: transparent;
  --button-background-color-hover: transparent;
  --button-color: var(--text-color);
}

.button--text {
  width: auto;
  height: auto;
  padding: 0;
  background-color: transparent;
  color: var(--matterColorMedium);
}
.button--text:hover, .button--text:focus {
  background-color: transparent;
  color: var(--fontColor);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Sizes */
.button--small {
  --button-padding: var(--spacing-s) var(--spacing);
}

.button--large {
  --button-padding: var(--spacing-l) var(--spacing-xl);
}

.button--full-width {
  --button-width: 100%;
}

/* Feedback */
.button--success {
  --button-background-color: var(--color-success);
  --button-background-color-hover: var(--color-success);
}

.button--error {
  --button-background-color: var(--color-error);
  --button-background-color-hover: var(--color-error);
}

.button--attention {
  --button-background-color: var(--color-attention);
  --button-background-color-hover: var(--color-attention);
}

.button.arrow-right svg {
  vertical-align: baseline;
  margin-left: var(--spacing-s);
}

.callout {
  background-color: var(--callout-background-color);
  color: var(--callout-color);
  padding: var(--spacing-l) var(--spacing-l) var(--spacing-xl) var(--spacing-l);
  display: -ms-grid;
  display: grid;
  margin-bottom: var(--spacing-l);
  --callout-background-color: var(--color-primary-lighter);
  --callout-color: var(--color-primary-dark);
  -ms-grid-columns: [first] var(--spacing-xl) [second] auto [end];
  grid-template-columns: [first] var(--spacing-xl) [second] auto [end];
}
@media screen and (min-width: 600px) {
  .callout {
    -ms-grid-columns: [first] var(--spacing-xxl) [second] auto [end];
    grid-template-columns: [first] var(--spacing-xxl) [second] auto [end];
  }
}
@media screen and (min-width: 1200px) {
  .callout {
    -ms-grid-columns: [first] var(--spacing-xxxl) [second] auto [end];
    grid-template-columns: [first] var(--spacing-xxxl) [second] auto [end];
  }
}

.preparationstep_item {
  padding: 25px;
  margin-bottom: 20px;
}
.preparationstep_item ul {
  display: inline-block;
  padding-left: 30px;
}

.page--theme-blue .callout,
.page--theme-blue .preparationstep_item {
  background-color: var(--color-primary-lighter);
  color: var(--color-primary-dark);
}

.page--theme-yellow .callout,
.page--theme-yellow .preparationstep_item {
  background-color: var(--color-secondary-light);
  color: var(--color-secondary-dark);
}

.page--theme-green .callout,
.page--theme-green .preparationstep_item {
  background-color: var(--color-green);
  color: var(--color-green-dark);
}

.page--theme-white .callout,
.page--theme-white .preparationstep_item {
  background-color: var(--color-primary-lighter);
  color: var(--color-primary-dark);
}

.page--theme-kunterbunte .callout,
.page--theme-kunterbunte .preparationstep_item {
  background-color: #D8DE9E;
  color: var(--color-green-dark);
}

.page--theme-mezzi .callout,
.page--theme-mezzi .preparationstep_item {
  background-color: #AFACC5;
  color: var(--color-primary);
}

.page--theme-7huenchen .callout,
.page--theme-7huenchen .preparationstep_item {
  background-color: #F5A470;
  color: var(--color-primary);
}

.page--theme-glutenfrei .callout,
.page--theme-glutenfrei .preparationstep_item {
  background-color: #F2AA7E;
  color: var(--color-secondary-dark);
}

.page--theme-roasted .callout,
.page--theme-roasted .preparationstep_item {
  background-color: #FBD061;
  color: var(--color-secondary-dark);
}

.page--theme-minuto .callout,
.page--theme-minuto .preparationstep_item {
  background-color: #A9BBDC;
  color: #002b55;
}

.page--theme-hafer .callout,
.page--theme-hafer .preparationstep_item {
  background-color: #BEC485;
  color: #257C43;
}

.page--theme-pasta-klassiker .callout,
.page--theme-pasta-klassiker .preparationstep_item {
  background-color: #A5C2BB;
  color: #002b55;
}

.page--theme-3g-diemagich .callout,
.page--theme-3g-diemagich .preparationstep_item {
  background-color: #F7A868;
  color: #6C2B13;
}

.page--theme-3g-genusspur .callout,
.page--theme-3g-genusspur .preparationstep_item {
  background-color: #B8D7A1;
  color: #0A3B88;
}

.callout__number {
  font-size: var(--font-size-xxxxl);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-size-xxxl);
}

.card,
.card.img-wrapper > div {
  --card-background: var(--color-neutral-white);
  --card-spacing: var(--spacing-l);
  --card-color: var(--color-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  aspect-ratio: 34/43;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.card.card--hero_landscape,
.card.img-wrapper > div.card--hero_landscape {
  aspect-ratio: 68/42;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/span 2;
}
@media (max-width: 768px) {
  .card.card--hero_landscape,
  .card.img-wrapper > div.card--hero_landscape {
    aspect-ratio: 34/43;
  }
  .card.card--hero_landscape .card__heading,
  .card.img-wrapper > div.card--hero_landscape .card__heading {
    font-size: 1.25em !important;
  }
  .card.card--hero_landscape .card__text p,
  .card.img-wrapper > div.card--hero_landscape .card__text p {
    height: unset !important;
  }
}
@supports not (aspect-ratio: 34/43) {
  .card,
  .card.img-wrapper > div {
    position: relative;
  }
  .card::before,
  .card.img-wrapper > div::before {
    float: left;
    padding-top: 126.47059%;
    content: "";
  }
  .card::after,
  .card.img-wrapper > div::after {
    display: block;
    content: "";
    clear: both;
  }
  .card .card__heading,
  .card .card__text,
  .card.img-wrapper > div .card__heading,
  .card.img-wrapper > div .card__text {
    width: 100%;
  }
  .card:not(.card--hero) .card__heading,
  .card.img-wrapper > div:not(.card--hero) .card__heading {
    position: absolute;
  }
  .card:not(.card--hero) .card__text, .card.card--headline-on-bottom:not(.card--hero) .card__heading,
  .card.img-wrapper > div:not(.card--hero) .card__text,
  .card.img-wrapper > div.card--headline-on-bottom:not(.card--hero) .card__heading {
    position: absolute;
    bottom: 0;
  }
}
.card.card_with_different_headline_size h4.card__heading_paddingbot_different,
.card.img-wrapper > div.card_with_different_headline_size h4.card__heading_paddingbot_different {
  padding-bottom: 0.25em;
  padding-top: 0.5em !important;
}
.card.card_with_different_headline_size h4 + div,
.card.img-wrapper > div.card_with_different_headline_size h4 + div {
  text-align: center;
  padding: var(--card-spacing);
  padding-top: 0;
}
.card.card_with_different_headline_size h4 + div p,
.card.img-wrapper > div.card_with_different_headline_size h4 + div p {
  font-size: 1em;
  line-height: 1.25em;
}
.card.card_with_different_headline_size.card--hero, .card.card_with_different_headline_size.card--hero_landscape,
.card.img-wrapper > div.card_with_different_headline_size.card--hero,
.card.img-wrapper > div.card_with_different_headline_size.card--hero_landscape {
  padding-left: 2.5em;
  padding-right: 2.5em;
}
.card.card_with_different_headline_size.card--hero .card__hero-content h4, .card.card_with_different_headline_size.card--hero_landscape .card__hero-content h4,
.card.img-wrapper > div.card_with_different_headline_size.card--hero .card__hero-content h4,
.card.img-wrapper > div.card_with_different_headline_size.card--hero_landscape .card__hero-content h4 {
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}
.card.card_with_different_headline_size.card--hero .card__hero-content .card__text, .card.card_with_different_headline_size.card--hero_landscape .card__hero-content .card__text,
.card.img-wrapper > div.card_with_different_headline_size.card--hero .card__hero-content .card__text,
.card.img-wrapper > div.card_with_different_headline_size.card--hero_landscape .card__hero-content .card__text {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
  text-transform: unset;
}
.card.card_with_different_headline_size.card--hero .card__hero-content .card__text p, .card.card_with_different_headline_size.card--hero_landscape .card__hero-content .card__text p,
.card.img-wrapper > div.card_with_different_headline_size.card--hero .card__hero-content .card__text p,
.card.img-wrapper > div.card_with_different_headline_size.card--hero_landscape .card__hero-content .card__text p {
  line-height: 1.5em;
}
@media screen and (max-width: 599px) {
  .card,
  .card.img-wrapper > div {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }
}
.card p,
.card.img-wrapper > div p {
  font-size: var(--font-size);
}

.card--hero {
  padding-bottom: var(--spacing-xxxl);
  height: 100%;
  -ms-grid-column-span: 2;
  grid-column: span 2;
  -ms-grid-row-span: 2;
  grid-row: span 2;
  max-width: 100%;
}
.card--hero:not(.slick-slide) .card__hero-content {
  position: absolute;
}
.card--hero:not(.slick-slide) .card__hero-content .card__heading,
.card--hero:not(.slick-slide) .card__hero-content .card__text {
  position: relative;
}
.card--hero .card__image {
  max-height: 82.5%;
  max-width: 82.5%;
  width: auto;
  height: auto;
}
@media (min-width: 1200px) {
  .card--hero .card__image {
    padding-top: var(--spacing-xl);
  }
}
@media (max-width: 768px) {
  .card--hero.slick-slide .card__heading {
    padding-top: 0;
  }
}
.card--hero .card__heading {
  font-size: var(--font-size-xxl);
}
@media (min-width: 768px) and (max-width: 992px) {
  .card--hero .card__heading {
    padding-bottom: calc(var(--card-spacing) / 2);
  }
}
@media (min-width: 1200px) {
  .card--hero .card__heading {
    font-size: calc(var(--font-size-xxl) + var(--font-size));
  }
}
.card--hero .card__heading,
.card--hero .card__text {
  padding-left: var(--spacing);
  padding-right: var(--spacing);
}
@media (min-width: 576px) {
  .card--hero .card__heading,
  .card--hero .card__text {
    padding-left: calc(var(--spacing-xxxl) + var(--spacing));
    padding-right: calc(var(--spacing-xxxl) + var(--spacing));
  }
}
@media (min-width: 992px) {
  .card--hero .card__heading,
  .card--hero .card__text {
    padding-left: calc(var(--spacing-xxxl) + var(--spacing-xl));
    padding-right: calc(var(--spacing-xxxl) + var(--spacing-xl));
  }
}
@media (min-width: 1200px) {
  .card--hero .card__heading,
  .card--hero .card__text {
    padding-left: calc(var(--spacing-xxxl) + var(--spacing-xxl));
    padding-right: calc(var(--spacing-xxxl) + var(--spacing-xxl));
  }
}
.card--hero.card__hero-content:first-child .card__heading {
  margin-top: calc(var(--card-spacing) * 2);
}

.card img {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.card .card__hero-content, .card > h4 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-top: 0.5em !important;
}
.card .card__text, .card div:last-of-type {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.card--headline-on-bottom .card__heading {
  margin-top: auto;
}
.card--headline-on-bottom .card__text {
  margin-top: 0;
}
.card--headline-on-bottom img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.card--headline-on-bottom .card__hero-content, .card--headline-on-bottom > h4 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.card--headline-on-bottom .card__text, .card--headline-on-bottom div:last-of-type {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.card__image {
  margin: 0 auto;
  width: auto;
  height: 76.5%;
}

.card__heading {
  padding: var(--card-spacing);
  text-align: center;
  color: var(--color-neutral-white);
  word-break: break-word;
}
.card__image + .card__heading {
  padding-top: 0;
  margin-top: 0;
}

.card__text {
  padding: 0 var(--card-spacing);
}
.card__text p {
  height: calc(3 * var(--line-height) * var(--font-size));
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: var(--line-height);
}
.card:not(.card--hero) .card__text {
  margin-top: auto;
  padding: var(--card-spacing);
  font-weight: var(--font-weight-bold);
  background-color: var(--card-background);
  color: var(--card-color);
  width: 100%;
}
.card--hero .card__text {
  text-align: center;
  text-transform: uppercase;
  color: var(--color-neutral-white);
}

.page--theme-3g-diemagich .card {
  --card-color: #6C2B13;
}

.page--theme-3g-genusspur .card {
  --card-color: #0A3B88;
}

.page—-theme-minuto-orange .card .card__text {
  color: #B65B15 !important;
}

.page—-theme-minuto-sweets .card .card__text {
  color: white !important;
}

.page—-theme-minuto-baking .card .card__text {
  color: white !important;
}

.page—-theme-minuto-mousse .card .card__text {
  color: white !important;
}

.page—-theme-minuto-cremes .card .card__text {
  color: white !important;
}

.page—-theme-minuto-cuppudding .card .card__text {
  color: white !important;
}

.carousel {
  margin: 0;
  padding: 0;
}

.carousel-item {
  background-color: burlywood;
}

.page.page—-theme-minuto-orange h2, .page.page—-theme-minuto-orange h3, .page.page—-theme-minuto-orange .heading {
  color: #B65B15 !important;
}

.page.page—-theme-minuto-sweets h2, .page.page—-theme-minuto-sweets h3, .page.page—-theme-minuto-sweets .heading {
  color: white !important;
}

.page.page—-theme-minuto-baking h2, .page.page—-theme-minuto-baking h3, .page.page—-theme-minuto-baking .heading {
  color: white !important;
}

.page.page—-theme-minuto-mousse h2, .page.page—-theme-minuto-mousse h3, .page.page—-theme-minuto-mousse .heading {
  color: white !important;
}

.page.page—-theme-minuto-cremes h2, .page.page—-theme-minuto-cremes h3, .page.page—-theme-minuto-cremes .heading {
  color: white !important;
}

.page.page—-theme-minuto-cuppudding h2, .page.page—-theme-minuto-cuppudding h3, .page.page—-theme-minuto-cuppudding .heading {
  color: white !important;
}

.link--neutral {
  color: var(--text-color);
  text-decoration: underline;
}

.link--with-arrow {
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-bold);
}

.logo,
.logo-3g {
  --logo-width: 140px;
  display: block;
  width: 100%;
  max-width: var(--logo-width);
  -webkit-transition: max-width var(--duration-s);
  transition: max-width var(--duration-s);
}
@media screen and (min-width: 1800px) {
  .logo .logo,
  .logo .logo-3g,
  .logo-3g .logo,
  .logo-3g .logo-3g {
    --logo-width: 160px;
  }
}
.logo svg,
.logo-3g svg {
  width: 100%;
  height: auto;
}

.logo--small {
  --logo-width: 140px;
}

.logo-3g {
  display: none !important;
}

.media-object p {
  line-height: 1.65;
}

@media screen and (min-width: 900px) {
  .media-object--flipped .media-object__image {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

.media-object .text-container {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: var(--spacing-xxl);
}

.media-object.media-object--flipped .text-container {
  padding-left: var(--spacing);
  padding-right: var(--spacing-xl);
}

.media-object__image {
  width: 100%;
}

.menu-item--active .menu-item__link {
  position: relative;
  font-weight: var(--font-weight-bold);
}
.menu-item--active .menu-item__link:hover {
  text-decoration: none;
}
.menu-item--active .menu-item__link:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  background: url("src/assets/svg/separator.svg") no-repeat left center/contain;
  width: 100%;
  height: 6px;
}

.menu-item__link {
  position: relative;
  font-size: var(--font-size-l);
  color: var(--text-color-light);
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
.menu-item__link:hover {
  text-decoration: none;
}
.menu-item__link:hover:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  background: url("src/assets/svg/separator.svg") no-repeat left center/contain;
  width: 100%;
  height: 6px;
}

a.menu-item__link:after {
  content: unset;
}

.text-container {
  --text-container-spacing: var(--spacing);
}
.text-container > *:not(:first-child) {
  margin-top: var(--text-container-spacing);
}
.text-container ul,
.text-container ol {
  list-style-type: auto;
  padding-left: var(--spacing-l);
}
.text-container ul > *,
.text-container ol > * {
  margin-top: var(--text-container-spacing);
}
.text-container ul ul,
.text-container ul ol,
.text-container ol ul,
.text-container ol ol {
  list-style-type: circle;
}

.text-container--small {
  --text-container-spacing: var(--spacing-s);
}

.text-container--large {
  --text-container-spacing: var(--spacing-l);
}

.text-container--centered {
  text-align: center;
}

.grid {
  --grid-columns: 1;
  --grid-gap: var(--layout-grid-gutter);
  --grid-alignment: start;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: ;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  grid-gap: var(--grid-gap);
  -webkit-box-pack: var(--grid-alignment);
      -ms-flex-pack: var(--grid-alignment);
          justify-content: var(--grid-alignment);
  -webkit-box-align: var(--grid-alignment);
      -ms-flex-align: var(--grid-alignment);
          align-items: var(--grid-alignment);
}
.grid.align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.grid.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.grid.align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.grid > .grid__field--hero {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  -ms-grid-row-span: 2;
  grid-row: span 2;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.grid > .grid__field--hero .slick-list.draggable {
  height: 100%;
}
.grid > .grid__field--carousel .slick-dots {
  position: absolute;
  width: 100%;
  bottom: var(--spacing);
  text-align: center;
}
@media (min-width: 576px) {
  .grid > .grid__field--carousel .slick-dots {
    bottom: var(--spacing-xxl);
  }
}
.grid > .grid__field--carousel .slick-dots li {
  display: inline-block;
  padding: 0 var(--spacing-xs);
}
.grid > .grid__field--carousel .slick-dots li button {
  font-size: 0;
  width: var(--font-size-s);
  height: var(--font-size-s);
  border-radius: var(--font-size-s);
  background-color: var(--color-neutral-white);
  border: 0;
  opacity: 0.4;
}
.grid > .grid__field--carousel .slick-dots li.slick-active button {
  opacity: 1;
}
.grid > .grid__field--carousel .slick-dots li:only-child {
  display: none;
}

@media screen and (min-width: 900px) {
  .grid--columns-2 {
    --grid-columns: 2;
  }
}

@media screen and (min-width: 900px) {
  .grid--columns-3 {
    --grid-columns: 3;
  }
}

@media screen and (min-width: 600px) {
  .grid--columns-4 {
    --grid-columns: 2;
  }
}
@media screen and (min-width: 900px) {
  .grid--columns-4 {
    --grid-columns: 4;
  }
}

@media screen and (min-width: 600px) {
  .grid--columns-6 {
    --grid-columns: 3;
  }
}
@media screen and (min-width: 1200px) {
  .grid--columns-6 {
    --grid-columns: 6;
  }
}

@media screen and (min-width: 600px) {
  .grid--columns-8 {
    --grid-columns: 2;
  }
}
@media screen and (min-width: 900px) {
  .grid--columns-8 {
    --grid-columns: 4;
  }
}
@media screen and (min-width: 1200px) {
  .grid--columns-8 {
    --grid-columns: 8;
  }
}

@media screen and (min-width: 600px) {
  .grid--columns-12 {
    --grid-columns: 3;
  }
}
@media screen and (min-width: 900px) {
  .grid--columns-12 {
    --grid-columns: 6;
  }
}
@media screen and (min-width: 1200px) {
  .grid--columns-12 {
    --grid-columns: 12;
  }
}

.grid--centered {
  --grid-alignment: center;
}

.page {
  --page-background-color: var(--background-color);
  --page-text-color: var(--text-color);
  background-color: var(--page-background-color);
  color: var(--page-text-color);
  position: relative;
}
.page.mm-open {
  position: unset;
}
.page.mm-open .header.is-sticky {
  --header-position: fixed;
}

.page--theme-blue {
  --page-background-color: var(--color-primary-lighter);
  --page-text-color: var(--color-primary);
}

.page--theme-yellow {
  --page-background-color: var(--color-secondary-lighter);
  --page-text-color: var(--color-secondary-dark);
}

.page--theme-green {
  --page-background-color: var(--color-green-lighter);
  --page-text-color: var(--color-green-dark);
}

.page--theme-white {
  --page-background-color: #f5f4f8;
  --page-text-color: var(--color-primary);
}

.page--theme-kunterbunte {
  --page-background-color: var(--color-green-lighter);
  --page-text-color: var(--color-green-dark);
}

.page--theme-mezzi {
  --page-background-color: #fcbaa6;
  --page-text-color: #002b55;
}

.page--theme-7huenchen {
  --page-background-color: var(--color-green-lighter);
  --page-text-color: #302784;
}

.page--theme-glutenfrei {
  --page-background-color: #fdd799;
  --page-text-color: var(--color-secondary-dark);
}

.page--theme-roasted {
  --page-background-color: #FCE8C3;
  --page-text-color: var(--color-secondary-dark);
}

.page--theme-minuto {
  --page-background-color: #d8e0ed;
  --page-text-color: #002b55;
}

.page--theme-hafer {
  --page-background-color: #FADFA4;
  --page-text-color: #257C43;
}

.page--theme-pasta-klassiker {
  --page-background-color: #f5f4f8;
  --page-text-color: #002b55;
}

.page.page—-theme-minuto-orange {
  --page-background-color: #F6AA4A !important;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#FCBC66), color-stop(85%, #F8AF52), to(#F5A23F)) 0% 0% no-repeat padding-box !important;
  background: transparent linear-gradient(180deg, #FCBC66 0%, #F8AF52 85%, #F5A23F 100%) 0% 0% no-repeat padding-box !important;
  color: #B65B15 !important;
}
.page.page—-theme-minuto-orange tr td {
  border-color: #B65B15 !important;
}

.page.page—-theme-minuto-sweets {
  --page-background-color: #7CBEE8 !important;
  color: white !important;
}
.page.page—-theme-minuto-sweets tr td {
  border-color: white !important;
}

.page.page—-theme-minuto-baking {
  --page-background-color: #854A8F !important;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#bc69cb), color-stop(85%, #b54bc8), to(#9f28b5)) 0% 0% no-repeat padding-box !important;
  background: transparent linear-gradient(180deg, #bc69cb 0%, #b54bc8 85%, #9f28b5 100%) 0% 0% no-repeat padding-box !important;
  color: white !important;
}
.page.page—-theme-minuto-baking tr td {
  border-color: white !important;
}

.page.page—-theme-minuto-mousse {
  --page-background-color: #D38DA4 !important;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#fea9c6), color-stop(85%, #fc78a4), to(#dd3e73)) 0% 0% no-repeat padding-box !important;
  background: transparent linear-gradient(180deg, #fea9c6 0%, #fc78a4 85%, #dd3e73 100%) 0% 0% no-repeat padding-box !important;
  color: white !important;
}
.page.page—-theme-minuto-mousse tr td {
  border-color: white !important;
}

.page.page—-theme-minuto-cremes {
  --page-background-color: #69A6AD !important;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#92e6ef), color-stop(85%, #69ddea), to(#31bac9)) 0% 0% no-repeat padding-box !important;
  background: transparent linear-gradient(180deg, #92e6ef 0%, #69ddea 85%, #31bac9 100%) 0% 0% no-repeat padding-box !important;
  color: white !important;
}
.page.page—-theme-minuto-cremes tr td {
  border-color: white !important;
}

.page.page—-theme-minuto-cuppudding {
  --page-background-color: #DCA93E !important;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#f9c046), color-stop(85%, #f9b82d), to(#da990d)) 0% 0% no-repeat padding-box !important;
  background: transparent linear-gradient(180deg, #f9c046 0%, #f9b82d 85%, #da990d 100%) 0% 0% no-repeat padding-box !important;
  color: white !important;
}
.page.page—-theme-minuto-cuppudding tr td {
  border-color: white !important;
}

.section {
  --section-spacing: var(--layout-section-spacing);
  position: relative;
}

.section--spacing-small {
  --section-spacing: var(--layout-section-spacing-small);
}

.section--spacing-large {
  --section-spacing: var(--layout-section-spacing-large);
}

.section__content {
  position: relative;
  max-width: calc(var(--layout-content-width) + var(--spacing-l));
  padding: var(--section-spacing) var(--spacing-l) 0 var(--spacing-l);
  margin: 0 auto;
  z-index: var(--z-index-l);
}

.side-navigation {
  position: fixed;
  top: calc(var(--layout-header-height) + var(--spacing));
  right: 0;
  z-index: var(--z-index-xl);
  padding: var(--spacing) var(--spacing-l);
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  background-color: var(--color-backdrop-subtle);
  -webkit-transform: translateX(calc(100% - (var(--spacing-l) + 24px + var(--spacing))));
          transform: translateX(calc(100% - (var(--spacing-l) + 24px + var(--spacing))));
  -webkit-transition: -webkit-transform var(--duration-s);
  transition: -webkit-transform var(--duration-s);
  transition: transform var(--duration-s);
  transition: transform var(--duration-s), -webkit-transform var(--duration-s);
}
.side-navigation:hover {
  -webkit-transform: translate(0);
          transform: translate(0);
}

.stack {
  --stack-spacing: var(--spacing);
  --stack-direction: column;
  --stack-alignment: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--stack-direction);
          flex-direction: var(--stack-direction);
  gap: var(--stack-spacing);
  -webkit-box-align: var(--stack-alignment);
      -ms-flex-align: var(--stack-alignment);
          align-items: var(--stack-alignment);
}
@media screen and (min-width: 600px) {
  .stack {
    --stack-direction: row;
    --stack-alignment: center;
  }
}

.stack--horizontal {
  --stack-direction: row;
  --stack-alignment: center;
}

.stack--vertical {
  --stack-direction: column;
  --stack-alignment: flex-start;
}

.stack--spacing-small {
  --stack-spacing: var(--spacing-s);
}

.stack--spacing-large {
  --stack-spacing: var(--spacing-l);
}

.breadcumb-section {
  padding-top: var(--spacing-xxl);
}
@media screen and (min-width: 1200px) {
  .breadcumb-section {
    padding-top: 0;
  }
}

.page__product .breadcumb-section {
  padding-top: var(--spacing-xxxl);
}
@media screen and (min-width: 600px) {
  .page__product .breadcumb-section {
    padding-top: var(--spacing-xxl);
  }
}
@media screen and (min-width: 1200px) {
  .page__product .breadcumb-section {
    padding-top: 0;
  }
}

.breadcumb-section .section__content {
  padding-bottom: var(--section-spacing);
}

.parallax-section {
  background: url("src/assets/img/parallax-noodles-left.png") fixed, url("src/assets/img/parallax-noodles-right.png") fixed;
  background-position: left center, right center;
  background-repeat: no-repeat, no-repeat;
  background-size: 25vw, 25vw;
  padding: var(--spacing-xxxl) 0;
}
@media (max-width: 1200px) {
  .parallax-section {
    background: unset;
  }
}

.parallax-section .parallax-section__background {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("src/assets/img/parallax-noodles-center.png") fixed;
  background-position: center;
  background-position-y: 0;
  background-repeat: no-repeat;
  background-size: 50vw;
}
@media (max-width: 1200px) {
  .parallax-section .parallax-section__background {
    background: unset;
  }
}

.parallax-section.noodles-2 {
  color: #001479;
  background-color: #F6BA2D;
}
.parallax-section.noodles-2 .section__content .topline {
  font-size: 1em;
  text-transform: uppercase;
  margin-bottom: 0.25em;
}
.parallax-section.noodles-2 .section__content .heading {
  font-size: 3.1em;
  margin-bottom: 0.5em !important;
  -ms-hyphens: auto;
      hyphens: auto;
}
.parallax-section.noodles-2 .section__content p, .parallax-section.noodles-2 .section__content a {
  font-size: 1em;
}
.parallax-section.noodles-2 .section__content p {
  line-height: 1.5em;
}
.parallax-section.noodles-2 .section__content a {
  color: #001479;
  font-weight: bold;
  text-transform: uppercase;
}
.parallax-section.noodles-2 .section__content a::after {
  content: "";
  height: 20px;
  width: 18px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg class="svg-inline--fa fa-chevron-down fa-w-14" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="%23001479" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>');
  background-position: bottom;
}
@media (min-width: 1200px) {
  .parallax-section.noodles-2 .section__content {
    max-width: 40vw;
  }
  .parallax-section.noodles-2 .section__content .heading {
    max-width: 85%;
    -ms-hyphens: unset;
        hyphens: unset;
  }
}

.parallax-section .section__content {
  margin: 0 auto;
  text-align: center;
  padding-top: var(--spacing);
  padding-bottom: var(--spacing);
}
@media screen and (min-width: 1200px) {
  .parallax-section .section__content {
    max-width: 30vw;
  }
}
.parallax-section .section__content .heading,
.parallax-section .section__content p {
  display: block;
  max-width: calc(var(--layout-content-width-small) + 5vw);
  margin: 0 auto;
}
.parallax-section .section__content .heading {
  font-size: calc(var(--font-size-xxxl) - var(--font-size));
}
.parallax-section .section__content p {
  font-size: calc(var(--font-size-xxl) - var(--font-size-s) / 2);
  line-height: var(--line-height);
}

.intro-section .section__content .heading {
  margin-bottom: var(--spacing-l);
}

.recipes-section .grid {
  display: block;
}
.recipes-section .grid .card {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.products-section .grid {
  display: block;
}
.products-section .grid .products-section__product {
  display: inline-block;
}

.recipe-section .recipe-section__background {
  position: absolute;
  left: var(--spacing-l);
  right: var(--spacing-l);
  top: var(--section-spacing);
  bottom: 0;
  width: calc(100% - var(--spacing-xxl));
  height: calc(100% - var(--spacing-xl));
  background-image: url("src/assets/img/recipe-section-background.png");
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  z-index: -1;
}

@media screen and (max-width: 599px) {
  .recipe-section .section__content .grid--columns-4 {
    --grid-columns: 2;
  }
}
.recipe-section__text {
  max-width: var(--layout-content-width-small);
  margin: 0 auto;
  padding: var(--spacing-xxxl) 0;
  text-align: center;
}
@media (max-width: 900px) {
  .recipe-section__text {
    padding: 0 var(--spacing-l);
  }
}
.recipe-section__text p {
  font-size: var(--font-size-l);
  text-transform: uppercase;
  line-height: 120%;
}
.recipe-section__text .heading {
  padding-top: var(--spacing);
  font-size: calc(var(--font-size-xxxl) - var(--font-size));
}
.recipe-section__text form {
  padding-bottom: var(--spacing-xxxl);
}
.recipe-section__text form .button {
  margin-bottom: var(--spacing-xl);
}

.recipe-section__filter-entry {
  cursor: pointer;
}
.recipe-section__filter-entry p {
  font-weight: var(--font-weight-bold);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.recipe-section__filter-entry input[type=checkbox] {
  display: none;
}
.recipe-section__filter-entry label {
  cursor: pointer;
  padding-bottom: 10px;
}
.recipe-section__filter-entry label svg.fa-check {
  opacity: 0;
  display: block;
  margin: 0 auto;
  color: var(--color-secondary);
}
.recipe-section__filter-entry .recipe-section__filter-icon img {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.recipe-section__filter-entry :checked + label svg {
  opacity: 1;
}
.recipe-section__filter-entry:hover p {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.recipe-section__filter-entry:hover .recipe-section__filter-icon img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.recipe-section__filter-icon {
  width: 100%;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.recipe-section__filter-icon svg,
.recipe-section__filter-icon img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

.image-section .section__content {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  padding-left: 0;
  padding-right: 0;
  max-width: calc(var(--layout-content-width) - var(--spacing-l));
}

.image-section__text {
  max-width: var(--layout-content-width-small);
  margin: var(--spacing-xxxl) 0 var(--spacing-xl) var(--spacing-xl);
}
.image-section__text p {
  font-size: var(--font-size-l);
  text-transform: uppercase;
}

.page__product .hero-section__background:before {
  content: unset;
}
.page__product .intro-section .grid {
  grid-gap: calc(var(--grid-gap) * 10);
}
.page__product .products-section .section__content {
  padding-top: calc(var(--section-spacing) * 2);
}

.products-page .intro-section__lead {
  font-size: var(--font-size-xl);
}

@media screen and (min-width: 900px) {
  .page__recipe .grid--columns-2 {
    -ms-grid-columns: 33% calc(67% - var(--spacing));
    grid-template-columns: 33% calc(67% - var(--spacing));
  }
}

.recipes-page .intro-section__lead {
  font-size: var(--font-size-xl);
}

.text-page {
  padding-top: var(--layout-header-height);
}

.facts-section {
  text-align: center;
}
.facts-section .grid div {
  padding: 0 var(--spacing-l);
}
.facts-section .facts-carousel .facts-entry {
  padding: 0 var(--spacing-l);
}
.facts-section .facts-carousel .slick-dots {
  text-align: center;
  padding-top: var(--spacing-xl);
}
.facts-section .facts-carousel .slick-dots li {
  display: inline-block;
  padding: 0 var(--spacing-xs);
}
.facts-section .facts-carousel .slick-dots li button {
  font-size: 0;
  width: var(--font-size);
  height: var(--font-size);
  border-radius: var(--font-size);
  color: var(--color-neutral-white);
  border: 0;
  opacity: 0.4;
}
.facts-section .facts-carousel .slick-dots li.slick-active button {
  opacity: 1;
}
.facts-section .facts-carousel .slick-dots li:only-child {
  display: none;
}

.filter-section {
  text-transform: uppercase;
}
.filter-section .stack {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 1200px) {
  .filter-section .stack {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.filter-section .stack div:first-child {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: var(--spacing-s) 0;
}
@media screen and (min-width: 1200px) {
  .filter-section .stack div:first-child {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
.filter-section .stack div:last-child {
  padding: var(--spacing-s) 0;
}
@media screen and (min-width: 1200px) {
  .filter-section .stack div:last-child {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

.filter-section__entry {
  padding-right: var(--spacing-s);
}
@media screen and (min-width: 1200px) {
  .filter-section__entry {
    padding: 0;
  }
}
.filter-section__entry .filter-section__checkbox {
  display: inline-block;
}
.filter-section__entry p {
  display: inline-block;
}
.filter-section__entry input[type=checkbox] {
  display: none;
}
.filter-section__entry label svg {
  display: inline-block;
  background-color: var(--color-neutral-white);
  width: 24px;
  height: 24px;
  color: var(--color-neutral-white);
  padding: var(--spacing-xs);
  margin: 0 auto;
  margin-right: var(--spacing);
}
.filter-section__entry :checked + label svg {
  opacity: 1;
  color: var(--color-primary);
}

.page--theme-blue .filter-section__entry :checked + label svg,
.page--theme-white .filter-section__entry :checked + label svg {
  opacity: 1;
  color: var(--color-primary);
}

.page--theme-yellow .filter-section__entry :checked + label svg {
  opacity: 1;
  color: var(--color-secondary-dark);
}

.page--theme-green .filter-section__entry :checked + label svg {
  opacity: 1;
  color: var(--color-green-dark);
}

.page--theme-kunterbunte .filter-section__entry :checked + label svg {
  opacity: 1;
  color: var(--color-green-dark);
}

.page--theme-mezzi .filter-section__entry :checked + label svg {
  opacity: 1;
  color: #002b55;
}

.page--theme-7huenchen .filter-section__entry :checked + label svg {
  opacity: 1;
  color: #302784;
}

.page--theme-glutenfrei .filter-section__entry :checked + label svg {
  opacity: 1;
  color: var(--color-secondary-dark);
}

.page--theme-roasted .filter-section__entry :checked + label svg {
  opacity: 1;
  color: var(--color-secondary-dark);
}

.page--theme-minuto .filter-section__entry :checked + label svg {
  opacity: 1;
  color: #002b55;
}

.page--theme-hafer .filter-section__entry :checked + label svg {
  opacity: 1;
  color: #302784;
}

.page--theme-pasta-klassiker .filter-section__entry :checked + label svg {
  opacity: 1;
  color: #302784;
}

.page--theme-3g-diemagich .filter-section__entry :checked + label svg {
  opacity: 1;
  color: #6C2B13;
}

.page--theme-3g-genusspur .filter-section__entry :checked + label svg {
  opacity: 1;
  color: #0A3B88;
}

.footer {
  background: var(--color-neutral-white);
  margin-top: var(--spacing-xxxl);
}
.footer .footer__logo .logo {
  --logo-width: 90px;
}
.footer .section__content a {
  color: var(--color-primary);
}
.footer .section__content p {
  color: var(--color-primary);
  line-height: 170%;
}
.footer .footer__content-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-gap: var(--spacing);
  margin-top: var(--spacing);
  margin-bottom: var(--spacing-l);
}
@media screen and (min-width: 1200px) {
  .footer .footer__content-grid {
    grid-gap: var(--spacing-xl) var(--spacing);
    -ms-grid-columns: 1fr var(--spacing) 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.footer .footer__content-grid nav {
  padding: var(--spacing-s) 0;
}
@media screen and (min-width: 1200px) {
  .footer .footer__content-grid nav {
    padding: var(--spacing) 0;
  }
}
.footer .footer__content-grid nav ul {
  padding-top: var(--spacing-s);
  gap: var(--spacing-l);
}
.footer .footer__content-grid strong {
  display: inline-block;
  padding-bottom: var(--spacing-s);
}
.footer .footer__content-grid p {
  padding-bottom: var(--spacing-s);
  color: var(--color-primary);
}
.footer .footer__copyright p {
  font-size: var(--font-size-s);
  color: var(--color-neutral-gray);
}
.footer p {
  font-size: var(--font-size);
}

.footer__meta-cols {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr var(--spacing) 4fr var(--spacing) 3fr;
  grid-template-columns: 3fr 4fr 3fr;
  grid-gap: var(--spacing);
}
@media screen and (max-width: 599px) {
  .footer__meta-cols {
    -ms-grid-columns: 1fr var(--spacing) 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.footer__meta-cols a:after {
  display: none !important;
}

.footer__main-cols {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr var(--spacing) 1fr;
  grid-template-columns: 2fr 1fr;
  grid-gap: var(--spacing);
}
.footer__main-cols .footer__main-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.footer__main-cols .footer__main-social-icon {
  display: inline-block;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-left: var(--spacing-s);
}
.footer__main-cols .footer__main-social-icon svg {
  border-radius: 5px;
  color: var(--color-primary);
}
.footer__main-cols .footer__main-social-icon:after {
  content: unset;
}

.page.page—-theme-minuto-orange .footer {
  background-color: #F09225 !important;
}
.page.page—-theme-minuto-orange .footer .section__content a {
  color: var(--color-neutral-white);
  font-weight: bold;
}
.page.page—-theme-minuto-orange .footer .section__content p {
  color: var(--color-neutral-white);
}
.page.page—-theme-minuto-orange .footer .footer__main-cols .footer__main-social-icon svg {
  color: var(--color-neutral-white);
}

.page.page—-theme-minuto-sweets .footer {
  background-color: #4078c0 !important;
}
.page.page—-theme-minuto-sweets .footer .section__content a {
  color: var(--color-neutral-white);
  font-weight: bold;
}
.page.page—-theme-minuto-sweets .footer .section__content p {
  color: var(--color-neutral-white);
}
.page.page—-theme-minuto-sweets .footer .footer__main-cols .footer__main-social-icon svg {
  color: var(--color-neutral-white);
}

.page.page—-theme-minuto-baking .footer {
  background-color: #652471 !important;
}
.page.page—-theme-minuto-baking .footer .section__content a {
  color: var(--color-neutral-white);
  font-weight: bold;
}
.page.page—-theme-minuto-baking .footer .section__content p {
  color: var(--color-neutral-white);
}
.page.page—-theme-minuto-baking .footer .footer__main-cols .footer__main-social-icon svg {
  color: var(--color-neutral-white);
}

.page.page—-theme-minuto-mousse .footer {
  background-color: #b34f70 !important;
}
.page.page—-theme-minuto-mousse .footer .section__content a {
  color: var(--color-neutral-white);
  font-weight: bold;
}
.page.page—-theme-minuto-mousse .footer .section__content p {
  color: var(--color-neutral-white);
}
.page.page—-theme-minuto-mousse .footer .footer__main-cols .footer__main-social-icon svg {
  color: var(--color-neutral-white);
}

.page.page—-theme-minuto-cremes .footer {
  background-color: #317c85 !important;
}
.page.page—-theme-minuto-cremes .footer .section__content a {
  color: var(--color-neutral-white);
  font-weight: bold;
}
.page.page—-theme-minuto-cremes .footer .section__content p {
  color: var(--color-neutral-white);
}
.page.page—-theme-minuto-cremes .footer .footer__main-cols .footer__main-social-icon svg {
  color: var(--color-neutral-white);
}

.page.page—-theme-minuto-cuppudding .footer {
  background-color: #c18c18 !important;
}
.page.page—-theme-minuto-cuppudding .footer .section__content a {
  color: var(--color-neutral-white);
  font-weight: bold;
}
.page.page—-theme-minuto-cuppudding .footer .section__content p {
  color: var(--color-neutral-white);
}
.page.page—-theme-minuto-cuppudding .footer .footer__main-cols .footer__main-social-icon svg {
  color: var(--color-neutral-white);
}

header.header {
  --header-position: fixed;
  --header-background-color: transparent;
  --header-transition-duration: var(--duration-s);
  position: var(--header-position);
  top: 0;
  z-index: var(--z-index-xl);
  width: 100%;
  background-color: var(--header-background-color);
  -webkit-transition: all var(--header-transition-duration);
  transition: all var(--header-transition-duration);
}
header.header:not(.is-sticky) .logo,
header.header:not(.is-sticky) .logo-3g {
  --logo-color-primary: var(--color-neutral-white);
  --logo-color-secondary: var(--color-neutral-white);
}
header.header:not(.is-sticky) .section__content {
  padding-top: var(--spacing);
  padding-bottom: var(--spacing);
}
header.header.is-sticky {
  --section-spacing: var(--layout-section-spacing-small);
  --header-position: fixed;
  --header-background-color: var(--color-neutral-white);
}
header.header.is-sticky.megamenu-hover {
  --header-background-color: transparent;
}
header.header.is-sticky .section__content {
  padding-top: var(--spacing);
  padding-bottom: var(--spacing);
}
@media screen and (min-width: 1800px) {
  header.header.is-sticky .logo,
  header.header.is-sticky .logo-3g {
    --logo-width: 140px;
  }
}
header.header.is-sticky .logo,
header.header.is-sticky .logo-3g {
  --logo-width: 90px;
}
header.header.is-sticky a, header.header.is-sticky span {
  color: var(--color-primary);
}
header.header.mega-show a, header.header.mega-show span {
  color: var(--color-primary);
}
header.header.mega-hover {
  background-color: #F5F4F8;
}
header.header.mega-hover .menu-item__link {
  color: var(--color-primary);
}
header.header .section__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all var(--header-transition-duration);
  transition: all var(--header-transition-duration);
}

.header__meta-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-l);
}

.header__mobile-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: unset;
  height: 100vh;
  background-color: var(--color-neutral-white);
}
.header__mobile-menu .header__mobile-navigation ul {
  display: block;
}
.header__mobile-menu .header__mobile-navigation ul .menu-item__link {
  color: var(--color-neutral-white);
}
.header__mobile-menu .header__mobile-navigation ul .menu-item--active .menu-item__link:after {
  margin: 0 auto;
  background-position: center;
  top: unset;
  bottom: 0;
}
.header__mobile-menu .section__content {
  display: block;
}

.header__navigation,
.header__navigation-icons {
  display: none;
}

@media screen and (min-width: 1200px) {
  .header__navigation,
  .header__navigation-icons {
    display: block;
  }
}
.header__navigation-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
}

.header__sale-status {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background: transparent !important;
}
.header__sale-status .section__content {
  text-align: right;
}
.header__sale-status .header__sale-status-wrapper {
  position: relative;
  height: 33px;
  width: 33px;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: var(--spacing);
  margin-left: var(--spacing-l);
  width: auto;
  display: inline-block;
}
@media screen and (min-width: 1200px) {
  .header__sale-status .header__sale-status-wrapper {
    margin-top: 0;
  }
}
.header__sale-status .header__sale-status-wrapper #sale-status-close {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: calc(100% + 20px);
  right: -45px;
  z-index: 99;
  background: url("src/assets/svg/sale-status-close.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-animation: cssAnimation 0s 1.5s forwards;
          animation: cssAnimation 0s 1.5s forwards;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  visibility: hidden;
  cursor: pointer;
}
@media screen and (min-width: 1200px) {
  .header__sale-status .header__sale-status-wrapper #sale-status-close {
    right: 0;
  }
}
.header__sale-status .header__sale-status-wrapper svg {
  height: 33px;
  width: auto;
  cursor: pointer;
}
.header__sale-status .header__sale-status-wrapper .text-section {
  position: absolute;
  top: calc(100% + 15px);
  right: -52px;
  padding: 10px 30px 10px 20px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.8);
  max-width: 50vw;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  -webkit-animation: cssAnimation 0s 1.5s forwards;
          animation: cssAnimation 0s 1.5s forwards;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  visibility: hidden;
}
@media screen and (min-width: 1200px) {
  .header__sale-status .header__sale-status-wrapper .text-section {
    max-width: 30vw;
    right: -7px;
  }
}
.header__sale-status .header__sale-status-wrapper .text-section .section__content {
  padding: 0;
}
.header__sale-status .header__sale-status-wrapper .text-section:before {
  content: "";
  position: absolute;
  top: -10px;
  width: 0;
  border-bottom: 10px solid rgba(255, 255, 255, 0.8);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  right: 59px;
}
@media screen and (min-width: 1200px) {
  .header__sale-status .header__sale-status-wrapper .text-section:before {
    right: 14px;
  }
}
@-webkit-keyframes cssAnimation {
  to {
    visibility: visible;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@keyframes cssAnimation {
  to {
    visibility: visible;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
.header__sale-status p {
  color: var(--color-primary);
  text-align: left;
  line-height: 1.3;
  font-size: var(--font-size);
  text-transform: none;
}
@media screen and (max-width: 599px) {
  .header__sale-status p {
    font-size: 16px;
  }
}

.kesearch_searchbox {
  border: none;
  color: var(--color-neutral-white);
}
.kesearch_searchbox .kesearchbox {
  position: relative;
  display: none;
  margin-right: -25px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.kesearch_searchbox .kesearchbox.show {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.kesearch_searchbox .kesearchbox.show input#ke_search_sword {
  width: 250px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.kesearch_searchbox .kesearchbox.show svg {
  color: var(--color-neutral-white);
}
.kesearch_searchbox .kesearchbox .clearer {
  display: none;
}
.kesearch_searchbox .kesearchbox input#ke_search_sword {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 0px;
  background-color: #EAE9EF;
  color: #A4A7B2;
  border-radius: 0;
  border: 0;
  outline: 0;
  font-size: var(--font-size);
  padding: var(--spacing-s) var(--spacing);
  font-family: var(--font-family-primary);
  height: var(--spacing-xl);
}
.kesearch_searchbox .kesearchbox input#ke_search_sword::-ms-clear {
  display: none;
}
.kesearch_searchbox .kesearchbox input#ke_search_sword::-moz-selection { /* Code for Firefox */
  color: var(--color-neutral-white);
  background: var(--color-primary);
}
.kesearch_searchbox .kesearchbox input#ke_search_sword::selection {
  color: var(--color-neutral-white);
  background: var(--color-primary);
}
.kesearch_searchbox .kesearchbox #ke_search_sword_clear {
  position: absolute;
  right: var(--spacing-xxl);
  top: 0;
  color: var(--color-primary);
  z-index: 999;
  cursor: pointer;
  font-size: 32px;
  line-height: 40px;
}
.kesearch_searchbox .kesearchbox #ke_search_sword_clear.hidden {
  display: none;
}
.kesearch_searchbox .kesearchbox button {
  display: inline-block;
  padding: var(--spacing-s);
  font-size: var(--font-size-l);
  background: var(--color-primary);
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 100%;
  line-height: unset;
  cursor: pointer;
}
.kesearch_searchbox .kesearchbox button svg {
  margin: 0 var(--spacing-xs);
}
.kesearch_searchbox .search-icon {
  display: inline-block;
  float: right;
  cursor: pointer;
}

/* MOBILE NAVIGATION START */
.burger {
  display: none;
}

@media (max-width: 1200px) {
  #menu {
    width: 100%;
    max-width: unset;
    background-color: var(--color-primary-light);
    z-index: 5;
  }
  #menu .mm-panel {
    padding-top: calc(var(--layout-header-height) + var(--spacing-s));
    padding-left: 0;
    padding-right: 0;
  }
  #menu .mm-panel .mm-navbar {
    top: calc(var(--layout-header-height) + var(--spacing-l));
    font-weight: 700;
  }
  #menu .mm-navbars_top {
    top: calc(var(--layout-header-height) - var(--spacing-s));
    border-color: transparent;
  }
  #menu .mm-listview {
    width: 100%;
    padding: var(--spacing-l);
    margin: 0;
    margin-top: var(--spacing-l);
  }
  #menu .mm-navbar {
    padding: 0;
    margin: 0 var(--spacing-l);
    border-color: transparent;
    height: auto;
  }
  #menu .mm-navbar .mm-navbar__title {
    text-transform: uppercase;
    color: var(--color-neutral-white);
    font-size: var(--font-size-xl);
  }
  #mm-0 .mm-navbar {
    display: none;
  }
  #mm-0 .mm-listview {
    margin-top: calc(var(--spacing-xl) * -1) !important;
  }
  #menu .mm-navbar .mm-btn:before {
    border-color: var(--color-neutral-white);
    width: var(--font-size-s);
    height: var(--font-size-s);
  }
  #menu .mm-navbar .mm-searchfield {
    padding: 0;
  }
  #menu .mm-navbar .mm-searchfield .mm-searchfield__input {
    padding: 0;
  }
  #menu .mm-navbar .mm-searchfield .mm-searchfield__input input {
    height: var(--spacing-xl);
    max-height: var(--spacing-xl);
    min-height: var(--spacing-xl);
    padding: var(--spacing);
  }
  #menu .menu-item {
    display: block;
    text-align: center;
    padding: var(--spacing-s) var(--spacing);
    margin: var(--spacing-s) 0;
    border-color: transparent;
  }
  #menu .menu-item a {
    font-size: var(--font-size-xl);
    padding: var(--spacing-s);
    display: block;
    text-decoration: none;
    font-weight: 400;
    color: var(--color-neutral-white);
    margin: 0 !important;
  }
  #menu .menu-item .mm-btn_next:after {
    border-color: var(--color-neutral-white);
    width: var(--font-size-s);
    height: var(--font-size-s);
  }
  #menu .menu-item.social,
  #menu .menu-item.user {
    display: inline-block;
    text-align: center;
  }
  #menu .menu-item:hover a {
    font-weight: var(--font-weight-bold);
  }
  #menu .current-menu-item a {
    background-color: #be1622;
    color: var(--color-neutral-white);
    border: none;
  }
  #menu .current-menu-item:hover a {
    background-color: #be1622;
    color: var(--color-neutral-white);
  }
  #menu .sub-menu {
    background-color: var(--color-primary);
  }
  #menu .header__navigation-icons-mobile {
    padding: var(--spacing-l) 0;
  }
  #menu .header__navigation-icons-mobile .icons-menu {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: var(--spacing-xxl) 1fr;
    grid-template-columns: var(--spacing-xxl) 1fr;
  }
  #menu .header__navigation-icons-mobile .menu-item {
    display: inline-block;
    position: relative;
  }
  #menu .header__navigation-icons-mobile .menu-item a {
    font-size: var(--font-size-l);
    line-height: var(--font-size-xl);
  }
  #menu .header__navigation-icons-mobile .menu-item .menu-item__search input {
    width: calc(100% - var(--spacing-l));
    height: var(--spacing-xl);
    margin: 0 var(--spacing);
    background-color: var(--color-primary-lighter);
    border: none;
    outline: none;
  }
  #menu .header__navigation-icons-mobile .menu-item .menu-item__search svg {
    width: var(--spacing-l);
    height: var(--spacing-l);
    position: absolute;
    right: calc(var(--spacing) + var(--spacing-s));
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (max-width: 1200px) and (min-width: 1200px) {
  .header__navigation--mobile,
  .mm-page__blocker {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  .mm-page__blocker {
    display: none !important;
  }
  .burger {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 70px;
    height: 70px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    z-index: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-transition: -webkit-transform 0.2s ease-in;
    transition: -webkit-transform 0.2s ease-in;
    transition: transform 0.2s ease-in;
    transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
    background-color: transparent;
  }
  .burger:focus {
    outline: none;
  }
  .burger.burger-mobile {
    display: block;
  }
  .burger span {
    display: block;
    position: absolute;
    top: 32px;
    left: 18px;
    right: 18px;
    height: 3px;
    background: var(--color-neutral-white);
  }
  .header.is-sticky .burger span {
    background: var(--color-primary);
  }
  .header.is-sticky .burger.is-active span {
    background: var(--color-neutral-white);
  }
  .burger span::before,
  .burger span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--color-neutral-white);
    content: "";
  }
  .header.is-sticky .burger span::before,
  .header.is-sticky .burger span::after {
    background: var(--color-primary);
  }
  .header.is-sticky .burger.is-active span::before,
  .header.is-sticky .burger.is-active span::after {
    background: var(--color-primary);
  }
  .burger span::before {
    top: -12px;
  }
  .burger span::after {
    bottom: -12px;
  }
  .burger-mobile span {
    -webkit-transition: background;
    transition: background;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .burger-mobile span::before,
  .burger-mobile span::after {
    -webkit-transition-duration: 0.3s, 0.3s;
            transition-duration: 0.3s, 0.3s;
  }
  .burger-mobile span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, -webkit-transform;
    transition-property: top, transform;
    transition-property: top, transform, -webkit-transform;
  }
  .burger-mobile span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform;
  }
  .burger-mobile.is-active span {
    background: none !important;
  }
  .burger-mobile.is-active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .burger-mobile.is-active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .burger-mobile.is-active span::before,
  .burger-mobile.is-active span::after {
    -webkit-transition-delay: 0s, 0s;
            transition-delay: 0s, 0s;
    background-color: var(--color-neutral-white);
  }
  .mm-wrapper_opened .mm-menu_fx-menu-slide {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .mm-wrapper_opening .mm-menu_fx-menu-slide {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* MOBILE NAVIGATION END */
/* MOBILE NAVIGATION END */
div[class*=page--theme-3g] header.header.is-sticky a, div[class*=page--theme-3g] header.header.is-sticky span {
  color: #CD1128;
}
div[class*=page--theme-3g] header.header.mega-show a, div[class*=page--theme-3g] header.header.mega-show span {
  color: #CD1128;
}

.page.page—-theme-minuto-orange header.header.is-sticky {
  --header-background-color: #E68719 !important;
}
.page.page—-theme-minuto-orange header.header.is-sticky .menu-item a, .page.page—-theme-minuto-orange header.header.is-sticky .menu-item span {
  color: #FBBA62 !important;
}
.page.page—-theme-minuto-orange header.header.is-sticky .menu-item.menu-item--active a, .page.page—-theme-minuto-orange header.header.is-sticky .menu-item.menu-item--active span {
  color: white !important;
}
.page.page—-theme-minuto-orange header.header.mega-show a, .page.page—-theme-minuto-orange header.header.mega-show span {
  color: #FBBA62 !important;
}

.page.page—-theme-minuto-sweets header.header.is-sticky {
  --header-background-color: #79A4DB !important;
}
.page.page—-theme-minuto-sweets header.header.is-sticky .menu-item a, .page.page—-theme-minuto-sweets header.header.is-sticky .menu-item span {
  color: #c5d7ef !important;
}
.page.page—-theme-minuto-sweets header.header.is-sticky .menu-item.menu-item--active a, .page.page—-theme-minuto-sweets header.header.is-sticky .menu-item.menu-item--active span {
  color: white !important;
}
.page.page—-theme-minuto-sweets header.header.mega-show a, .page.page—-theme-minuto-sweets header.header.mega-show span {
  color: #c5d7ef !important;
}

.page.page—-theme-minuto-baking header.header.is-sticky {
  --header-background-color: #854A8F !important;
}
.page.page—-theme-minuto-baking header.header.is-sticky .menu-item a, .page.page—-theme-minuto-baking header.header.is-sticky .menu-item span {
  color: #b488bc !important;
}
.page.page—-theme-minuto-baking header.header.is-sticky .menu-item.menu-item--active a, .page.page—-theme-minuto-baking header.header.is-sticky .menu-item.menu-item--active span {
  color: white !important;
}
.page.page—-theme-minuto-baking header.header.mega-show a, .page.page—-theme-minuto-baking header.header.mega-show span {
  color: #b488bc !important;
}

.page.page—-theme-minuto-mousse header.header.is-sticky {
  --header-background-color: #D38DA4 !important;
}
.page.page—-theme-minuto-mousse header.header.is-sticky .menu-item a, .page.page—-theme-minuto-mousse header.header.is-sticky .menu-item span {
  color: #e3bdc9 !important;
}
.page.page—-theme-minuto-mousse header.header.is-sticky .menu-item.menu-item--active a, .page.page—-theme-minuto-mousse header.header.is-sticky .menu-item.menu-item--active span {
  color: white !important;
}
.page.page—-theme-minuto-mousse header.header.mega-show a, .page.page—-theme-minuto-mousse header.header.mega-show span {
  color: #e3bdc9 !important;
}

.page.page—-theme-minuto-cremes header.header.is-sticky {
  --header-background-color: #69A6AD !important;
}
.page.page—-theme-minuto-cremes header.header.is-sticky .menu-item a, .page.page—-theme-minuto-cremes header.header.is-sticky .menu-item span {
  color: #a9d1d6 !important;
}
.page.page—-theme-minuto-cremes header.header.is-sticky .menu-item.menu-item--active a, .page.page—-theme-minuto-cremes header.header.is-sticky .menu-item.menu-item--active span {
  color: white !important;
}
.page.page—-theme-minuto-cremes header.header.mega-show a, .page.page—-theme-minuto-cremes header.header.mega-show span {
  color: #a9d1d6 !important;
}

.page.page—-theme-minuto-cuppudding header.header.is-sticky {
  --header-background-color: #DCA93E !important;
}
.page.page—-theme-minuto-cuppudding header.header.is-sticky .menu-item a, .page.page—-theme-minuto-cuppudding header.header.is-sticky .menu-item span {
  color: #edca7f !important;
}
.page.page—-theme-minuto-cuppudding header.header.is-sticky .menu-item.menu-item--active a, .page.page—-theme-minuto-cuppudding header.header.is-sticky .menu-item.menu-item--active span {
  color: white !important;
}
.page.page—-theme-minuto-cuppudding header.header.mega-show a, .page.page—-theme-minuto-cuppudding header.header.mega-show span {
  color: #edca7f !important;
}

/* MOBILE NAVIGATION END */
.hero-section {
  position: relative;
  height: 80vh;
  padding: 0;
}

.hero-section .section__content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: calc(var(--layout-header-height) - var(--spacing-xl));
}
@media screen and (max-width: 599px) {
  .hero-section .section__content {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}

.hero-section hr {
  display: block;
}

.hero-section--carousel {
  height: 100vh;
  position: relative;
  padding: 0;
}

.hero-section--carousel .section__content {
  padding-top: var(--layout-header-height);
}
@media screen and (max-width: 599px) {
  .hero-section--carousel .section__content {
    padding-top: calc(var(--layout-header-height) / 2);
    padding-bottom: calc(var(--layout-header-height) / 2);
  }
}

.hero-section--carousel .slick-dots {
  position: absolute;
  width: 100%;
  bottom: var(--spacing-xxl);
  padding-left: var(--spacing-l);
  text-align: left;
}
@media screen and (max-width: 599px) {
  .hero-section--carousel .slick-dots {
    bottom: calc(var(--spacing-xxxl) * 2.5);
  }
}
@media screen and (min-width: 1200px) {
  .hero-section--carousel .slick-dots {
    text-align: center;
    padding: 0;
  }
}

.hero-section--carousel .slick-dots li {
  display: inline-block;
  padding: 0 var(--spacing-xs);
}

.hero-section--carousel .slick-dots li button {
  font-size: 0;
  width: var(--font-size);
  height: var(--font-size);
  border-radius: var(--font-size);
  color: var(--color-neutral-white);
  border: 0;
  opacity: 0.4;
}

.hero-section--carousel .slick-dots li.slick-active button {
  opacity: 1;
}

.hero-section--carousel .slick-dots li:only-child {
  display: none;
}

.hero-section--entry {
  height: 100vh;
  padding: var(--spacing-xxxl) 0;
  position: relative;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: hidden;
}

.hero-section--entry .section__content {
  width: 100%;
}
@media (max-width: 1200px) {
  .hero-section--entry .section__content {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

.hero-section__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--z-index);
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.hero-section__background.background-transparent:before {
  background-color: transparent;
}

.hero-section__teaser {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.hero-section__teaser .teaser__card {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-align: center;
  font-size: var(--font-size-l);
}
.hero-section__teaser .teaser__card img {
  margin-left: auto;
}
.hero-section__teaser .teaser__card .teaser__card-background {
  background: url("src/assets/svg/hero-card.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  -webkit-animation: fadeOut 0.2s;
          animation: fadeOut 0.2s;
}
@media screen and (max-width: 599px) {
  .hero-section__teaser .teaser__card .teaser__card-background {
    background-position: bottom left;
    width: 150%;
    height: 150%;
    margin-left: -6%;
  }
}
.hero-section__teaser .teaser__card .teaser__card-text {
  padding: var(--spacing) var(--spacing) var(--spacing-xxl) var(--spacing-xxxl);
  z-index: 3;
  opacity: 0;
  color: var(--color-neutral-white);
  font-family: "Amsi Pro Cond";
  -webkit-animation: fadeOut 0.2s;
          animation: fadeOut 0.2s;
}
@media screen and (max-width: 599px) {
  .hero-section__teaser .teaser__card .teaser__card-text {
    padding: var(--spacing) var(--spacing) var(--spacing-l) var(--spacing-xl);
  }
}
.hero-section__teaser .teaser__card .teaser__card-image {
  z-index: 2;
  max-width: 40vw;
  margin-left: -5vw;
  opacity: 0;
  -webkit-animation: fadeOut 0.2s;
          animation: fadeOut 0.2s;
}
@media screen and (min-width: 600px) {
  .hero-section__teaser .teaser__card .teaser__card-image {
    max-width: 30vw;
    margin-left: 0;
  }
}
@media screen and (min-width: 900px) {
  .hero-section__teaser .teaser__card .teaser__card-image {
    max-width: 25vw;
  }
}
@media screen and (min-width: 1200px) {
  .hero-section__teaser .teaser__card .teaser__card-image {
    max-width: 20vw;
  }
}
.hero-section__teaser .teaser__card .teaser__card-text_image {
  max-height: 105px;
  width: auto;
}

.slick-current .hero-section__teaser .teaser__card .teaser__card-background {
  opacity: 0;
  -webkit-animation: fadeIn 1.5s ease-in-out 2s;
          animation: fadeIn 1.5s ease-in-out 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.slick-current .hero-section__teaser .teaser__card .teaser__card-text {
  opacity: 0;
  -webkit-animation: fadeIn 1.5s ease-in-out 3s;
          animation: fadeIn 1.5s ease-in-out 3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.slick-current .hero-section__teaser .teaser__card .teaser__card-image {
  opacity: 0;
  -webkit-animation: fadeIn 1.5s ease-in-out 1s;
          animation: fadeIn 1.5s ease-in-out 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.hero-section__image {
  width: 50%;
}
@media (max-width: 1200px) {
  .hero-section__image {
    width: 100%;
  }
}

.hero-section__text {
  position: relative;
  z-index: var(--z-index-xl);
  max-width: 100%;
  color: var(--text-color-light);
  margin-top: calc(var(--layout-header-height) * -0.7 + var(--spacing-xxxl));
}
@media (max-width: 1200px) {
  .hero-section__text {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 900px) {
  .hero-section__text {
    max-width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .hero-section__text {
    margin-top: var(--spacing);
    max-width: 100%;
  }
}
.hero-section__text p {
  font-size: var(--font-size-l);
}
@media screen and (min-width: 900px) {
  .hero-section__text p {
    font-size: calc(var(--font-size) + var(--font-size-s));
  }
}
.hero-section__text .heading {
  font-size: var(--font-size-xxxl);
}
@media (max-width: 1200px) {
  .hero-section__text .heading {
    font-size: calc(var(--font-size-xxxl) - 10px);
  }
}
@media (max-width: 560px) {
  .hero-section__text .heading {
    font-size: calc(var(--font-size-xxxl) - 20px);
  }
}
.hero-section__text .hero-section__categories {
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}

.hero-section__title {
  text-transform: uppercase;
}
@media screen and (min-width: 900px) {
  .hero-section__title {
    font-size: var(--font-size-xl);
  }
}

.hero-section__product-image {
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
@media screen and (max-width: 599px) {
  .hero-section__product-image {
    max-height: 112.5%;
    max-width: 112.5%;
    margin-left: -6.25%;
  }
}

.hero-section__product-image-wrapper {
  position: absolute;
  bottom: -12vh !important;
  right: 0;
  max-height: unset;
  height: calc(90% + var(--spacing-xl) * 2);
  max-width: 65%;
  width: auto;
  padding: var(--spacing);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1200px) {
  .hero-section__product-image-wrapper {
    max-width: 100%;
    padding: var(--spacing-l);
    bottom: -13.5vh !important;
  }
}

.hero-section__category-seperator:last-child {
  display: none;
}

/*.hero-section__product-image {
  position: absolute;
  bottom: calc((var(--spacing-xxxl) + var(--spacing-xl)) * -1);
  right: 10%;
  z-index: var(--z-index-l);
  max-width: 67.5%;
  max-height: 80vh;
  width: auto;
  @include for-phone-only {
    max-width: calc(100% - var(--spacing-xxl));
    right: var(--spacing-l);
  }
}*/
.megamenu-section {
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: auto;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  background-color: #F5F4F8;
  padding-top: var(--spacing-xxxl);
  z-index: 5;
}
.megamenu-section::-webkit-scrollbar {
  width: var(--spacing-s);
}
.megamenu-section::-webkit-scrollbar-track {
  border-radius: var(--spacing-s);
  background-color: rgba(0, 0, 0, 0.1);
}
.megamenu-section::-webkit-scrollbar-thumb {
  border-radius: var(--spacing-s);
  background-color: rgba(255, 255, 255, 0.5);
}
​ .megamenu-section.mega-hover .menu-item__link {
  color: var(--color-primary);
}
​ .megamenu-section.mega-hover .grid {
  margin-bottom: 0;
}
.megamenu-section .section__content {
  width: 100%;
  padding: 0 var(--spacing-l);
}
.megamenu-section .megamenu-item:first-child:nth-last-child(2), .megamenu-section .megamenu-item:only-child {
  -ms-grid-column: 2;
  grid-column: 2;
}
.megamenu-section .megamenu-item .megamenu-item__link {
  display: block;
  padding-bottom: var(--spacing);
  color: var(--color-neutral-white);
}
.megamenu-section .megamenu-item .megamenu-item__link p {
  font-size: var(--font-size-xl);
  color: var(--color-primary);
  text-transform: uppercase;
}
.megamenu-section .megamenu-item .megamenu-item__link img {
  margin-bottom: var(--spacing);
  max-height: 225px;
  width: auto;
}
.megamenu-section .megamenu-close {
  padding-top: var(--spacing-xl);
  text-align: right;
  cursor: pointer;
}
.megamenu-section .megamenu-close .megamenu-close__link {
  color: var(--color-primary);
  width: var(--spacing-l);
  height: var(--spacing-l);
}
.megamenu-section .megamenu-close .megamenu-close__link svg {
  max-width: 100%;
}
.megamenu-section.is-sticky .megamenu-close {
  padding-top: 0;
}

body.mega-hover {
  overflow-y: hidden;
}

.mixed-section .text-container {
  max-width: var(--layout-content-width-small);
  margin: 0 auto;
}

.mixed-section__lead {
  font-size: var(--font-size-l);
}

.products-section {
  text-align: center;
}

.products-section__product {
  display: block;
  text-align: center;
  padding: var(--spacing-l);
  color: unset;
  text-decoration: none !important;
}
.products-section__product:hover {
  background-color: var(--color-primary-light);
}

.page--theme-blue .products-section__product:hover {
  background-color: var(--color-primary-light);
}

.page--theme-yellow .products-section__product:hover {
  background-color: var(--color-secondary-light);
}

.page--theme-green .products-section__product:hover {
  background-color: var(--color-green-light);
}

.page--theme-white .products-section__product:hover {
  background-color: var(--color-primary-light);
}

.page--theme-kunterbunte .products-section__product:hover {
  background-color: var(--color-green);
}

.page--theme-mezzi .products-section__product:hover {
  background-color: #afacc5;
}

.page--theme-7huenchen .products-section__product:hover {
  background-color: #f5a470;
}

.page--theme-glutenfrei .products-section__product:hover {
  background-color: #f2aa7e;
}

.page--theme-roasted .products-section__product:hover {
  background-color: #f0bb88;
}

.page--theme-minuto .products-section__product:hover {
  background-color: #a9bbdc;
}

.page--theme-hafer .products-section__product:hover {
  background-color: #BEC485;
}

.page--theme-pasta-klassiker .products-section__product:hover {
  background-color: #A5C2BB;
}

.page--theme-3g-diemagich .products-section__product:hover {
  background-color: #FBC18F;
}

.page--theme-3g-genusspur .products-section__product:hover {
  background-color: #C6E0A5;
}

.page--theme-3g-diemagich .products-section__product:hover {
  background-color: #FBC18F;
}

.products-section__product-image {
  position: relative;
  width: 100%;
  padding-bottom: calc(100% - var(--spacing-xxl));
}
.products-section__product-image img {
  max-height: none;
  max-width: 100%;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
  height: auto;
}

.products-section__product-text {
  padding-top: var(--spacing-xl);
  text-transform: uppercase;
}
.products-section__product-text p {
  font-size: var(--font-size-l);
}

.products-carousel .slick-dots,
.menu-carousel .slick-dots {
  text-align: center;
}
.products-carousel .slick-dots li,
.menu-carousel .slick-dots li {
  display: inline-block;
  padding: 0 var(--spacing-xs);
}
.products-carousel .slick-dots li button,
.menu-carousel .slick-dots li button {
  font-size: 0;
  width: var(--font-size);
  height: var(--font-size);
  border-radius: var(--font-size);
  border: 0;
  opacity: 0.4;
}
.products-carousel .slick-dots li.slick-active button,
.menu-carousel .slick-dots li.slick-active button {
  opacity: 1;
}
.products-carousel .slick-dots li:only-child,
.menu-carousel .slick-dots li:only-child {
  display: none;
}

.page--theme-blue .products-carousel .slick-dots li button,
.page--theme-blue .menu-carousel .slick-dots li button {
  background-color: var(--color-primary-dark);
}

.page--theme-yellow .products-carousel .slick-dots li button,
.page--theme-yellow .menu-carousel .slick-dots li button {
  background-color: var(--color-secondary-dark);
}

.page--theme-green .products-carousel .slick-dots li button,
.page--theme-green .menu-carousel .slick-dots li button {
  background-color: var(--color-green-dark);
}

.page--theme-white .products-carousel .slick-dots li button,
.page--theme-white .menu-carousel .slick-dots li button {
  background-color: var(--color-primary-dark);
}

.page--theme-kunterbunte .products-carousel .slick-dots li button,
.page--theme-kunterbunte .menu-carousel .slick-dots li button {
  background-color: var(--color-green-dark);
}

.page--theme-mezzi .products-carousel .slick-dots li button,
.page--theme-mezzi .menu-carousel .slick-dots li button {
  background-color: #002b55;
}

.page--theme-7huenchen .products-carousel .slick-dots li button,
.page--theme-7huenchen .menu-carousel .slick-dots li button {
  background-color: #302784;
}

.page--theme-glutenfrei .products-carousel .slick-dots li button,
.page--theme-glutenfrei .menu-carousel .slick-dots li button {
  background-color: #612d1f;
}

.page--theme-roasted .products-carousel .slick-dots li button,
.page--theme-roasted .menu-carousel .slick-dots li button {
  background-color: var(--color-secondary-dark);
}

.page--theme-minuto .products-carousel .slick-dots li button,
.page--theme-minuto .menu-carousel .slick-dots li button {
  background-color: #002b55;
}

.page--theme-hafer .products-carousel .slick-dots li button,
.page--theme-hafer .menu-carousel .slick-dots li button {
  background-color: var(--color-secondary-dark);
}

.page--theme-pasta-klassiker .products-carousel .slick-dots li button,
.page--theme-pasta-klassiker .menu-carousel .slick-dots li button {
  background-color: #0854AC;
}

.page--theme-3g-diemagich .products-carousel .slick-dots li button,
.page--theme-3g-diemagich .menu-carousel .slick-dots li button {
  background-color: #6C2B13;
}

.page--theme-3g-genusspur .products-carousel .slick-dots li button,
.page--theme-3g-genusspur .menu-carousel .slick-dots li button {
  background-color: #0A3B88;
}

.related-section .heading {
  text-align: center;
}

.related-carousel .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 var(--spacing-s);
}

.related-carousel .slick-list {
  margin: 0 calc(var(--spacing-s) * -1);
}

.related-carousel .slick-dots {
  text-align: center;
  padding-top: var(--spacing-xl);
}

.related-carousel .slick-dots li {
  display: inline-block;
  padding: 0 var(--spacing-xs);
}

.related-carousel .slick-dots li button {
  font-size: 0;
  width: var(--font-size);
  height: var(--font-size);
  border-radius: var(--font-size);
  color: var(--color-neutral-white);
  border: 0;
  opacity: 0.4;
}

.related-carousel .slick-dots li.slick-active button {
  opacity: 1;
}

.related-carousel .slick-dots li:only-child {
  display: none;
}

.ce-headline-center {
  text-align: center;
  margin-top: 2em;
}

[data-image-gallery]:not(img) {
  display: none;
}

.img-wrapper {
  position: relative;
  overflow: hidden;
}
.img-wrapper img {
  width: 100%;
}
.img-wrapper > div {
  cursor: pointer;
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
}
.img-wrapper > div:hover {
  -webkit-transform: scale(1.6);
          transform: scale(1.6);
}

.img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
}
.img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#overlay img {
  margin: 0;
  width: 90%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 5%;
}
@media screen and (min-width: 768px) {
  #overlay img {
    width: 90%;
  }
}
@media screen and (min-width: 1200px) {
  #overlay img {
    width: 90%;
  }
}

#nextButton {
  color: #fff;
  font-size: 2em;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
  opacity: 0;
  position: absolute;
  bottom: 11%;
  right: 11%;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  #nextButton {
    bottom: 44%;
    right: 13%;
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
  opacity: 0;
  position: absolute;
  bottom: 11%;
  left: 11%;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  #prevButton {
    bottom: 44%;
    left: 13%;
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
  position: absolute;
  cursor: pointer;
  top: 15px;
  right: 15%;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  #exitButton {
    font-size: 3em;
    right: 12%;
    top: 7%;
  }
}

#overlay .gallery-dots {
  position: absolute;
  bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#overlay .gallery-dots li {
  margin: 0.25em;
}
#overlay .gallery-dots li:first-of-type {
  margin-left: 0;
}
#overlay .gallery-dots li:last-of-type {
  margin-right: 0;
}
#overlay .gallery-dots li button {
  font-size: 0;
  width: var(--font-size-s);
  height: var(--font-size-s);
  border-radius: var(--font-size-s);
  background-color: var(--color-neutral-white);
  border: 0;
  opacity: 0.4;
}
#overlay .gallery-dots li.active button {
  opacity: 1;
}

@media print {
  /* This media query only applies itself to the page during printing */
  .breadcrumb,
  .hero-section__categories {
    display: none;
  }
  .grid.grid--columns-2 {
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0mm;
    padding: 0mm;
  }
  .grid.grid--columns-2 .col {
    margin: 0;
    padding: 0;
  }
  .grid.grid--columns-2 .col:first-of-type {
    width: 100%;
  }
  .grid.grid--columns-2 .col:last-of-type {
    width: 100%;
  }
  .grid.grid--columns-2 .col:first-of-type .text-container {
    width: 100%;
  }
}
body[data-siteidentifier=minuto],
body[data-siteidentifier=minuto-desserts] {
  --hover-backgroundcolor: var(--color-primary-light);
  background-color: var(--color--minuto-light-blue);
}
body[data-siteidentifier=minuto] .hero-section--carousel .slick-dots li button,
body[data-siteidentifier=minuto-desserts] .hero-section--carousel .slick-dots li button {
  background-color: white !important;
}
body[data-siteidentifier=minuto] .hero-section__text .heading.white,
body[data-siteidentifier=minuto-desserts] .hero-section__text .heading.white {
  color: white;
}
body[data-siteidentifier=minuto] .slick-current .hero-section__teaser .teaser__card .teaser__card-background,
body[data-siteidentifier=minuto-desserts] .slick-current .hero-section__teaser .teaser__card .teaser__card-background {
  -webkit-animation: fadeIn 1.5s ease-in-out 1s;
          animation: fadeIn 1.5s ease-in-out 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
body[data-siteidentifier=minuto] .slick-current .hero-section__teaser .teaser__card .teaser__card-image,
body[data-siteidentifier=minuto-desserts] .slick-current .hero-section__teaser .teaser__card .teaser__card-image {
  -webkit-animation: fadeIn 1.5s ease-in-out 2s;
          animation: fadeIn 1.5s ease-in-out 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
body[data-siteidentifier=minuto] .slick-current .hero-section__teaser .teaser__card .teaser__card-text,
body[data-siteidentifier=minuto-desserts] .slick-current .hero-section__teaser .teaser__card .teaser__card-text {
  -webkit-animation: fadeIn 1.5s ease-in-out 2s;
          animation: fadeIn 1.5s ease-in-out 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
body[data-siteidentifier=minuto] .hero-section__teaser .teaser__card .teaser__card-background,
body[data-siteidentifier=minuto-desserts] .hero-section__teaser .teaser__card .teaser__card-background {
  background-size: cover !important;
}
body[data-siteidentifier=minuto] .hero-section__teaser .teaser__card .teaser__card-image,
body[data-siteidentifier=minuto-desserts] .hero-section__teaser .teaser__card .teaser__card-image {
  margin-right: 3em;
}
body[data-siteidentifier=minuto] .hero-section hr,
body[data-siteidentifier=minuto-desserts] .hero-section hr {
  display: none;
}
body[data-siteidentifier=minuto] .header__sale-status,
body[data-siteidentifier=minuto-desserts] .header__sale-status {
  background-color: var(--color--minuto-light-blue);
}
@media (max-width: 599px) {
  body[data-siteidentifier=minuto] .hero-section__product-image-wrapper,
  body[data-siteidentifier=minuto-desserts] .hero-section__product-image-wrapper {
    overflow: hidden;
  }
  body[data-siteidentifier=minuto] .hero-section__product-image-wrapper .hero-section__product-image,
  body[data-siteidentifier=minuto-desserts] .hero-section__product-image-wrapper .hero-section__product-image {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    width: 150%;
    max-width: 150%;
    margin: 0 auto;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
body[data-siteidentifier=minuto] .logo svg,
body[data-siteidentifier=minuto-desserts] .logo svg {
  max-height: 20vh;
}
body[data-siteidentifier=minuto] .megamenu-section .megamenu-close .megamenu-close__link,
body[data-siteidentifier=minuto-desserts] .megamenu-section .megamenu-close .megamenu-close__link {
  color: var(--color--minuto-light-blue);
}
body[data-siteidentifier=minuto] .header.is-sticky .burger.is-active span::before,
body[data-siteidentifier=minuto] .header.is-sticky .burger.is-active span::after,
body[data-siteidentifier=minuto-desserts] .header.is-sticky .burger.is-active span::before,
body[data-siteidentifier=minuto-desserts] .header.is-sticky .burger.is-active span::after {
  background: var(--color-neutral-white);
}
body[data-siteidentifier=minuto] .teaser_icons,
body[data-siteidentifier=minuto-desserts] .teaser_icons {
  text-align: center;
}
body[data-siteidentifier=minuto] .teaser_icons img.icon__image,
body[data-siteidentifier=minuto-desserts] .teaser_icons img.icon__image {
  max-width: 70px;
  display: inline-block;
  margin: 0 0.5em;
}
body[data-siteidentifier=minuto] a.button.button--secondary svg,
body[data-siteidentifier=minuto-desserts] a.button.button--secondary svg {
  color: white !important;
}
body[data-siteidentifier=minuto] a.button.button--secondary:after,
body[data-siteidentifier=minuto-desserts] a.button.button--secondary:after {
  content: url("src/assets/svg/chevron-right.svg");
  margin-left: 1em;
  width: 12px;
  margin: var(--spacing-s) 0 var(--spacing-s) 1em;
}
body[data-siteidentifier=minuto] .heading,
body[data-siteidentifier=minuto-desserts] .heading {
  color: var(--color--minuto-text-light-blue);
}
body[data-siteidentifier=minuto] .card__hero-content .heading,
body[data-siteidentifier=minuto] .card__heading,
body[data-siteidentifier=minuto-desserts] .card__hero-content .heading,
body[data-siteidentifier=minuto-desserts] .card__heading {
  color: var(--color-neutral-white);
}
body[data-siteidentifier=minuto] .page,
body[data-siteidentifier=minuto-desserts] .page {
  background-color: var(--color--minuto-light-blue);
}
body[data-siteidentifier=minuto] .page .menu-item__link:hover:after,
body[data-siteidentifier=minuto] .page .menu-item--active .menu-item__link:after,
body[data-siteidentifier=minuto-desserts] .page .menu-item__link:hover:after,
body[data-siteidentifier=minuto-desserts] .page .menu-item--active .menu-item__link:after {
  content: unset;
}
body[data-siteidentifier=minuto] .page .products-section a .products-section__product-image,
body[data-siteidentifier=minuto-desserts] .page .products-section a .products-section__product-image {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
body[data-siteidentifier=minuto] .page .products-section a:hover .products-section__product-image,
body[data-siteidentifier=minuto-desserts] .page .products-section a:hover .products-section__product-image {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
body[data-siteidentifier=minuto] .page .products-section__product,
body[data-siteidentifier=minuto-desserts] .page .products-section__product {
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  border-radius: 10px 10px 10px 10px;
}
body[data-siteidentifier=minuto] .page .products-section__product:hover,
body[data-siteidentifier=minuto-desserts] .page .products-section__product:hover {
  background-color: var(--hover-backgroundcolor);
}
body[data-siteidentifier=minuto] .page .megamenu-item,
body[data-siteidentifier=minuto-desserts] .page .megamenu-item {
  background-color: var(--color--minuto-box-light-blue);
  border-radius: 10px 10px 10px 10px;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
body[data-siteidentifier=minuto] .page .megamenu-item img,
body[data-siteidentifier=minuto-desserts] .page .megamenu-item img {
  margin-top: var(--spacing);
  padding-right: calc(var(--spacing) * 2);
  padding-left: calc(var(--spacing) * 2);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
body[data-siteidentifier=minuto] .page .megamenu-item:hover,
body[data-siteidentifier=minuto-desserts] .page .megamenu-item:hover {
  background-color: var(--color--minuto-box-dark-blue);
}
body[data-siteidentifier=minuto] .page .megamenu-item:hover img,
body[data-siteidentifier=minuto-desserts] .page .megamenu-item:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
body[data-siteidentifier=minuto] .page .megamenu-item .megamenu-item__link,
body[data-siteidentifier=minuto-desserts] .page .megamenu-item .megamenu-item__link {
  text-decoration: none !important;
}
body[data-siteidentifier=minuto] .page .megamenu-item .megamenu-item__link p,
body[data-siteidentifier=minuto-desserts] .page .megamenu-item .megamenu-item__link p {
  color: var(--color-neutral-white);
  font-weight: bold;
}
body[data-siteidentifier=minuto] .page header.header .section__content,
body[data-siteidentifier=minuto-desserts] .page header.header .section__content {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
body[data-siteidentifier=minuto] .page header.header.is-sticky,
body[data-siteidentifier=minuto] .page header.header.mega-show,
body[data-siteidentifier=minuto-desserts] .page header.header.is-sticky,
body[data-siteidentifier=minuto-desserts] .page header.header.mega-show {
  --header-background-color: var(--color--minuto-dark-blue);
}
body[data-siteidentifier=minuto] .page header.header.is-sticky .burger span,
body[data-siteidentifier=minuto] .page header.header.is-sticky .burger span::before,
body[data-siteidentifier=minuto] .page header.header.is-sticky .burger span::after,
body[data-siteidentifier=minuto] .page header.header.mega-show .burger span,
body[data-siteidentifier=minuto] .page header.header.mega-show .burger span::before,
body[data-siteidentifier=minuto] .page header.header.mega-show .burger span::after,
body[data-siteidentifier=minuto-desserts] .page header.header.is-sticky .burger span,
body[data-siteidentifier=minuto-desserts] .page header.header.is-sticky .burger span::before,
body[data-siteidentifier=minuto-desserts] .page header.header.is-sticky .burger span::after,
body[data-siteidentifier=minuto-desserts] .page header.header.mega-show .burger span,
body[data-siteidentifier=minuto-desserts] .page header.header.mega-show .burger span::before,
body[data-siteidentifier=minuto-desserts] .page header.header.mega-show .burger span::after {
  background: var(--color-neutral-white);
}
body[data-siteidentifier=minuto] .page header.header.is-sticky .section__content,
body[data-siteidentifier=minuto] .page header.header.mega-show .section__content,
body[data-siteidentifier=minuto-desserts] .page header.header.is-sticky .section__content,
body[data-siteidentifier=minuto-desserts] .page header.header.mega-show .section__content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body[data-siteidentifier=minuto] .page header.header.is-sticky a,
body[data-siteidentifier=minuto] .page header.header.mega-show a,
body[data-siteidentifier=minuto-desserts] .page header.header.is-sticky a,
body[data-siteidentifier=minuto-desserts] .page header.header.mega-show a {
  color: var(--color-neutral-white);
}
body[data-siteidentifier=minuto] .page header.header.is-sticky span,
body[data-siteidentifier=minuto] .page header.header.mega-show span,
body[data-siteidentifier=minuto-desserts] .page header.header.is-sticky span,
body[data-siteidentifier=minuto-desserts] .page header.header.mega-show span {
  color: var(--color-neutral-white);
}
body[data-siteidentifier=minuto] .page header.header.is-sticky .logo,
body[data-siteidentifier=minuto] .page header.header.mega-show .logo,
body[data-siteidentifier=minuto-desserts] .page header.header.is-sticky .logo,
body[data-siteidentifier=minuto-desserts] .page header.header.mega-show .logo {
  --logo-width: 35px;
}
@media (max-width: 1200px) {
  body[data-siteidentifier=minuto] .page .logo,
  body[data-siteidentifier=minuto-desserts] .page .logo {
    --logo-width: 80px;
  }
}
body[data-siteidentifier=minuto] .page .card,
body[data-siteidentifier=minuto-desserts] .page .card {
  border-radius: 10px 10px 10px 10px;
  row-gap: 0;
}
body[data-siteidentifier=minuto] .page .card .card__text,
body[data-siteidentifier=minuto-desserts] .page .card .card__text {
  border-radius: 0 10px 10px;
  padding: 1em !important;
}
body[data-siteidentifier=minuto] .page .card.card--recipe::before,
body[data-siteidentifier=minuto-desserts] .page .card.card--recipe::before {
  content: "";
  height: 46px;
  width: 46px;
  background: url("src/assets/img/stopuhr.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: calc(3 * var(--line-height) * var(--font-size) + var(--card-spacing) + 40px);
  right: 10px;
}
body[data-siteidentifier=minuto] .page .card:not(.card--hero) .card__text,
body[data-siteidentifier=minuto-desserts] .page .card:not(.card--hero) .card__text {
  color: var(--color--minuto-text-dark-blue);
  font-weight: normal;
}
.card:not(.card--hero) body[data-siteidentifier=minuto] .page,
.card:not(.card--hero) body[data-siteidentifier=minuto-desserts] .page {
  font-weight: normal;
}
body[data-siteidentifier=minuto] .page .footer,
body[data-siteidentifier=minuto-desserts] .page .footer {
  background-color: var(--color--minuto-dark-blue);
}
body[data-siteidentifier=minuto] .page .footer .section__content a,
body[data-siteidentifier=minuto-desserts] .page .footer .section__content a {
  color: var(--color-neutral-white);
  font-weight: bold;
}
body[data-siteidentifier=minuto] .page .footer .section__content p,
body[data-siteidentifier=minuto-desserts] .page .footer .section__content p {
  color: var(--color-neutral-white);
}
body[data-siteidentifier=minuto] .page .footer .footer__main-cols .footer__main-social-icon svg,
body[data-siteidentifier=minuto-desserts] .page .footer .footer__main-cols .footer__main-social-icon svg {
  color: var(--color-neutral-white);
}
body[data-siteidentifier=minuto] .footer__content-grid,
body[data-siteidentifier=minuto-desserts] .footer__content-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
body[data-siteidentifier=minuto] .footer__content-grid .footer__meta-cols a,
body[data-siteidentifier=minuto-desserts] .footer__content-grid .footer__meta-cols a {
  font-weight: unset !important;
}
@media screen and (min-width: 1200px) {
  body[data-siteidentifier=minuto] .footer__content-grid,
  body[data-siteidentifier=minuto-desserts] .footer__content-grid {
    -ms-grid-columns: 1fr 3fr 1fr;
    grid-template-columns: 1fr 3fr 1fr;
  }
}
body[data-siteidentifier=minuto] .mega-show .logo,
body[data-siteidentifier=minuto-desserts] .mega-show .logo {
  --logo-width: 35px;
}
body[data-siteidentifier=minuto] .mega-show .logo svg,
body[data-siteidentifier=minuto-desserts] .mega-show .logo svg {
  max-height: unset;
}

body[data-siteidentifier=minuto-desserts] .breadcumb-section .breadcrumb {
  display: none;
}

body[data-siteidentifier="3glocken"] {
  --page-background-color: #FFF7A5;
  --page-text-color: #CD1128;
  background: var(--page-background-color);
}
body[data-siteidentifier="3glocken"] .header__sale-status p {
  color: #CD1128 !important;
}
body[data-siteidentifier="3glocken"] .header__sale-status svg {
  color: #CD1128 !important;
}
body[data-siteidentifier="3glocken"] .menu-item__link:hover:after,
body[data-siteidentifier="3glocken"] .menu-item--active .menu-item__link:after {
  content: unset;
}
body[data-siteidentifier="3glocken"] #menu,
body[data-siteidentifier="3glocken"] .mm-panels {
  background-color: var(--page-background-color);
}
body[data-siteidentifier="3glocken"] #btn-navigation-mobile.is-active span::before, body[data-siteidentifier="3glocken"] #btn-navigation-mobile.is-active span::after {
  background-color: #CD1128 !important;
}
body[data-siteidentifier="3glocken"] .menu a, body[data-siteidentifier="3glocken"] .menu span, body[data-siteidentifier="3glocken"] .megamenu-item__link p, body[data-siteidentifier="3glocken"] .megamenu-item__link, body[data-siteidentifier="3glocken"] .megamenu-close__link {
  color: #CD1128 !important;
}
body[data-siteidentifier="3glocken"] .section:not(.header):not(.megamenu) a {
  text-decoration: underline;
}
body[data-siteidentifier="3glocken"] a {
  color: var(--page-text-color);
}
body[data-siteidentifier="3glocken"] .page—-theme-3g-home {
  --page-background-color: #D1161D;
  --page-text-color: white;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#CD1128), color-stop(85%, #E46A52), to(#FFCF81)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #CD1128 0%, #E46A52 85%, #FFCF81 100%) 0% 0% no-repeat padding-box;
}
body[data-siteidentifier="3glocken"] .page--theme-3g-default {
  --page-background-color: #FFF7A5;
  --page-text-color: #D1161D;
}
body[data-siteidentifier="3glocken"] .page--theme-3g-grey {
  --page-background-color: #F5F4F8;
  --page-text-color: #D1161D;
}
body[data-siteidentifier="3glocken"] .page--theme-3g-genusspur {
  --page-background-color: #F0F9FF;
  --page-text-color: #0A3B88;
}
body[data-siteidentifier="3glocken"] .page--theme-3g-genusspur .card {
  --card-color: var(--page-text-color);
}
body[data-siteidentifier="3glocken"] .page--theme-3g-diemagich {
  --page-background-color: #FFDAB5;
  --page-text-color: #6C2B13;
}
body[data-siteidentifier="3glocken"] .page--theme-3g-diemagich .menu a, body[data-siteidentifier="3glocken"] .page--theme-3g-diemagich .menu span, body[data-siteidentifier="3glocken"] .page--theme-3g-diemagich .megamenu-close__link {
  color: white !important;
}
body[data-siteidentifier="3glocken"] .page--theme-3g-diemagich .is-sticky .menu a, body[data-siteidentifier="3glocken"] .page--theme-3g-diemagich .is-sticky .menu span, body[data-siteidentifier="3glocken"] .page--theme-3g-diemagich .is-sticky .megamenu-item__link p, body[data-siteidentifier="3glocken"] .page--theme-3g-diemagich .is-sticky .megamenu-item__link, body[data-siteidentifier="3glocken"] .page--theme-3g-diemagich .is-sticky .megamenu-close__link {
  color: #CD1128 !important;
}
body[data-siteidentifier="3glocken"] .page--theme-3g-diemagich .mega-show .menu a, body[data-siteidentifier="3glocken"] .page--theme-3g-diemagich .mega-show .menu span, body[data-siteidentifier="3glocken"] .page--theme-3g-diemagich .mega-show .megamenu-item__link p, body[data-siteidentifier="3glocken"] .page--theme-3g-diemagich .mega-show .megamenu-item__link, body[data-siteidentifier="3glocken"] .page--theme-3g-diemagich .mega-show .megamenu-close__link {
  color: #CD1128 !important;
}
body[data-siteidentifier="3glocken"] .page--theme-3g-diemagich .card {
  --card-color: var(--page-text-color);
}
body[data-siteidentifier="3glocken"] .card__hero-content .heading,
body[data-siteidentifier="3glocken"] .card__heading {
  color: var(--page-text-color);
}
body[data-siteidentifier="3glocken"] .btn.btn-primary {
  background-color: var(--page-text-color);
  border-color: var(--page-text-color);
}
body[data-siteidentifier="3glocken"] .parallax-section {
  background: url("src/assets/img/3glocken/parallax-noodles-left.png") fixed, url("src/assets/img/3glocken/parallax-noodles-right.png") fixed;
  background-position: left center, right center;
  background-repeat: no-repeat, no-repeat;
  background-size: 25vw, 25vw;
}
body[data-siteidentifier="3glocken"] .parallax-section .parallax-section__background {
  background: url("src/assets/img/3glocken/parallax-noodles-center.png") fixed;
  background-position: center;
  background-position-y: 0;
  background-repeat: no-repeat;
  background-size: 50vw;
}
@media (max-width: 1200px) {
  body[data-siteidentifier="3glocken"] .parallax-section .parallax-section__background {
    background: unset;
  }
}
body[data-siteidentifier="3glocken"] .hero-section hr {
  display: none;
}
body[data-siteidentifier="3glocken"] .footer * {
  color: #CD1128 !important;
}
body[data-siteidentifier="3glocken"] .button {
  color: white;
  background-color: #d93c36;
  border-color: #d93c36;
}
body[data-siteidentifier="3glocken"] .card {
  --card-color: #D1161D;
  color: var(--card-color);
  text-decoration: none !important;
}
body[data-siteidentifier="3glocken"] .card:hover {
  -webkit-text-decoration: underline transparent !important;
          text-decoration: underline transparent !important;
}
body[data-siteidentifier="3glocken"] .card:hover p, body[data-siteidentifier="3glocken"] .card:hover h1, body[data-siteidentifier="3glocken"] .card:hover h2, body[data-siteidentifier="3glocken"] .card:hover h3, body[data-siteidentifier="3glocken"] .card:hover h4 {
  text-decoration: underline !important;
}

body[data-siteidentifier=delverde] {
  font-family: "Sora" !important;
  --delverde-green: #016937;
  --delverde-beige: #F0EBDC;
  --delverde-text-color-primary: black;
  --delverde-text-color-secondary: #9C8959;
  --page-background-color: var(--delverde-green);
  --page-text-color: var(--delverde-text-color-primary);
  --logo-width: 260px;
  background: var(--page-background-color);
  color: var(--page-text-color);
}
@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 100;
  src: url(public/fonts/delverde/sora-v12-latin/sora-v12-latin-100.woff2) format("woff2");
}
@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 200;
  src: url(public/fonts/delverde/sora-v12-latin/sora-v12-latin-200.woff2) format("woff2");
}
@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 300;
  src: url(public/fonts/delverde/sora-v12-latin/sora-v12-latin-300.woff2) format("woff2");
}
@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: normal;
  src: url(public/fonts/delverde/sora-v12-latin/sora-v12-latin-regular.woff2) format("woff2");
}
@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 500;
  src: url(public/fonts/delverde/sora-v12-latin/sora-v12-latin-500.woff2) format("woff2");
}
@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 600;
  src: url(public/fonts/delverde/sora-v12-latin/sora-v12-latin-600.woff2) format("woff2");
}
@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 700;
  src: url(public/fonts/delverde/sora-v12-latin/sora-v12-latin-700.woff2) format("woff2");
}
@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 800;
  src: url(public/fonts/delverde/sora-v12-latin/sora-v12-latin-800.woff2) format("woff2");
}
body[data-siteidentifier=delverde] * {
  font-family: "Sora" !important;
}
body[data-siteidentifier=delverde] .header__sale-status .header__sale-status-wrapper .text-section {
  top: calc(100% + 35px);
}
body[data-siteidentifier=delverde] .header__sale-status .header__sale-status-wrapper .text-section p {
  color: var(--delverde-green) !important;
}
body[data-siteidentifier=delverde] .header__sale-status .header__sale-status-wrapper #sale-status-close {
  top: calc(100% + 40px);
}
body[data-siteidentifier=delverde] #menu,
body[data-siteidentifier=delverde] .mm-panels {
  background-color: var(--delverde-green);
}
body[data-siteidentifier=delverde] .burger.burger-mobile {
  color: white;
}
body[data-siteidentifier=delverde] .burger.burger-mobile * {
  color: white;
}
body[data-siteidentifier=delverde] .burger.burger-mobile span,
body[data-siteidentifier=delverde] .burger.burger-mobile ::before,
body[data-siteidentifier=delverde] .burger.burger-mobile ::after {
  background-color: white;
}
body[data-siteidentifier=delverde] .burger.burger-mobile.is-active {
  color: white;
}
body[data-siteidentifier=delverde] .burger.burger-mobile.is-active * {
  color: white;
}
body[data-siteidentifier=delverde] .burger.burger-mobile.is-active span,
body[data-siteidentifier=delverde] .burger.burger-mobile.is-active ::before,
body[data-siteidentifier=delverde] .burger.burger-mobile.is-active ::after {
  background-color: white;
}
body[data-siteidentifier=delverde] [data-sectiontransition="0"]:before,
body[data-siteidentifier=delverde] [data-sectiontransition="2"]:before {
  content: "";
  background-image: url("src/assets/img/delverde/baige-transparent.png");
  background-repeat: repeat;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 16px;
  z-index: 4;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
body[data-siteidentifier=delverde] [data-sectiontransition="1"]:after,
body[data-siteidentifier=delverde] [data-sectiontransition="2"]:after {
  content: "";
  background-image: url("src/assets/img/delverde/transparent-baige.png");
  background-repeat: repeat;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 16px;
  z-index: 4;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
body[data-siteidentifier=delverde] [data-sectionbackground="1"] {
  background-color: var(--delverde-green);
}
body[data-siteidentifier=delverde] [data-sectionbackground="2"] {
  background-image: url("src/assets/img/delverde/papier_background.jpg");
  background-size: cover;
}
body[data-siteidentifier=delverde] a {
  color: black;
  text-decoration: underline;
}
body[data-siteidentifier=delverde] .logo, body[data-siteidentifier=delverde] .is-sticky .logo {
  --logo-width: 260px;
}
body[data-siteidentifier=delverde] header.header .section__content {
  padding: 1.5rem 2rem;
}
body[data-siteidentifier=delverde] .megamenu-section {
  padding-top: 8rem;
}
body[data-siteidentifier=delverde] .megamenu-section .megamenu-close .megamenu-close__link, body[data-siteidentifier=delverde] .megamenu-item__link p {
  color: var(--delverde-green) !important;
}
body[data-siteidentifier=delverde] .menu a, body[data-siteidentifier=delverde] .menu span, body[data-siteidentifier=delverde] .megamenu-item__link p, body[data-siteidentifier=delverde] .megamenu-item__link, body[data-siteidentifier=delverde] .megamenu-close__link {
  font-size: 1rem;
  color: var(--delverde-green);
  text-decoration: none;
}
body[data-siteidentifier=delverde] .header {
  background-color: var(--delverde-green);
}
body[data-siteidentifier=delverde] .header .menu a, body[data-siteidentifier=delverde] .header .menu span, body[data-siteidentifier=delverde] .header .megamenu-item__link p, body[data-siteidentifier=delverde] .header .megamenu-item__link, body[data-siteidentifier=delverde] .header .megamenu-close__link {
  color: white !important;
}
body[data-siteidentifier=delverde] .header.is-sticky {
  background-color: var(--delverde-green);
}
body[data-siteidentifier=delverde] .header.is-sticky .menu a, body[data-siteidentifier=delverde] .header.is-sticky .menu span, body[data-siteidentifier=delverde] .header.is-sticky .megamenu-item__link p, body[data-siteidentifier=delverde] .header.is-sticky .megamenu-item__link, body[data-siteidentifier=delverde] .header.is-sticky .megamenu-close__link {
  color: white !important;
}
body[data-siteidentifier=delverde] .kesearch_searchbox {
  border: none;
  color: var(--color-neutral-white);
}
body[data-siteidentifier=delverde] .kesearch_searchbox .kesearchbox.show input#ke_search_sword::-webkit-search-cancel-button {
  display: none;
}
body[data-siteidentifier=delverde] .kesearch_searchbox .kesearchbox.show svg {
  color: var(--color-neutral-white);
}
body[data-siteidentifier=delverde] .kesearch_searchbox .kesearchbox #ke_search_sword_clear {
  color: var(--delverde-green) !important;
}
body[data-siteidentifier=delverde] .kesearch_searchbox .kesearchbox input#ke_search_sword {
  background-color: #EAE9EF;
  color: var(--delverde-green);
}
body[data-siteidentifier=delverde] .kesearch_searchbox .kesearchbox input#ke_search_sword::-moz-selection { /* Code for Firefox */
  color: var(--color-neutral-white);
  background: var(--delverde-green);
}
body[data-siteidentifier=delverde] .kesearch_searchbox .kesearchbox input#ke_search_sword::selection {
  color: var(--color-neutral-white);
  background: var(--delverde-green);
}
body[data-siteidentifier=delverde] .kesearch_searchbox .kesearchbox #ke_search_sword_clear {
  color: var(--color-primary);
}
body[data-siteidentifier=delverde] .kesearch_searchbox .kesearchbox button {
  background: var(--delverde-green);
}
body[data-siteidentifier=delverde] .menu-item__link:hover:after,
body[data-siteidentifier=delverde] .menu-item--active .menu-item__link:after {
  content: unset;
}
body[data-siteidentifier=delverde] .page {
  background: var(--delverde-beige);
  color: var(--delverde-text-color-primary);
  --hover-backgroundcolor: #DFD8C0;
}
body[data-siteidentifier=delverde] .page .breadcrumb {
  font-size: 1.25rem;
}
body[data-siteidentifier=delverde] .page .breadcrumb svg {
  margin-top: 0.5rem;
  color: var(--delverde-text-color-secondary);
}
body[data-siteidentifier=delverde] .page .breadcrumb a {
  font-size: 1.1rem;
  color: var(--delverde-text-color-secondary);
  text-decoration: none;
}
body[data-siteidentifier=delverde] .page .breadcrumb a:hover {
  text-decoration: underline !important;
}
body[data-siteidentifier=delverde] .page .breadcrumb span {
  color: var(--delverde-text-color-secondary);
}
body[data-siteidentifier=delverde] .page .breadcrumb .breadcrumb-item__text {
  font-size: 1.1rem;
  color: var(--delverde-text-color-secondary) !important;
}
@media screen and (max-width: 599px) {
  body[data-siteidentifier=delverde] .page .hero-section--carousel .slick-dots {
    bottom: 1rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
  }
}
@media screen and (min-width: 600px) {
  body[data-siteidentifier=delverde] .page .hero-section--carousel .slick-dots {
    bottom: 1rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
  }
}
@media screen and (min-width: 900px) {
  body[data-siteidentifier=delverde] .page .hero-section--carousel .slick-dots {
    bottom: 1rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
  }
}
@media screen and (max-width: 599px) {
  body[data-siteidentifier=delverde] .page .content-section {
    padding: 0;
  }
  body[data-siteidentifier=delverde] .page .content-section .text-container {
    padding: 0;
  }
}
@media screen and (min-width: 600px) {
  body[data-siteidentifier=delverde] .page .content-section {
    padding: 0;
  }
  body[data-siteidentifier=delverde] .page .content-section .text-container {
    padding: 0;
  }
}
@media screen and (min-width: 900px) {
  body[data-siteidentifier=delverde] .page .content-section {
    padding: 0;
  }
  body[data-siteidentifier=delverde] .page .content-section .text-container {
    padding: 0;
  }
}
body[data-siteidentifier=delverde] .page .card-grid-section .section__content {
  padding-bottom: 2em !important;
}
body[data-siteidentifier=delverde] .page .card {
  text-decoration: none;
}
body[data-siteidentifier=delverde] .page .card:hover {
  text-decoration: underline;
}
body[data-siteidentifier=delverde] .page .card:not(.card--hero) {
  border-radius: 10px 10px 10px 10px;
  color: var(--delverde-text-color-secondary);
}
body[data-siteidentifier=delverde] .page .card:not(.card--hero) .card__image {
  height: 63.5%;
}
@media screen and (max-width: 599px) {
  body[data-siteidentifier=delverde] .page .card:not(.card--hero) .card__image {
    height: 54.5%;
  }
}
@media screen and (min-width: 600px) {
  body[data-siteidentifier=delverde] .page .card:not(.card--hero) .card__image {
    height: 64.5%;
  }
}
@media screen and (min-width: 900px) {
  body[data-siteidentifier=delverde] .page .card:not(.card--hero) .card__image {
    height: 43.5%;
    margin: auto auto;
  }
}
@media screen and (min-width: 1200px) {
  body[data-siteidentifier=delverde] .page .card:not(.card--hero) .card__image {
    height: 63.5%;
  }
}
body[data-siteidentifier=delverde] .page .card:not(.card--hero) .card__text {
  border-radius: 0px 0px 10px 10px;
  color: var(--delverde-text-color-secondary);
  background-color: var(--delverde-green);
}
body[data-siteidentifier=delverde] .page .card.card--hero {
  border-radius: 10px 10px 10px 10px;
  color: white;
}
body[data-siteidentifier=delverde] .page .card.card--hero .card__hero-content {
  color: white;
}
body[data-siteidentifier=delverde] .page .card.card--hero .card__hero-content .heading {
  color: white;
}
body[data-siteidentifier=delverde] .page .card__hero-content .heading,
body[data-siteidentifier=delverde] .page .card__heading,
body[data-siteidentifier=delverde] .page .heading,
body[data-siteidentifier=delverde] .page .hero-section__text p.hero-section__title,
body[data-siteidentifier=delverde] .page p.topline,
body[data-siteidentifier=delverde] .page .hero-section__categories,
body[data-siteidentifier=delverde] .page .text-container h2,
body[data-siteidentifier=delverde] .page .text-container h3,
body[data-siteidentifier=delverde] .page .text-container h4,
body[data-siteidentifier=delverde] .page .text-container h5 {
  text-transform: none;
  color: var(--delverde-text-color-secondary);
}
@media screen and (max-width: 599px) {
  body[data-siteidentifier=delverde] .page .card__hero-content .heading,
  body[data-siteidentifier=delverde] .page .card__heading,
  body[data-siteidentifier=delverde] .page .heading,
  body[data-siteidentifier=delverde] .page .hero-section__text p.hero-section__title,
  body[data-siteidentifier=delverde] .page p.topline,
  body[data-siteidentifier=delverde] .page .hero-section__categories,
  body[data-siteidentifier=delverde] .page .text-container h2,
  body[data-siteidentifier=delverde] .page .text-container h3,
  body[data-siteidentifier=delverde] .page .text-container h4,
  body[data-siteidentifier=delverde] .page .text-container h5 {
    word-break: auto-phrase;
  }
}
@media screen and (min-width: 600px) {
  body[data-siteidentifier=delverde] .page .card__hero-content .heading,
  body[data-siteidentifier=delverde] .page .card__heading,
  body[data-siteidentifier=delverde] .page .heading,
  body[data-siteidentifier=delverde] .page .hero-section__text p.hero-section__title,
  body[data-siteidentifier=delverde] .page p.topline,
  body[data-siteidentifier=delverde] .page .hero-section__categories,
  body[data-siteidentifier=delverde] .page .text-container h2,
  body[data-siteidentifier=delverde] .page .text-container h3,
  body[data-siteidentifier=delverde] .page .text-container h4,
  body[data-siteidentifier=delverde] .page .text-container h5 {
    word-break: auto-phrase;
  }
}
@media screen and (min-width: 900px) {
  body[data-siteidentifier=delverde] .page .card__hero-content .heading,
  body[data-siteidentifier=delverde] .page .card__heading,
  body[data-siteidentifier=delverde] .page .heading,
  body[data-siteidentifier=delverde] .page .hero-section__text p.hero-section__title,
  body[data-siteidentifier=delverde] .page p.topline,
  body[data-siteidentifier=delverde] .page .hero-section__categories,
  body[data-siteidentifier=delverde] .page .text-container h2,
  body[data-siteidentifier=delverde] .page .text-container h3,
  body[data-siteidentifier=delverde] .page .text-container h4,
  body[data-siteidentifier=delverde] .page .text-container h5 {
    word-break: auto-phrase;
  }
}
body[data-siteidentifier=delverde] .page.page__recipe .hero-section__categories {
  color: white;
}
body[data-siteidentifier=delverde] .page .card__hero-content .card__heading {
  padding-left: calc(var(--spacing-xxl) + var(--spacing-xl)) !important;
  padding-right: calc(var(--spacing-xxl) + var(--spacing-xl)) !important;
  word-break: break-word;
}
@media screen and (max-width: 599px) {
  body[data-siteidentifier=delverde] .page .card__hero-content .card__heading {
    padding-left: calc(var(--spacing) + var(--spacing-s)) !important;
    padding-right: calc(var(--spacing) + var(--spacing-s)) !important;
  }
}
@media screen and (min-width: 600px) {
  body[data-siteidentifier=delverde] .page .card__hero-content .card__heading {
    padding-left: calc(var(--spacing) + var(--spacing-s)) !important;
    padding-right: calc(var(--spacing) + var(--spacing-s)) !important;
  }
}
@media screen and (min-width: 900px) {
  body[data-siteidentifier=delverde] .page .card__hero-content .card__heading {
    padding-left: calc(var(--spacing) + var(--spacing-s)) !important;
    padding-right: calc(var(--spacing) + var(--spacing-s)) !important;
  }
}
body[data-siteidentifier=delverde] .page .text-container h2,
body[data-siteidentifier=delverde] .page .text-container h3,
body[data-siteidentifier=delverde] .page .text-container h4,
body[data-siteidentifier=delverde] .page .text-container h5 {
  letter-spacing: 3px;
  text-transform: none;
}
body[data-siteidentifier=delverde] .page p.topline {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 1rem;
}
body[data-siteidentifier=delverde] .page .heading {
  text-transform: none;
  letter-spacing: 3px;
}
body[data-siteidentifier=delverde] .page .parallax-section {
  background: url("src/assets/img/delverde/Nudel-Parallax/parallax-noodles-left-delverde-2-tiny.png") fixed, url("src/assets/img/delverde/Nudel-Parallax/parallax-noodles-right-delverde-2-tiny.png") fixed;
  background-position: left center, right center;
  background-repeat: no-repeat, no-repeat;
  background-size: 25vw, 25vw;
}
body[data-siteidentifier=delverde] .page .parallax-section .section__content {
  max-width: 40vw;
  word-break: auto-phrase;
}
@media screen and (max-width: 599px) {
  body[data-siteidentifier=delverde] .page .parallax-section .section__content {
    max-width: 90vw;
  }
}
@media screen and (min-width: 600px) {
  body[data-siteidentifier=delverde] .page .parallax-section .section__content {
    max-width: 90vw;
  }
}
@media screen and (min-width: 900px) {
  body[data-siteidentifier=delverde] .page .parallax-section .section__content {
    max-width: 90vw;
  }
}
body[data-siteidentifier=delverde] .page .parallax-section .section__content .heading.mb {
  margin-bottom: 2.5rem !important;
}
body[data-siteidentifier=delverde] .page .parallax-section .parallax-section__background {
  background: unset !important;
}
@media (max-width: 1200px) {
  body[data-siteidentifier=delverde] .page .parallax-section .parallax-section__background {
    background: unset;
  }
}
body[data-siteidentifier=delverde] .page .hero-section hr {
  display: none;
}
body[data-siteidentifier=delverde] .page .hero-section .hero-section--entry div.section__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body[data-siteidentifier=delverde] .page .hero-section .hero-section--entry div.section__content .hero-section__text {
  text-align: center;
}
body[data-siteidentifier=delverde] .page .hero-section .hero-section--entry div.section__content .hero-section__text p,
body[data-siteidentifier=delverde] .page .hero-section .hero-section--entry div.section__content .hero-section__text .heading {
  color: white;
}
body[data-siteidentifier=delverde] .page .hero-section .hero-section--entry div.section__content .hero-section__text img {
  max-width: 250px;
  margin: 0 auto 1.5rem;
}
body[data-siteidentifier=delverde] .page .button--secondary {
  font-size: 1.25rem;
  font-weight: 500;
  padding: 1.5rem 3rem;
  margin-top: 2rem;
  background-color: var(--delverde-text-color-secondary);
  border-color: var(--delverde-text-color-secondary);
  color: white;
  text-decoration: none;
}
@media screen and (max-width: 599px) {
  body[data-siteidentifier=delverde] .page .button--secondary {
    padding: 1.5rem 1rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 600px) {
  body[data-siteidentifier=delverde] .page .button--secondary {
    padding: 1.5rem 1rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 900px) {
  body[data-siteidentifier=delverde] .page .button--secondary {
    padding: 1.5rem 1rem;
    margin: 0 auto;
  }
}
body[data-siteidentifier=delverde] .page .recipe-section {
  color: white !important;
}
body[data-siteidentifier=delverde] .page .recipe-section .heading {
  color: white !important;
}
body[data-siteidentifier=delverde] .page .recipe-section .recipe-section__filter-entry label svg.fa-check {
  color: #3CA371;
}
body[data-siteidentifier=delverde] .page .recipe-section .recipe-section__text p {
  text-transform: none;
}
body[data-siteidentifier=delverde] .page .recipe-section .recipe-section__text hr {
  display: none;
}
body[data-siteidentifier=delverde] .page .preparationstep_item {
  background-color: #AFACC5;
  color: var(--delverde-green);
  background-color: rgba(1, 105, 55, 0.2);
}
body[data-siteidentifier=delverde] .page .products-section__product {
  border-radius: 30px 30px 30px 30px;
  color: var(--delverde-text-color-secondary);
}
body[data-siteidentifier=delverde] .page .products-section__product:hover {
  background-color: var(--hover-backgroundcolor);
}
body[data-siteidentifier=delverde] .page tr:not(:last-child) td {
  border-color: var(--delverde-text-color-secondary);
  border-width: 2px;
}
body[data-siteidentifier=delverde] .page .products-carousel .slick-dots li button, body[data-siteidentifier=delverde] .page .menu-carousel .slick-dots li button {
  background-color: #9C8959;
}
body[data-siteidentifier=delverde] .page .grid--columns-2 {
  grid-gap: 2rem;
}
body[data-siteidentifier=delverde] .page .grid--columns-2 img {
  border-radius: 15px 15px 15px 15px;
}
body[data-siteidentifier=delverde] .page .input * {
  color: black;
}
body[data-siteidentifier=delverde] .page .btn.btn-primary {
  background-color: var(--delverde-green);
}
body[data-siteidentifier=delverde] .footer {
  background-color: var(--delverde-green);
  padding-top: 3rem;
}
body[data-siteidentifier=delverde] .footer * {
  color: white !important;
}
body[data-siteidentifier=delverde] .footer .footer__logo {
  margin-bottom: 2rem;
}
body[data-siteidentifier=delverde] .footer .footer__logo .logo {
  max-width: 150px;
}
body[data-siteidentifier=delverde] .footer .footer__meta nav {
  margin-bottom: 3rem;
}
body[data-siteidentifier=delverde] .footer:before {
  content: "";
  background-image: url("src/assets/img/delverde/baige-transparent.png");
  background-repeat: repeat;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 16px;
  z-index: 4;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
body[data-siteidentifier=delverde] .button {
  color: white;
  background-color: var(--delverde-green);
  border-color: var(--delverde-green);
}