/* COLOURS 

black #000
yellow #ffc852
dark grey #4c4c4d
light grey #bcbec0

*/

/* COOKIEBOT CSS */
.page-wrapper.hide_bg { opacity:0.5; pointer-events:none; }

.checkout-cart-index th.col.price { text-align:left !important; }
.checkout-cart-index td.col.price { text-align:left !important; }

/* 404 PAGE */
.cms-no-route .page-title-wrapper { text-align:center; margin-bottom:1.5em !important; }

.button_list { list-style-type: none; display:flex; justify-content:center; flex-flow:wrap; padding:0; gap:0.5em; }
.button_list li { margin:0em 0em 1em; }
.button_list li a { padding:0.5em 1em; border:1px solid #ffc852; background:#ffc852; color:#000; }
.button_list li a:hover { padding:0.5em 1em; border:1px solid #ffc852; background:#ffc852; color:#fff; }

.main-footer a,.main-footer a:visited { color:#fff; }
.main-footer a:hover { color:#ffc852; }
.page-footer .middle-bottom .contact-info .footer-text .fa:before { color:#000 !important; }
.page-footer #footer-logo { padding-top:1.75em; }

.page-header .sticky-menu:not(.active) .header.panel { padding-top:1em !important; padding-bottom:1em !important; }

.page-header a.logo { margin-left:0; }
.page-header .main-logo { height:6em; }
#header_email_contact { text-align:center; }
#desk_menu-container ul.groupmenu { display:flex; justify-content:center; padding-top:0.5em; }
.sticky-menu.active #desk_menu-container ul.groupmenu { display:flex; justify-content:start; padding-top:0; }
.sticky-menu.active ul.features-links { padding-top:0em; }

.header-panel-right ul.features-links { padding-top:1.5em; }
.header-panel-right ul.features-links a.account-trigger { border-radius:5px; border:3px solid #ffc852; padding:0.25em 0.5em 1em 0.5em; line-height:1.5em; 
display:flex; justify-content:center;
}
.header-panel-right ul.features-links a.account-trigger:before { left:0.1em; position:relative; }

.header-panel-right ul.features-links a.action.showcart { border-radius:5px; border:3px solid #ffc852; padding:0.25em 0.5em 1em 0.5em; line-height:1.5em; }
.header-panel-right ul.features-links a.action.showcart:before { left:-0.2em; position:relative; top:-0.1em; }

.page-header .qty .counter-number { color:#000000; }


@media (min-width: 768px), print {
	.catalog-category-view .column.main { width:100%; }
}

.product-info-main .price-box .price-wrapper .price { color:#4c4c4d !important; }


#minicart-content-wrapper { background:#f5f5f5; }
#minicart-content-wrapper .block-title { background:#4c4c4d; }

@media only screen and (min-width: 768px) {
    .cms-index-index .slide-caption.slide-top-center { top:10%; }
}

.cms-index-index .slide-caption .button-link.primary.slide-btn { background:#ffc852; color:#000; }
.cms-index-index .slide-caption .button-link.primary.slide-btn:hover { background:#ffc852; color:#fff; }
.cms-index-index .container.base-slider.wrapper-adv-style-06 a.item-title { background:#ffc852; color:#000; text-transform:uppercase; }
.cms-index-index .container.base-slider.wrapper-adv-style-06 a.item-title:hover { background:#ffc852; color:#fff; }


.catalog-product-view table.MsoTableGrid tbody > tr:first-child { background:#ffc852; color:#000; }

/*

logo height 6em margin-top:1em margin-left:0 X
account-wrapper 
    border: 3px solid  #ffc852;
    border-radius: 8px;
minicart cdz-dropdown
    border: 3px solid  #ffc852;
    border-radius: 8px;

<header> min-height:9.5em;
sticky header - logo needs fixing X
menu middle padding-left:4em and top 2.5em to vertical middle
account buttons 2.5em vertical to middle

footer icons black instead of white inside X
footer logo centre vertical X

buttons for scroller "shop now"
yellow with black txt
black with white text on hover
category section:
black with white txt
hover: yellow with black txt

product page: table header background: yellow txt:black
all txt in table centre justified
price: #4c4c4d
shopping cart button yellow with black border black - hover: 
jetz kauf = white with black txt / hover: yellow and white txt

shopping cart header item count to be black not white
lighter grey for whole cart dropdown
header "your cart" dark grey?
*/

/* AMP HEADER SEARCH REMOVE */
#cdz-amp-header .cdz-amp-search-block { display:none; }

#homepage_category_slideshow { display:flex; gap:1em; flex-wrap:wrap; justify-content:center; margin-top:-5%; position:relative; background:#fff;
padding-top:2em; width:92%; margin: -6% auto 0; padding:1em; 
 }
#homepage_category_slideshow .item { flex:1; }
#homepage_category_slideshow .item-title { background:#ffc852; color:#000; border:1px solid #000; text-transform:uppercase; }
#homepage_category_slideshow .item-title:hover { background:#ffc852; color:#fff; border:1px solid #000;}
#homepage_category_slideshow .item a:hover { color:#ffc852; }

@media only screen and (max-width: 768px) {
	#homepage_category_slideshow .item { width:46%; flex:none; }
	#homepage_category_slideshow { justify-content:space-around; }
}

.homepage-main-slidershow .homepage-intro h1 { color:#fff; line-height:1.2; font-size:4em; text-transform:uppercase; }