/**
  * Variables naming rule: --{selector aka component aka namespace}-{css property}-{pseudo class or media query name} eg. --p-background-color-hover 
  * NOTE: Within the component don't use any name spacing eg. component header don't use --header-default-color just use --color the namespace can be added by the Shadow as an html attribute
  * - if a component holds other components or nodes you can declare or remap classes eg. :host > h1 {--color: var(--h1-color, white);}
  * - if a component holds other components you should share the attribute namespace with its children
  */
/* font tracking */
@import url("https://cdn.fonts.net/t/1.css?apiType=css&projectid=b2e5ea60-e0d9-11ec-b713-06e2001461d0");

@font-face {
  font-family: "DINW01Regular";
  src: url("https://cdn.migros.ch/ch.migros/static/fonts/din_regular/6ceed230-b2b3-4422-b048-4aa11687430a.woff2")
      format("woff2"),
    url("https://cdn.migros.ch/ch.migros/static/fonts/din_regular/80b0143f-6f0d-4dce-aafd-f3c81b85d177.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DINW01Bold";
  src: url("https://cdn.migros.ch/ch.migros/static/fonts/din_bold/55fa1cf8-baf8-4bf8-9718-b096b1dd231f.woff2")
      format("woff2"),
    url("https://cdn.migros.ch/ch.migros/static/fonts/din_bold/4cadc2f9-fb32-4b99-b1f2-9ce6d68afbd5.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "LucidaHandwritingW01Regular";
  src: url("https://cdn.migros.ch/ch.migros/static/fonts/lucida_handwriting_regular/9bf126af-ad4c-4aad-a508-570b9adbe5cd.woff2")
      format("woff2"),
    url("https://cdn.migros.ch/ch.migros/static/fonts/lucida_handwriting_regular/3d566305-c229-4f4e-b5ed-dfe2660edeb9.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --a-color: #dd0808;
  --a-text-decoration-hover: underline;
  --a-text-decoration: none;
  --a-text-underline-offset: 0.2em;
  --background-color: var(--m-white);
  --bg-color: var(--m-white);
  --bull-li-before-border-width: 0;
  --bull-li-before-height: 0.3125em;
  --bull-li-before-top: 0.625em;
  --bull-li-before-width: 0.3125em;
  --color-active: #a21619;
  --color-disabled: #864142;
  --color-hover: #ff0000;
  --color-secondary: #cd1619;
  --color-tertiary: #3c5f80;
  --color: #000000;
  --details-menu-single-p-margin: 0;
  --emotion-pictures-with-button-bg-background-color-custom: var(--color-secondary);
  --emotion-pictures-with-button-bg-color-custom: var(--m-white);
  --emotion-pictures-with-button-h2-text-transform-custom: none;
  --emotion-pictures-with-button-subline-display-mobile: none;
  --emotion-pictures-with-logo-bg-background-color-custom: var(--color-secondary);
  --emotion-pictures-with-logo-bg-color-custom: var(--m-white);
  --emotion-pictures-with-title-a-text-decoration: none;
  --emotion-pictures-with-title-bg-background-color-custom: var(--color-secondary);
  --emotion-pictures-with-title-bg-color-custom: var(--m-white);
  --emotion-pictures-with-title-h2-text-transform-custom: none;
  --emotion-pictures-with-title-subline-display-mobile-custom: none;
  --font-family-bold: DINW01Bold, HelveticaNowTextBold, HelveticaNowText, Helvetica, Arial, sans-serif;
  --font-family-secondary: Avenir35Light, sans-serif;
  --font-family-tertiary: LucidaHandwritingW01Regular, sans-serif;
  --font-family: DINW01Regular, HelveticaNowText, Helvetica, Arial, sans-serif;
  --font-size-mobile: min(15px, 5vw);
  --footer-default-h4-color: var(--color-secondary);
  --footer-default-invert-background-color-custom: #111111;
  --footer-default-invert-color-custom: var(--m-white);
  --footer-default-invert-orange-background-color-custom: var(--color);
  --footer-default-ul-list-style: none;
  --header-default-a-logo-top-custom: calc(62px / 2 - 90px / 2);
  --header-default-a-logo-top-mobile-custom: 0;
  --header-default-a-menu-icon-background-color-custom: var(--m-white);
  --header-default-background-color-custom: #222222;
  --header-default-logo-width-custom: 90px;
  --input-color: #404052;
  --navigation-default-color-custom: var(--m-white);
  --news-default-h1-color-custom: var(--color-secondary);
  --news-default-li-before-background-color-custom: var(--color-secondary);
  --news-default-link-collection-padding-custom: 2em 0;
  --news-default-p-white-space-custom: pre-wrap;
  --news-default-li-before-left: -18px;
  --pagination-default-a-color-custom: var(--m-white);
  --pagination-default-a-color-hover-custom: var(--color-secondary);
  --pagination-default-background-color-custom: var(--color);
  --teaser-overlay-bg-color-custom: var(--m-white);
  --teaser-plain-color-custom: var(--m-white);
  --teaser-plain-h2-margin-custom: 0;
  --teaser-tile-background-color-custom: var(--background-color);
}