/*$xxs-from: 0px;
$xxs-to: 575px;
$xs-from: 0px;
$xs-to: 767px;
$sm-from: 768px;
$sm-to: 991px;
$md-from: 992px;
$md-to: 1199px;
$lg-from: 1200px;
$lg-to: 1599px;
$xl-from: 1600px;
*/
/*
$xxs-from: 0px;
$xxs-to: 575px;
$xs-from: 0px;
$xs-to: 575px;
$sm-from: 576px;
$sm-to: 767px;
$md-from: 768px;
$md-to: 991px;
$lg-from: 992px;
$lg-to: 1199px;
$xl-from: 1200px;
$xl-to: 1399px;
$xxl-from: 1400px;
*/
/*
$xxs-from: 0px;
$xxs-to: 575px;
$xs-from: 0px;
$xs-to: 575px;
$sm-from: 576px;
$sm-to: 767px;
$md-from: 768px;
$md-to: 991px;    // 991px
$lg-from: 992px;  // 992px
$lg-to: 1199px;   // 1199px
$xl-from: 1200px;
$xl-to: 1399px;
$xxl-from: 1200px;
*/
/* SPEZIALFALL XS - XXS */
/* XXS MUSS NACH XS IM CSS ANGEGEBEN WERDEN */
/* Small devices (tablets, 767px and up) */
/* Small devices (tablets, 575px and up) */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
@font-face {
  font-family: "dinot";
  src: url("/fonts/dinot/dinot-bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "dinot";
  src: url("/fonts/dinot/dinot-medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "dinot";
  src: url("/fonts/dinot/dinot.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "dinot";
  src: url("/fonts/dinot/dinot-light.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
}
/* ============================= */
@font-face {
  font-family: "DIN OT";
  src: url("/fonts/din/5426100/60d165c5-73cd-45a1-8f89-28a2fd432339.eot?#iefix");
  src: url("/fonts/din/5426100/60d165c5-73cd-45a1-8f89-28a2fd432339.eot?#iefix") format("eot"), url("/fonts/din/5426100/732e3dc3-cffa-49de-9b4b-4cb9ae593525.woff2") format("woff2"), url("/fonts/din/5426100/21d2896c-7c1f-4093-bb1f-e7975180b9b8.woff") format("woff"), url("/fonts/din/5426100/aa0de6b1-5147-44f5-bc5f-666419393cb5.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DIN OT";
  src: url("/fonts/din/5426105/f2fdd2b7-b1c3-436b-9041-724c6a02057f.eot?#iefix");
  src: url("/fonts/din/5426105/f2fdd2b7-b1c3-436b-9041-724c6a02057f.eot?#iefix") format("eot"), url("/fonts/din/5426105/a5a426db-6dbd-4135-b607-371a197c38fa.woff2") format("woff2"), url("/fonts/din/5426105/d6062c05-ec0a-4cd8-b859-20c330d2785f.woff") format("woff"), url("/fonts/din/5426105/0a2435f1-0a73-40d5-a303-fc076009ab66.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN OT";
  src: url("/fonts/din/5426053/e72945c4-5029-4c68-859b-74bc6429ccd6.eot?#iefix");
  src: url("/fonts/din/5426053/e72945c4-5029-4c68-859b-74bc6429ccd6.eot?#iefix") format("eot"), url("/fonts/din/5426053/59fe4d12-8c74-457e-aa68-b9ad885f8f8f.woff2") format("woff2"), url("/fonts/din/5426053/39432a06-ab95-4bf7-bbb6-cb84e51170e8.woff") format("woff"), url("/fonts/din/5426053/e93afcb1-b4f4-4177-94ab-97c66a9bb9ee.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DIN OT";
  src: url("/fonts/din/5426089/a397c752-ee83-47cf-b8a8-b476511dd2c9.eot?#iefix");
  src: url("/fonts/din/5426089/a397c752-ee83-47cf-b8a8-b476511dd2c9.eot?#iefix") format("eot"), url("/fonts/din/5426089/53fb9c60-2054-4c31-9283-5562244b4935.woff2") format("woff2"), url("/fonts/din/5426089/45831ca8-93bd-4808-aa5f-3c915944f727.woff") format("woff"), url("/fonts/din/5426089/429a3e29-88da-4603-94ff-c1450c089c88.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN OT";
  src: url("/fonts/din/5426038/74a919d5-7a40-4a51-982e-bae87c827481.eot?#iefix");
  src: url("/fonts/din/5426038/74a919d5-7a40-4a51-982e-bae87c827481.eot?#iefix") format("eot"), url("/fonts/din/5426038/3fd43eae-744c-4368-b386-94088f2e669b.woff2") format("woff2"), url("/fonts/din/5426038/07222620-b566-4e53-8361-960b63754371.woff") format("woff"), url("/fonts/din/5426038/091b2fc7-228b-4f55-9b43-78bfe1c8fde4.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DIN OT";
  src: url("/fonts/din/5426076/9f48a411-8295-4ad8-b97a-f4cc38cef43d.eot?#iefix");
  src: url("/fonts/din/5426076/9f48a411-8295-4ad8-b97a-f4cc38cef43d.eot?#iefix") format("eot"), url("/fonts/din/5426076/79949f65-d692-489f-bd6b-b62647297229.woff2") format("woff2"), url("/fonts/din/5426076/b9597dec-1d68-488e-87e0-d7824cf36028.woff") format("woff"), url("/fonts/din/5426076/964c9b01-5d07-4ef1-8b71-3b173b54fbcc.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN OT";
  src: url("/fonts/din/5426014/a94d5d16-cbe3-439e-b1a5-fbdfb180d789.eot?#iefix");
  src: url("/fonts/din/5426014/a94d5d16-cbe3-439e-b1a5-fbdfb180d789.eot?#iefix") format("eot"), url("/fonts/din/5426014/8beea44e-c2c9-4889-9123-13d0e8b8d1bc.woff2") format("woff2"), url("/fonts/din/5426014/871e70ec-2f76-44c5-a2f1-77ee8cd0a5fe.woff") format("woff"), url("/fonts/din/5426014/8fa83ec7-0734-49e5-b5ad-b13a41463328.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN OT";
  src: url("/fonts/din/5426025/31393c1c-3e18-4011-a98d-252b48422e6f.eot?#iefix");
  src: url("/fonts/din/5426025/31393c1c-3e18-4011-a98d-252b48422e6f.eot?#iefix") format("eot"), url("/fonts/din/5426025/4bfc9802-18e0-45f1-b221-721200906da1.woff2") format("woff2"), url("/fonts/din/5426025/abff5174-3c28-4767-b3ba-8ec56b67064e.woff") format("woff"), url("/fonts/din/5426025/f0b0175d-906e-433e-ab60-e60c0d0779f4.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DIN OT";
  src: url("/fonts/din/5425970/973d086f-296a-4d74-8ac2-053d046e657e.eot?#iefix");
  src: url("/fonts/din/5425970/973d086f-296a-4d74-8ac2-053d046e657e.eot?#iefix") format("eot"), url("/fonts/din/5425970/c27280d9-cd6e-4ac9-915e-3dbcc8c280aa.woff2") format("woff2"), url("/fonts/din/5425970/1650453a-faf9-4b41-88d0-0b924f8ec3e2.woff") format("woff"), url("/fonts/din/5425970/62267c41-f9cf-4754-b558-d204f5411673.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DIN OT";
  src: url("//fonts/din/5425993/1649cdb9-9d1d-45c1-a4f4-f89ffd7f602f.eot?#iefix");
  src: url("/fonts/din/5425993/1649cdb9-9d1d-45c1-a4f4-f89ffd7f602f.eot?#iefix") format("eot"), url("/fonts/din/5425993/69a6a09d-674d-41dd-9a87-4137b47bc191.woff2") format("woff2"), url("/fonts/din/5425993/82524774-35cd-4dd0-b03e-643e83eec686.woff") format("woff"), url("/fonts/din/5425993/164b143e-b89d-4f66-86a0-705070a4cb17.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ptserif";
  src: url("/fonts/pt-serif/PTSerif-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ptserif";
  src: url("/fonts/pt-serif/PTSerif-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ptserif";
  src: url("/fonts/pt-serif/PTSerif-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ptserif";
  src: url("/fonts/pt-serif/PTSerif-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "notoserifdisplay";
  src: url("/fonts/noto-serif-display/NotoSerifDisplay-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "notoserifdisplay";
  src: url("/fonts/noto-serif-display/NotoSerifDisplay-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "notoserifdisplay";
  src: url("/fonts/noto-serif-display/NotoSerifDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "notoserifdisplay";
  src: url("/fonts/noto-serif-display/NotoSerifDisplay-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "notoserifdisplay";
  src: url("/fonts/noto-serif-display/NotoSerifDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "notoserifdisplay";
  src: url("/fonts/noto-serif-display/NotoSerifDisplay-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "notoserifdisplay";
  src: url("/fonts/noto-serif-display/NotoSerifDisplay-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "notoserifdisplay";
  src: url("/fonts/noto-serif-display/NotoSerifDisplay-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "notoserifdisplay";
  src: url("/fonts/noto-serif-display/NotoSerifDisplay-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "notoserifdisplay";
  src: url("/fonts/noto-serif-display/NotoSerifDisplay-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* Scope compositing hints, isolate layout/paint to the menus */
#main-menu-items-container,
#mainMenuSubmenuContainer,
#mainMenuDetailedMenuContainer {
  contain: layout paint;
}

#mainMenuV3 {
  display: none;
  z-index: 100000;
  position: fixed;
  background-color: #fff;
  /*
  $DEBUG: false;

  @if $DEBUG {
      #mainMenuSubmenuContainer {
          transform: translate(0px, 0px) !important;
          background: red;

          div.item-0 {
              &.hidden {
                  display: flex !important;
                  opacity: 1 !important;
              }
          }
      }

      #mainMenuDetailedMenuContainer {
          //height: 470px !important;

          > div {
              &.hidden {
                  display: flex !important;
                  opacity: 1 !important;
              }
          }
      }
  }
  */
  /*
      ol, ul, menu {
          list-style: none;
      }
      */
}
@media only screen and (min-width: 1024px) {
  #mainMenuV3 {
    display: block;
  }
}
#mainMenuV3 *, #mainMenuV3 ::after, #mainMenuV3 ::before, #mainMenuV3 ::backdrop, #mainMenuV3 ::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
#mainMenuV3 html, #mainMenuV3 :host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: sans-serif;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
#mainMenuV3 hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
#mainMenuV3 abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
#mainMenuV3 h1, #mainMenuV3 h2, #mainMenuV3 h3, #mainMenuV3 h4, #mainMenuV3 h5, #mainMenuV3 h6 {
  font-size: inherit;
  font-weight: inherit;
}
#mainMenuV3 a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
#mainMenuV3 b, #mainMenuV3 strong {
  font-weight: bolder;
}
#mainMenuV3 code, #mainMenuV3 kbd, #mainMenuV3 samp, #mainMenuV3 pre {
  font-family: monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
#mainMenuV3 small {
  font-size: 80%;
}
#mainMenuV3 sub, #mainMenuV3 sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
#mainMenuV3 sub {
  bottom: -0.25em;
}
#mainMenuV3 sup {
  top: -0.5em;
}
#mainMenuV3 table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
#mainMenuV3 :-moz-focusring {
  outline: auto;
}
#mainMenuV3 progress {
  vertical-align: baseline;
}
#mainMenuV3 summary {
  display: list-item;
}
#mainMenuV3 ul li {
  list-style-type: none;
}
#mainMenuV3 ul li a {
  font-size: 0.7rem;
  line-height: 1.4;
  font-weight: 500;
  font-family: "dinot";
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.075);
}
#mainMenuV3 #mainMenuContainer ul li a {
  line-height: 1.7;
}
#mainMenuV3 #mainMenuContainer ul#main-menu-items {
  padding-left: 1rem;
}
@media only screen and (min-width: 1200px) {
  #mainMenuV3 #mainMenuContainer ul#main-menu-items {
    padding-left: 1rem;
  }
}
#mainMenuV3 #mainMenuSearchHlContainer ul li .main-menu-desktop__item-link {
  font-size: 0.7rem;
  font-weight: 700;
}
#mainMenuV3 #mainMenuSubmenuContainer ul li a {
  line-height: 1.7;
}
#mainMenuV3 #mainMenuDetailedMenuContainer {
  position: absolute;
  background-color: #fff;
  width: 100%;
  pointer-events: none;
  padding-right: 2rem;
}
#mainMenuV3 #mainMenuDetailedMenuContainer span.menu-section {
  line-height: 1.2;
  color: #000;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
  font-family: "DIN OT";
  font-size: 0.5rem;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
}
#mainMenuV3 #mainMenuDetailedMenuContainer ul.menu-items li {
  line-height: 1.2;
}
#mainMenuV3 #mainMenuDetailedMenuContainer ul.menu-items li.text-link {
  width: 100%;
  max-width: 8.5rem;
}
#mainMenuV3 #mainMenuDetailedMenuContainer ul.menu-items li a {
  line-height: 1.2;
  color: #000;
  font-family: "DIN OT";
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 500;
}
#mainMenuV3 #mainMenuDetailedMenuContainer ul.menu-items li a:hover {
  color: oklch(20.5% 0 0deg);
  transition-duration: 0.2s;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#mainMenuV3 #mainMenuDetailedMenuContainer ul.menu-items li a .desc {
  font-weight: 300;
  margin-top: 5px;
}
#mainMenuV3 #mainMenuDetailedMenuContainer ul.menu-items li a .more {
  line-height: 1.5;
  text-align: right;
  text-transform: uppercase;
  color: #000;
  font-family: "DIN OT";
  font-size: 0.5rem;
  font-style: normal;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 15px;
  margin-top: 8px;
}
#mainMenuV3 #mainMenuDetailedMenuContainer ul.menu-items li a .more svg {
  margin-right: 5px;
}
#mainMenuV3 #mainMenuDetailedMenuContainer .detailed-featured-section-container {
  position: absolute;
  display: flex;
  flex-direction: row;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: auto;
  z-index: 10020;
}
#mainMenuV3 #mainMenuDetailedMenuContainer .detailed-featured-section-container .detailed-section {
  display: flex;
  width: 60%;
  max-width: 1320px;
}
#mainMenuV3 #mainMenuDetailedMenuContainer .detailed-featured-section-container .detailed-section.m-l-detailed-menu-items {
  margin: 0 auto 0 auto;
}
@media only screen and (min-width: 1400px) {
  #mainMenuV3 #mainMenuDetailedMenuContainer .detailed-featured-section-container .detailed-section.m-l-detailed-menu-items {
    margin: 0 auto 0 calc(calc(100px + calc(20px + 80px + 20px)) - 3rem);
  }
}
#mainMenuV3 #mainMenuDetailedMenuContainer .detailed-featured-section-container .detailed-section.p-detailed-menu-items {
  padding: 4rem 1rem 0 1rem;
}
@media only screen and (min-width: 1200px) {
  #mainMenuV3 #mainMenuDetailedMenuContainer .detailed-featured-section-container .detailed-section.p-detailed-menu-items {
    padding: 4rem 3rem 0 3rem;
  }
}
#mainMenuV3 #mainMenuDetailedMenuContainer .detailed-featured-section-container .featured-section {
  display: flex;
  width: 40%;
  border-left: 0.2rem solid #000;
}
#mainMenuV3 #mainMenuDetailedMenuContainer .detailed-featured-section-container .featured-section--inks {
  position: relative;
  align-items: center;
  justify-content: center;
}
#mainMenuV3 #mainMenuDetailedMenuContainer .detailed-featured-section-container .featured-section.p-featured-section {
  padding: 4rem 3rem 0 4rem;
}
#mainMenuV3 #mainMenuDetailedMenuContainer .detailed-featured-section-container .main-menu-desktop__inks-featured-image {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.5rem);
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
  padding-top: 2rem;
}
#mainMenuV3 #mainMenuDetailedMenuContainer .detailed-featured-section-container .main-menu-desktop__inks-featured-image img {
  width: 330px;
  height: 330px;
  object-fit: contain;
}
#mainMenuV3 #mainMenuDetailedMenuContainer .detailed-featured-section-container .main-menu-desktop__inks-featured-image--active {
  opacity: 1;
  transform: translateY(0);
}
#mainMenuV3 #mainMenuDetailFooterLinks {
  width: 100%;
  max-width: 90%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1rem;
  margin-inline: auto;
  pointer-events: auto;
  z-index: 10030;
}
#mainMenuV3 #mainMenuDetailFooterLinks .footer-items {
  display: flex;
  justify-content: space-between;
  margin-top: 2.5rem;
  --tw-tracking: 0.18em;
  letter-spacing: 0.18em;
}
#mainMenuV3 #mainMenuDetailFooterLinks .footer-items .footer-item {
  display: flex;
  justify-content: flex-start;
}
#mainMenuV3 #mainMenuDetailFooterLinks .footer-items .footer-item a {
  color: #000;
  color: oklch(37.1% 0 0deg);
  font-family: "DIN OT";
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-transform: uppercase;
  word-break: keep-all;
}
#mainMenuV3 #mainMenuDetailFooterLinks .footer-items .footer-item a:hover {
  color: oklch(20.5% 0 0deg);
  transition-duration: 0.2s;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#mainMenuV3 #mainMenuDetailFooterLinks.m-l-detailed-footer-items {
  margin: 0 auto 0 auto;
}
@media only screen and (min-width: 1400px) {
  #mainMenuV3 #mainMenuDetailFooterLinks.m-l-detailed-footer-items {
    margin: 0 auto 0 calc(calc(100px + calc(20px + 80px + 20px)) - 3rem);
  }
}
#mainMenuV3 #mainMenuDetailFooterLinks.p-detailed-footer-items {
  padding: 0 3rem 1rem 3rem;
}
#mainMenuV3 #mainMenuSubmenuContainer {
  padding-left: calc(100px + 1rem);
}
@media only screen and (min-width: 1200px) {
  #mainMenuV3 #mainMenuSubmenuContainer {
    padding-left: calc(100px + calc(20px + 80px + 20px));
  }
}
#mainMenuV3 #mainMenuDetailedMenuContainer {
  padding-left: 100px;
  height: 0;
  min-height: 0;
}
#mainMenuV3 img, #mainMenuV3 svg, #mainMenuV3 video, #mainMenuV3 canvas, #mainMenuV3 audio, #mainMenuV3 iframe, #mainMenuV3 embed, #mainMenuV3 object {
  display: block;
  vertical-align: middle;
}
#mainMenuV3 img, #mainMenuV3 video {
  max-width: 100%;
  height: auto;
}
#mainMenuV3 button, #mainMenuV3 input, #mainMenuV3 select, #mainMenuV3 optgroup, #mainMenuV3 textarea, #mainMenuV3 ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
#mainMenuV3 :where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
#mainMenuV3 :where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}
#mainMenuV3 ::file-selector-button {
  margin-inline-end: 4px;
}
#mainMenuV3 ::placeholder {
  opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
  #mainMenuV3 ::placeholder {
    color: currentcolor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    #mainMenuV3 ::placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
#mainMenuV3 textarea {
  resize: vertical;
}
#mainMenuV3 ::-webkit-search-decoration {
  -webkit-appearance: none;
}
#mainMenuV3 ::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
#mainMenuV3 ::-webkit-datetime-edit {
  display: inline-flex;
}
#mainMenuV3 ::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
#mainMenuV3 ::-webkit-datetime-edit, #mainMenuV3 ::-webkit-datetime-edit-year-field, #mainMenuV3 ::-webkit-datetime-edit-month-field, #mainMenuV3 ::-webkit-datetime-edit-day-field, #mainMenuV3 ::-webkit-datetime-edit-hour-field, #mainMenuV3 ::-webkit-datetime-edit-minute-field, #mainMenuV3 ::-webkit-datetime-edit-second-field, #mainMenuV3 ::-webkit-datetime-edit-millisecond-field, #mainMenuV3 ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
#mainMenuV3 ::-webkit-calendar-picker-indicator {
  line-height: 1;
}
#mainMenuV3 :-moz-ui-invalid {
  box-shadow: none;
}
#mainMenuV3 button, #mainMenuV3 input:where([type=button], [type=reset], [type=submit]), #mainMenuV3 ::file-selector-button {
  appearance: button;
}
#mainMenuV3 ::-webkit-inner-spin-button, #mainMenuV3 ::-webkit-outer-spin-button {
  height: auto;
}
#mainMenuV3 [hidden]:where(:not([hidden=until-found])) {
  display: none !important;
}
#mainMenuV3 .pointer-events-none {
  pointer-events: none;
}
#mainMenuV3 .block {
  display: block;
}
#mainMenuV3 .hidden {
  display: none;
}
#mainMenuV3 #mainMenuDetailedMenuContainer {
  will-change: auto;
}

/* NEW STYLES AFTER THIS COMMENT */
#mainMenuV3 .main-menu-desktop {
  position: fixed;
  inset: 0 0 auto;
  z-index: 10000;
  height: 60px;
  color: oklch(20.5% 0 0deg);
  background-color: transparent;
  box-shadow: none;
}
#mainMenuV3 .main-menu-desktop__primary, #mainMenuV3 .main-menu-desktop__submenu-inner {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-inline: auto;
  background-color: #fff;
}
#mainMenuV3 .main-menu-desktop__logo {
  position: relative;
  z-index: 10050;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 60px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-transform: lowercase;
  background-color: #000;
}
@media only screen and (min-width: 768px) {
  #mainMenuV3 .main-menu-desktop__logo {
    font-size: 22px;
  }
}
#mainMenuV3 .main-menu-desktop__anniversary-logo {
  position: relative;
  z-index: 10050;
  flex: 0 0 5rem;
  width: 5rem;
  height: 60px;
}
#mainMenuV3 .main-menu-desktop__anniversary-logo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 5px;
}
#mainMenuV3 .main-menu-desktop__anniversary-logo img.fg {
  filter: saturate(1.25);
}
#mainMenuV3 .main-menu-desktop__anniversary-logo img.bg {
  background-blend-mode: color-dodge;
  mix-blend-mode: difference;
  filter: contrast(0.1275);
}
#mainMenuV3 .main-menu-desktop__anniversary-logo:focus-visible {
  outline: 2px solid currentcolor;
  outline-offset: -2px;
}
#mainMenuV3 .main-menu-desktop__primary-links {
  position: relative;
  z-index: 10050;
  display: none;
  height: 100%;
  opacity: 1;
  pointer-events: auto;
  background-color: #fff;
  transform: translateY(0);
  transition: transform 200ms cubic-bezier(0, 0, 0.2, 1), opacity 200ms cubic-bezier(0, 0, 0.2, 1);
}
@media only screen and (min-width: 768px) {
  #mainMenuV3 .main-menu-desktop__primary-links {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-start;
  }
}
#mainMenuV3 .main-menu-desktop__link-list {
  position: relative;
  display: flex;
  align-items: flex-start;
  height: 100%;
  font-size: 14px;
  font-weight: 500;
  list-style: none;
  gap: 1.25rem;
}
#mainMenuV3 .main-menu-desktop__link-list--secondary {
  padding-bottom: 6px;
}
@media only screen and (min-width: 1200px) {
  #mainMenuV3 .main-menu-desktop__link-list {
    gap: 1.5rem;
  }
}
#mainMenuV3 .main-menu-desktop__link-item {
  align-content: center;
  height: 100%;
}
#mainMenuV3 .main-menu-desktop__link-item span {
  line-height: 1.2rem;
}
#mainMenuV3 .main-menu-desktop__link {
  display: inline-block;
  height: 100%;
  padding-block: 1rem;
  white-space: nowrap;
}
#mainMenuV3 .main-menu-desktop__link:hover {
  cursor: pointer;
}
#mainMenuV3 .main-menu-desktop__link--interactive {
  transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
#mainMenuV3 .main-menu-desktop__link--interactive:hover {
  cursor: pointer;
}
#mainMenuV3 .main-menu-desktop__link--interactive:focus-visible {
  outline: 2px solid currentcolor;
  outline-offset: 2px;
}
#mainMenuV3 .main-menu-desktop__legacy-underline {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0.25rem;
  pointer-events: none;
  background-color: #000;
}
#mainMenuV3 .main-menu-desktop__actions {
  position: relative;
  z-index: 10050;
  display: flex;
  align-items: center;
  height: 100%;
  padding-right: 0.75rem;
  gap: 0.5rem;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #fff;
}
@media only screen and (min-width: 40rem) {
  #mainMenuV3 .main-menu-desktop__actions {
    font-size: 12px;
    line-height: 1.3333;
  }
}
@media only screen and (min-width: 768px) {
  #mainMenuV3 .main-menu-desktop__actions {
    font-size: 13px;
  }
}
#mainMenuV3 .main-menu-desktop__search-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
#mainMenuV3 .main-menu-desktop__search-button:hover {
  background-color: oklch(97% 0 0deg);
}
#mainMenuV3 .main-menu-desktop__search-button:focus-visible {
  outline: 2px solid currentcolor;
  outline-offset: 2px;
}
#mainMenuV3 .main-menu-desktop__languages, #mainMenuV3 .main-menu-desktop__language-list {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
#mainMenuV3 .main-menu-desktop__languages {
  justify-content: flex-end;
}
#mainMenuV3 .main-menu-desktop__languages:hover .main-menu-desktop__language-list, #mainMenuV3 .main-menu-desktop__languages:focus-within .main-menu-desktop__language-list {
  width: 7.5rem;
}
#mainMenuV3 .main-menu-desktop__languages:hover .main-menu-desktop__language-link--inactive, #mainMenuV3 .main-menu-desktop__languages:focus-within .main-menu-desktop__language-link--inactive {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
  transition-delay: 0s;
}
#mainMenuV3 .main-menu-desktop__languages:hover .main-menu-desktop__language-link--active::after, #mainMenuV3 .main-menu-desktop__languages:focus-within .main-menu-desktop__language-link--active::after {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 200ms;
}
#mainMenuV3 .main-menu-desktop__language-list {
  justify-content: flex-end;
  width: 1.5rem;
  overflow: hidden;
  white-space: nowrap;
  transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
#mainMenuV3 .main-menu-desktop__language-item--active {
  order: 2;
}
#mainMenuV3 .main-menu-desktop__language-item--inactive {
  order: 1;
}
#mainMenuV3 .main-menu-desktop__language-link {
  transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
#mainMenuV3 .main-menu-desktop__language-link:hover {
  color: oklch(55.6% 0 0deg);
}
#mainMenuV3 .main-menu-desktop__language-link--active {
  position: relative;
  font-weight: 700;
}
#mainMenuV3 .main-menu-desktop__language-link--active::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 1px;
  content: "";
  background-color: currentcolor;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: center;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
#mainMenuV3 .main-menu-desktop__language-link--inactive {
  font-weight: 500;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateX(0.5rem);
  transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 200ms;
}
#mainMenuV3 .main-menu-desktop__submenu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10040;
  width: 100%;
  height: 60px;
  min-height: 60px;
  background-color: #fff;
}
#mainMenuV3 .main-menu-desktop__submenu-panel {
  width: 100%;
  height: 100%;
}
#mainMenuV3 .main-menu-desktop__submenu-inner {
  position: relative;
}
#mainMenuV3 .main-menu-desktop__details {
  z-index: 10010;
  overflow: hidden;
}
#mainMenuV3 .main-menu-desktop__details-main {
  flex: 1;
}
#mainMenuV3 .main-menu-desktop__details-main > .main-menu-desktop__section-grid .main-menu-desktop__section-title > a,
#mainMenuV3 .main-menu-desktop__details-main > .main-menu-desktop__section-grid .main-menu-desktop__item-list > li > .main-menu-desktop__item-link {
  position: relative;
  display: inline-block;
}
#mainMenuV3 .main-menu-desktop__details-main > .main-menu-desktop__section-grid .main-menu-desktop__section-title > a::after,
#mainMenuV3 .main-menu-desktop__details-main > .main-menu-desktop__section-grid .main-menu-desktop__item-list > li > .main-menu-desktop__item-link::after {
  position: absolute;
  right: 0;
  bottom: -4px;
  left: 0;
  height: 3px;
  content: "";
  background-color: #000;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
#mainMenuV3 .main-menu-desktop__details-main > .main-menu-desktop__section-grid .main-menu-desktop__section-title > a:hover::after, #mainMenuV3 .main-menu-desktop__details-main > .main-menu-desktop__section-grid .main-menu-desktop__section-title > a:focus-visible::after,
#mainMenuV3 .main-menu-desktop__details-main > .main-menu-desktop__section-grid .main-menu-desktop__item-list > li > .main-menu-desktop__item-link:hover::after,
#mainMenuV3 .main-menu-desktop__details-main > .main-menu-desktop__section-grid .main-menu-desktop__item-list > li > .main-menu-desktop__item-link:focus-visible::after {
  transform: scaleX(1);
}
#mainMenuV3 .main-menu-desktop__details-main--applications .main-menu-desktop__section-grid, #mainMenuV3 .main-menu-desktop__details-main--inks .main-menu-desktop__section-grid {
  grid-template-columns: minmax(0, 1fr);
}
#mainMenuV3 .main-menu-desktop__details-main--applications .main-menu-desktop__item-list, #mainMenuV3 .main-menu-desktop__details-main--inks .main-menu-desktop__item-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 0;
}
@media only screen and (min-width: 1400px) {
  #mainMenuV3 .main-menu-desktop__details-main--applications .main-menu-desktop__item-list, #mainMenuV3 .main-menu-desktop__details-main--inks .main-menu-desktop__item-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
#mainMenuV3 .main-menu-desktop__details-main--inks .main-menu-desktop__item--has-submenu .main-menu-desktop__nested-menu {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
#mainMenuV3 .main-menu-desktop__details-main--inks .main-menu-desktop__item--has-submenu .main-menu-desktop__nested-list {
  min-height: 0;
  overflow: hidden;
  padding-left: 0.125rem;
}
#mainMenuV3 .main-menu-desktop__details-main--inks .main-menu-desktop__item--has-submenu .main-menu-desktop__nested-list li {
  padding-bottom: 0.5rem;
}
#mainMenuV3 .main-menu-desktop__details-main--inks .main-menu-desktop__item--has-submenu .main-menu-desktop__nested-list li:first-child {
  padding-top: 0.5rem;
}
#mainMenuV3 .main-menu-desktop__details-main--inks .main-menu-desktop__item--has-submenu .main-menu-desktop__nested-list .main-menu-desktop__nested-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: oklch(55.6% 0 0deg);
  font-weight: 300;
}
#mainMenuV3 .main-menu-desktop__details-main--inks .main-menu-desktop__item--has-submenu .main-menu-desktop__ink-color {
  flex: 0 0 0.65rem;
  width: 0.65rem;
  height: 0.65rem;
  position: relative;
  top: -1px;
}
#mainMenuV3 .main-menu-desktop__details-main--inks .main-menu-desktop__item--has-submenu .main-menu-desktop__ink-color svg {
  width: 100%;
  height: 100%;
}
#mainMenuV3 .main-menu-desktop__details-main--inks .main-menu-desktop__item--has-submenu:hover .main-menu-desktop__nested-menu, #mainMenuV3 .main-menu-desktop__details-main--inks .main-menu-desktop__item--has-submenu:focus-within .main-menu-desktop__nested-menu {
  grid-template-rows: 1fr;
  opacity: 1;
}
#mainMenuV3 .main-menu-desktop__section-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2.5rem;
  padding-bottom: 4px;
}
@media only screen and (min-width: 40rem) {
  #mainMenuV3 .main-menu-desktop__section-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 1024px) {
  #mainMenuV3 .main-menu-desktop__section-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 1200px) {
  #mainMenuV3 .main-menu-desktop__section-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 1400px) {
  #mainMenuV3 .main-menu-desktop__section-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
#mainMenuV3 .main-menu-desktop__section, #mainMenuV3 .main-menu-desktop__item-list {
  display: flex;
  flex-direction: column;
}
#mainMenuV3 .main-menu-desktop__section {
  gap: 0.5rem;
}
#mainMenuV3 .main-menu-desktop__section-title {
  letter-spacing: 0.18em;
  word-break: keep-all;
  height: 36px;
  min-height: 36px;
}
@media only screen and (min-width: 1400px) {
  #mainMenuV3 .main-menu-desktop__section-title {
    height: 24px;
    min-height: 24px;
    overflow: hidden;
  }
}
#mainMenuV3 .main-menu-desktop__section-title a {
  line-height: 1.2;
  color: #000;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
  font-family: "DIN OT";
  font-size: 0.5rem;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
}
#mainMenuV3 .main-menu-desktop__item-list {
  gap: 0.5rem;
}
#mainMenuV3 .main-menu-desktop__footer-link {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
#mainMenuV3 .main-menu-desktop__spacer {
  height: 60px;
}
#mainMenuV3 .main-menu-desktop--hidden {
  display: none !important;
}
#mainMenuV3 .main-menu-desktop--visible {
  display: block;
}
#mainMenuV3 .main-menu-desktop--inert {
  pointer-events: none;
}