/* *********************************************************************************************************************** */ /* ***** Begin clearfix ************************************************************************************************** */ /* *********************************************************************************************************************** */ header[role="banner"] .Header { display: block; } header[role="banner"] .Header:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* required for clearfix to work in Opera */ * html header[role="banner"] .Header { height: 1%; } /* *********************************************************************************************************************** */ /* ***** End clearfix **************************************************************************************************** */ /* *********************************************************************************************************************** */ header[role="banner"] .Header { max-width: 1240px; position: relative; } header[role="banner"] .Header > .LogoAndClaim { top: 9px; position: absolute; left: -webkit-calc(50% - 150px) ; left: -moz-calc(50% - 150px) ; left: calc(50% - 150px) ; right: -webkit-calc(50% - 150px) ; right: -moz-calc(50% - 150px) ; right: calc(50% - 150px) ; text-align: center; width: 300px; } header[role="banner"] > .Header > .Menu.Main > .ResponsiveDropDown > .ResponsiveDropDownButton > .On, header[role="banner"] > .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownButton > .On, header[role="banner"] > .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownButton > .On, header[role="banner"] > .Header > .Search > .ResponsiveDropDown > .ResponsiveDropDownButton > .On { font-size: 1em; width: 30px; height: 30px; text-align: center; line-height: 30px; } header[role="banner"] > .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownButton > .On { width: 17px; } header[role="banner"] > .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownButton > .On { width: 23.5px; } header[role="banner"] .Header > .languages, header[role="banner"] .Header > .Menu.Main, header[role="banner"] .Header > .Menu.One, header[role="banner"] .Header > .Menu.Two, header[role="banner"] .Header > .Shops { float: left; } header[role="banner"] .Header > .Menu.Main, header[role="banner"] .Header > .Menu.Two, header[role="banner"] .Header > .Shops { margin-left: -10px; } header[role="banner"] .Header > .Menu.Main > .CMSContainer.Navigation.Landscape > .NavigationContainer, header[role="banner"] .Header > .Menu.One > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul, header[role="banner"] .Header > .Menu.Two > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul { left: 0; right: auto; } header[role="banner"] .Header > .Menu.Two { clear: left; margin-top: 3em; } header[role="banner"] .Header > .Menu.Two .CMSContainer.Navigation > .NavigationContainer > ul > li > .NavigationItem.Active, header[role="banner"] .Header > .Menu.Two .CMSContainer.Navigation > .NavigationContainer > ul > li > .NavigationItem.Current { -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1); background-color: #fbfaf8; } header[role="banner"] .Header > .Menu.Main .CMSContainer.Navigation > ul > li .NavigationItem > .Control, header[role="banner"] .Header > .Menu.Two .CMSContainer.Navigation > .NavigationContainer > ul > li > .NavigationItem > .Control, header[role="banner"] .Header > .Menu.Two .CMSContainer.Navigation > .NavigationContainer > ul > li > .NavigationItem > .Label > .Description, header[role="banner"] .Header .ResponsiveDropDown > .ResponsiveDropDownButton > .Off { color: #c9c6c1; } header[role="banner"] .Header > .Menu.Two .CMSContainer.Navigation > .NavigationContainer > ul > li:first-child > .NavigationItem > .Label > .Text, header[role="banner"] .Header > .Menu.Two .CMSContainer.Navigation > .NavigationContainer > ul > li:first-child > .NavigationItem > .Label > .Description { color: #5a5049; } header[role="banner"] .Header > .Menu.Main .CMSContainer.Navigation > ul > li .NavigationItem:hover > .Control, header[role="banner"] .Header > .Menu.Two .CMSContainer.Navigation > .NavigationContainer > ul > li > .NavigationItem:hover > .Control, header[role="banner"] .Header > .Menu.Two .CMSContainer.Navigation > .NavigationContainer > ul > li > .NavigationItem:hover > .Label.Text, header[role="banner"] .Header > .Menu.Two .CMSContainer.Navigation > .NavigationContainer > ul > li > .NavigationItem:hover > .Label > .Text, header[role="banner"] .Header > .Menu.Two .CMSContainer.Navigation > .NavigationContainer > ul > li > .NavigationItem:hover > .Label > .Description, header[role="banner"] .Header .ResponsiveDropDown > .ResponsiveDropDownButton:hover > .Off { color: inherit; } header[role="banner"] .Header > .Menu.Two .CMSContainer.Navigation > .NavigationContainer > ul > li > .NavigationItem > .Label.Text, header[role="banner"] .Header > .Menu.Two .CMSContainer.Navigation > .NavigationContainer > ul > li > .NavigationItem > .Label > .Text { letter-spacing: .03em; text-transform: uppercase; } header[role="banner"] .Header > .ShoppingCart, header[role="banner"] .Header > .ShoppingList, header[role="banner"] .Header > .CustomerInformation, header[role="banner"] .Header > .Search { float: right; } header[role="banner"] .Header > .ShoppingCart > .Preview, header[role="banner"] .Header > .ShoppingList > .Preview, header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul { left: auto; right: 0; } header[role="banner"] .Header > .Search { clear: right; margin-top: 3em; } header[role="banner"] .Header > .ShoppingCart { margin-right: -10px; } header[role="banner"] .Header > .LogoAndClaim > a { display: block; outline: none; } header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul, header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > div, header[role="banner"] .Header > .Menu.One > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul { z-index: 110; } header[role="banner"] .Header > .Menu.Two > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul, header[role="banner"] .Header > .Search .SearchForm .ui-autocomplete { z-index: 100; } header[role="banner"] .Header > .ShoppingCart.ShoppingCartOverview > .Preview, header[role="banner"] .Header > .ShoppingList.ShoppingListOverview > .Preview { z-index: 120; } header[role="banner"] .Header > .Menu.Main .ResponsiveDropDown > .ResponsiveDropDownContent { z-index: 130; } header[role="banner"].Sticky .Header > .ShoppingCart.ShoppingCartOverview > .Preview, header[role="banner"].Sticky .Header > .ShoppingList.ShoppingListOverview > .Preview { z-index: 150; } header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul, header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > div, header[role="banner"] .Header > .Menu.One > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul, header[role="banner"] .Header > .Menu.One > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > div, header[role="banner"] .Header > .Menu.Two > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul, header[role="banner"] .Header > .Menu.Two > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > div, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > div, header[role="banner"] .Header > .ShoppingCart.ShoppingCartOverview > .Preview, header[role="banner"] .Header > .ShoppingList.ShoppingListOverview > .Preview { padding: 2em 20px 20px 20px; } header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul, header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > div, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > div { min-width: 175px; } header[role="banner"] .Header > .Menu.One > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul, header[role="banner"] .Header > .Menu.One > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > div, header[role="banner"] .Header > .ShoppingCart.ShoppingCartOverview > .Preview, header[role="banner"] .Header > .ShoppingList.ShoppingListOverview > .Preview { min-width: 220px; } header[role="banner"] .Header > .ShoppingCart > .ResponsiveDropDown > input[type=checkbox]:checked ~ .ResponsiveDropDownContent { width: auto; } header[role="banner"] .Header > .ShoppingCart.ShoppingCartOverview > .Preview, header[role="banner"] .Header > .ShoppingList.ShoppingListOverview > .Preview { max-width: 380px; } @media (max-width: 444px) { header[role="banner"] .Header > .ShoppingCart.ShoppingCartOverview > .Preview, header[role="banner"] .Header > .ShoppingList.ShoppingListOverview > .Preview, header[role="banner"] .Header > * > .ResponsiveDropDown > input[type=checkbox]:checked ~ .ResponsiveDropDownContent { width: -webkit-calc(100vw - 40px) ; width: -moz-calc(100vw - 40px) ; width: calc(100vw - 40px) ; content: "viewport-units-buggyfill; width: calc(100vw - 40px) "; max-width: none; } } header[role="banner"] .Header > .Menu.Two > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul { width: -webkit-calc(100% - 40px) ; width: -moz-calc(100% - 40px) ; width: calc(100% - 40px) ; } header[role="banner"] .Header > .Menu.Main .CMSContainer.Navigation > ul > li > .NavigationItem > .Control > .Label.Text, header[role="banner"] .Header > .Menu.Main .CMSContainer.Navigation > ul > li > .NavigationItem > .Label.Text, header[role="banner"] .Header > .Menu.Main .CMSContainer.Navigation > ul > li > .NavigationItem > .Label > .Text { font-size: 18px; } header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation .NavigationItem > .Control > .Label.Text, header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation .NavigationItem > .Label.Text, header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation .NavigationItem > .Label > .Text, header[role="banner"] .Header > .Menu.Main .CMSContainer.Navigation > ul > li > .NavigationItem .NavigationItem > .Control > .Label.Text, header[role="banner"] .Header > .Menu.Main .CMSContainer.Navigation > ul > li > .NavigationItem .NavigationItem > .Label.Text, header[role="banner"] .Header > .Menu.Main .CMSContainer.Navigation > ul > li > .NavigationItem .NavigationItem > .Label > .Text, header[role="banner"] .Header > .Menu.One .CMSContainer.Navigation .NavigationItem > .Control > .Label.Text, header[role="banner"] .Header > .Menu.One .CMSContainer.Navigation .NavigationItem > .Label.Text, header[role="banner"] .Header > .Menu.One .CMSContainer.Navigation .NavigationItem > .Label > .Text, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation .NavigationItem > .Control > .Label.Text, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation .NavigationItem > .Label.Text, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation .NavigationItem > .Label > .Text, header[role="banner"] .Header > .ShoppingCart.ShoppingCartOverview > .ResponsiveDropDownButton > a > .Label, header[role="banner"] .Header > .ShoppingList.ShoppingListOverview > a > .Label { font-size: 15px; } header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation .NavigationItem > .Label.Text, header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation .NavigationItem > .Label > .Text, header[role="banner"] .Header > .Menu.Main .CMSContainer.Navigation .NavigationItem > .Label.Text, header[role="banner"] .Header > .Menu.Main .CMSContainer.Navigation .NavigationItem > .Label > .Text, header[role="banner"] .Header > .Menu.One .CMSContainer.Navigation .NavigationItem > .Label.Text, header[role="banner"] .Header > .Menu.One .CMSContainer.Navigation .NavigationItem > .Label > .Text, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation .NavigationItem > .Label.Text, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation .NavigationItem > .Label > .Text { line-height: 25px; } header[role="banner"] .Header > .Menu.Main { display: none; } header[role="banner"] .Header > .Menu .CMSContainer.Navigation .NavigationItem > .Label.Text, header[role="banner"] .Header > .Menu .CMSContainer.Navigation .NavigationItem > .Label > .Text, header[role="banner"] .Header > .Menu .CMSContainer.Navigation .NavigationItem > .Control > .Label.Text { font-family: DroidSans, Arial, Helvetica, sans-serif; } header[role="banner"] .Header > .Menu.Main .ResponsiveDropDown > input[type=checkbox] ~ .ResponsiveDropDownContent > * { display: none; } header[role="banner"] .Header > .Menu.Main .ResponsiveDropDown > input[type=checkbox]:checked ~ .ResponsiveDropDownContent > * { display: block; } header[role="banner"] .Header > .CustomerInformation .ResponsiveDropDown > .ResponsiveDropDownButton, header[role="banner"] .Header > .Shops .ResponsiveDropDown > .ResponsiveDropDownButton, header[role="banner"] .Header > .Search .ResponsiveDropDown > .ResponsiveDropDownButton { display: none; } header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent .Additional > .CustomerInformation > .SignOff { padding-top: 10px; padding-bottom: 5px; line-height: 1.2em; } header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent .Additional > .CustomerInformation > .SignOff > a { text-decoration: none; font-weight: bold; } header[role="banner"] .Header > div > .ResponsiveDropDown > .ResponsiveDropDownContent > .Navigation > .NavigationContainer > ul > li > .NavigationItem > .IconDecorator > .Icon { display: none; } body.CheckoutDetailView > header[role="banner"]:not(.Sticky) > .Header { height: 96px; } body.CheckoutDetailView > header[role="banner"]:not(.Sticky) > .Header > .Menu.One > .CMSContainer.Navigation > .NavigationContainer > ul > li > .NavigationItem > .Label { line-height: inherit; } body.CheckoutDetailView > header[role="banner"]:not(.Sticky) > .Header > .CustomerInformation > .CustomerInformation > div { display: inline-block; padding: 10px; } body.CheckoutDetailView > header[role="banner"]:not(.Sticky) > .Header > .CustomerInformation > .CustomerInformation > div > .fa { display: none; } /* ********************************************************************************************************************** */ /* ***** RESPONSIVE FOLDABLE NAVIGATION ************************************************************************************************** */ /* ********************************************************************************************************************** */ header[role="banner"] .Header > .Menu.Main .CMSContainer.Navigation.VerticalBar > ul > li { border-bottom: 1px solid #c9c6c1; } header[role="banner"] .Header > .Menu .NavigationContainer .CMSContainer.Navigation.Foldable .NavigationItem.Unfolded > ul > li:first-child, header[role="banner"] .Header > .Menu .CMSContainer.Navigation.Foldable .NavigationItem > .Control ~ .Label { display: none; } header[role="banner"] .Header > .Menu.Main .NavigationContainer .CMSContainer.Navigation.Foldable .NavigationItem.Unfolded > ul > li:first-child, header[role="banner"] .Header > .Menu.Main .CMSContainer.Navigation.Foldable .NavigationItem > .Control > .Label { display: inline-block; } header[role="banner"] .Header > .Menu .CMSContainer.Navigation.VerticalBar .NavigationItem > .Control::before { float: right; } header[role="banner"] .Header > .Menu.Main .CMSContainer.Navigation.VerticalBar .NavigationItem > .Control > .Label.Text { color: #5a5049; vertical-align: top; } header[role="banner"] .Header > .Menu.Main .CMSContainer.Navigation.VerticalBar > ul > li > .NavigationItem > .Control > .Label.Text { font-size: 18px; } header[role="banner"] .Header > .Menu.Main .CMSContainer.Navigation.VerticalBar > ul > li > .NavigationItem > .Control > .Label.Text > .Icon { width: 30px; color: #c9c6c1; } header[role="banner"] .Header > .Menu.Main > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.VerticalBar.Foldable > ul > li > .NavigationItem.Unfolded > ul > li > .NavigationItem > a:not(.Control), header[role="banner"] .Header > .Menu.Main > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.VerticalBar.Foldable > ul > li > .NavigationItem.Unfolded > ul > li > .NavigationItem > .Control > .Label.Text { font-weight: bold; } header[role="banner"] .Header > .Menu.Main .CMSContainer.Navigation.VerticalBar > ul > li > .NavigationItem > ul > li > .NavigationItem > .IconDecorator > .Icon { color: #5a5049; } header[role="banner"] .Header > .Menu.Main > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.VerticalBar.Foldable > ul > li > .NavigationItem > ul > li > .NavigationItem.Unfolded { border-bottom: none; border-top: none; } header[role="banner"] .Header > .Menu.Main > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation .NavigationItem > ul > li .NavigationItem > ul { margin: 0 0 .5em 0; } header[role="banner"] .Header > .Menu.Main > .ResponsiveDropDown > .ResponsiveDropDownContent .NavigationItem.Active > a { color: inherit; } /* ********************************************************************************************************************** */ /* ***** END RESPONSIVE FOLDABLE NAVIGATION ************************************************************************************************** */ /* ********************************************************************************************************************** */ /* ********************************************************************************************************************** */ /* ***** Sticky Header ************************************************************************************************** */ /* ********************************************************************************************************************** */ header[role="banner"].Sticky .Header > .Menu.Main { display: block; } header[role="banner"].Sticky .Header > .CustomerInformation > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > .Label > .Icon { display: inline !important; } header[role="banner"].Sticky .Header > .CustomerInformation > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul, header[role="banner"].Sticky .Header > .CustomerInformation > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > div, header[role="banner"].Sticky .Header > .Shops > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul { left: auto; right: 0; } header[role="banner"].Sticky .Header > .LogoAndClaim { bottom: auto; left: 45px; top: 5px; width: 170px; } header[role="banner"].Sticky .Header > .LogoAndClaim > .Claim, header[role="banner"].Sticky .Header > .Menu.One, header[role="banner"].Sticky .Header > .Menu.Two { display: none; } header[role="banner"].Sticky .Header > .LogoAndClaim .Logo { height: 34px; } body.CheckoutDetailView > header[role="banner"].Sticky .Header > .Menu.One, body.CheckoutDetailView > header[role="banner"].Sticky .Header > .Menu.Two { display: block; } header[role="banner"].Sticky .Header > .Search { clear: none; margin-right: 10px; margin-top: 4px; } header[role="banner"].Sticky .Header > .ShoppingCart > .ResponsiveDropDownButton > a > .Label { display: none; } header[role="banner"].Sticky .Header > .ShoppingCart > .ResponsiveDropDownButton > a > .Quantity, header[role="banner"].Sticky .Header > .ShoppingCart > .ResponsiveDropDownButton > a > .Quantity > span { padding-left: 10px; } header[role="banner"].Sticky .Header > .ShoppingCart > .ResponsiveDropDownButton > a > .Quantity > span { width: -webkit-calc(100% - 10px - 10px) ; width: -moz-calc(100% - 10px - 10px) ; width: calc(100% - 10px - 10px) ; } header[role="banner"].Sticky .Header > .Shops, body.CheckoutDetailView > header[role="banner"].Sticky .Header > .Menu.One, body.CheckoutDetailView > header[role="banner"].Sticky .Header > .Menu.Two { float: right; margin-left: 0; } /* ********************************************************************************************************************** */ /* ***** /Sticky Header ************************************************************************************************* */ /* ********************************************************************************************************************** */ @media screen and (max-width: 950px) { header[role="banner"] { position: relative; z-index: 100; margin-bottom: 0; } body:not(.CheckoutDetailView) > header[role="banner"] { -webkit-box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.1); } header[role="banner"] .Header { min-height: 40px; } header[role="banner"] .Header > .Menu.Main { display: block; } header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul, header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > div, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > div { left: auto; right: 0; } header[role="banner"] .Header > .LogoAndClaim { bottom: auto; left: 45px; top: 5px; width: 170px; } header[role="banner"] .Header > .LogoAndClaim > .Claim, header[role="banner"] .Header > .Menu.One, header[role="banner"] .Header > .Menu.Two { display: none; } header[role="banner"] .Header > .LogoAndClaim .Logo { height: 34px; } body.CheckoutDetailView > header[role="banner"] .Header > .Menu.Two { display: block; } header[role="banner"] .Header > .Search { clear: none; margin-right: 10px; margin-top: 4px; } header[role="banner"] .Header > .ShoppingCart > .ResponsiveDropDownButton > a > .Label, header[role="banner"] .Header > .ShoppingList.ShoppingListOverview > a > .Quantity { display: none; } header[role="banner"] .Header > .ShoppingCart > .ResponsiveDropDownButton > a > .Quantity, header[role="banner"] .Header > .ShoppingCart > .ResponsiveDropDownButton > a > .Quantity > span { padding-left: 10px; } header[role="banner"] .Header > .ShoppingCart > .ResponsiveDropDownButton > a > .Quantity > span { width: -webkit-calc(100% - 10px - 10px) ; width: -moz-calc(100% - 10px - 10px) ; width: calc(100% - 10px - 10px) ; } header[role="banner"] .Header > .Shops, body.CheckoutDetailView > header[role="banner"] .Header > .Menu.One, body.CheckoutDetailView > header[role="banner"] .Header > .Menu.Two { float: right; margin-left: 0; } body.CheckoutDetailView > header[role="banner"]:not(.Sticky) > .Header { height: auto; } body.CheckoutDetailView > header[role="banner"] > .Header > .Menu.One, body.CheckoutDetailView > header[role="banner"] > .Header > .Menu.Main > .ResponsiveDropDown > .ResponsiveDropDownContent > .Navigation > ul > li > .NavigationItem > a > .Icon { display: none; } } @media screen and (max-width: 930px) { header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent .Additional > .CustomerInformation > div { padding-top: 10px; padding-bottom: 5px; line-height: 1.2em; } header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem { -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; } header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > .Label, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > .Label { padding: 0; } header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > .Label > .Icon, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > .Label > .Icon { display: none; } header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > .Label > .Text, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > .Label > .Text { font-weight: bold; } header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul, header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > div, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > ul, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > div { padding: 0; z-index: 0; position: initial; visibility: visible; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } header[role="banner"] .Header > .CustomerInformation > .CMSContainer.Navigation.DropDownMenu.Foldable > .NavigationContainer > ul > li > .NavigationItem > .Control + .Label, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.DropDownMenu.Foldable > .NavigationContainer > ul > li > .NavigationItem > .Control + .Label { padding-right: 10px; } header[role="banner"] .Header > .ShoppingList.ShoppingListOverview > a > .Icon + .Label, header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > .Control, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.Landscape > .NavigationContainer > ul > li > .NavigationItem > .Control { display: none; } header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.DropDownMenu > .NavigationContainer > ul > li > .NavigationItem > .Label::after, header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.DropDownMenu > .NavigationContainer > ul > li > .NavigationItem:hover > .Label::after, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.DropDownMenu > .NavigationContainer > ul > li > .NavigationItem > .Label::after, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.DropDownMenu > .NavigationContainer > ul > li > .NavigationItem:hover > .Label::after { content: none; } header[role="banner"] .Header > .CustomerInformation > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.DropDownMenu > .NavigationContainer > ul > li > .NavigationItem:hover, header[role="banner"] .Header > .Shops > .ResponsiveDropDown > .ResponsiveDropDownContent > .CMSContainer.Navigation.DropDownMenu > .NavigationContainer > ul > li > .NavigationItem:hover, header[role="banner"] .Header > .ShoppingList.ShoppingListOverview > .Preview:hover { outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* display responsive DropDown icon */ header[role="banner"] .Header > .ShoppingList.ShoppingListOverview > a > .Icon, header[role="banner"] .Header > .CustomerInformation .ResponsiveDropDown > .ResponsiveDropDownButton, header[role="banner"] .Header > .Shops .ResponsiveDropDown > .ResponsiveDropDownButton { display: block; } /* hide desktop link */ header[role="banner"] .Header > .CustomerInformation .ResponsiveDropDown > .ResponsiveDropDownContent, header[role="banner"] .Header > .Shops .ResponsiveDropDown > .ResponsiveDropDownContent { display: none; right: 0; } /* display responsive DropDown content on click */ header[role="banner"] .Header > .CustomerInformation .ResponsiveDropDown > input[type=checkbox]:checked ~ .ResponsiveDropDownContent, header[role="banner"] .Header > .Shops .ResponsiveDropDown > input[type=checkbox]:checked ~ .ResponsiveDropDownContent { display: block; } header[role="banner"] .Header > .Search { margin-top: 6px; } header[role="banner"] .Header > .ShoppingCart > .ResponsiveDropDownButton > a > .Quantity, header[role="banner"] .Header > .ShoppingCart > .ResponsiveDropDownButton > a > .Quantity > span { padding-top: 11px; } header[role="banner"] .Header > .ShoppingList.ShoppingListOverview > a > .Icon { font-size: 2em; line-height: 1; } } @media screen and (max-width: 850px) { body.CheckoutDetailView > header[role="banner"] > .Header > .Menu.One { display: none; } } @media screen and (max-width: 725px) { body:not(.CheckoutDetailView) > header[role="banner"] .Header > .CustomerInformation, header[role="banner"] .Header > .Shops { display: none; } } @media screen and (max-width: 640px) { header[role="banner"] .Header > .CustomerInformation, header[role="banner"] .Header > .Shops { display: block; } header[role="banner"].Sticky .Header > .Search, header[role="banner"] .Header > .Search { margin-right: 0; margin-top: 0; } header[role="banner"] .Header > .Search .ResponsiveDropDown > .ResponsiveDropDownButton { display: block; } header[role="banner"] .Header > .Search .ResponsiveDropDown > .ResponsiveDropDownContent { display: none; right: 0; } header[role="banner"] .Header > .Search .ResponsiveDropDown > input[type=checkbox]:checked ~ .ResponsiveDropDownContent { display: block; } } @media screen and (max-width: 445px) { header[role="banner"] .Header > .Search .ResponsiveDropDown > .ResponsiveDropDownContent { right: -10px; } } @media screen and (max-width: 515px) { header[role="banner"] .Header > .CustomerInformation, header[role="banner"] > .Header > .Shops { display: none; } } @media screen and (max-width: 375px) { header[role="banner"] .Header > .ShoppingList { visibility: hidden; width: 0; } } @media screen and (max-width: 319px) { header[role="banner"] > .Header > .Search { display: none; } }