/*
Theme Name: Breakdance Zero Child
Template: breakdance-zero-theme-master
Author: schaffensDrang
Version: 1.0
*/


.footer-icons  .bde-icon-list__icon > svg > path {
	fill: white;
}




/* Standalone bottom nav */




/* Liquid Glass Dropdown menu */

.breakdance-dropdown-floater {
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.breakdance-dropdown-floater .breakdance-dropdown-link__label .breakdance-dropdown-link__text {
	font-weight: 300 !important;
}

.breakdance-dropdown-body {
	
}

.bde-wooshoppage ul.products {
/*   	contain: layout paint; */
/* 	will-change: contents; */
}



/* WSF */

/* .woo-super-filter-item > label {
	background-color: lightgrey;
	display: block;
	padding: 3px 0;
	text-align: center;
} */

.woo-super-filter-item > label {
	display: block;
	padding: 3px 0;
	text-align: center;
	background: rgba(255,255,255,0.25);
	border-radius: 10px;
	inset: 0;
	box-shadow:
		inset 2px 2px 1px 0 rgba(255, 255, 255, 0.5),
		inset -1px -1px 1px 1px rgba(255, 255, 255, 0.5),
		0 0px 4px rgba(0, 0, 0, 0.2),
		0 0 5px rgba(0, 0, 0, 0.1);
}

.wsf-filter-clear {
	margin-top: 0px !important;
	position: absolute;
	left: 38px;
}

#bd-sidebar > div.bde-fancy-divider-588-148.bde-fancy-divider {
	margin-top: 44px;
}


html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-font-smoothing: antialiased;
}





/* Allgemein */

b, strong {
	font-weight: 600;
}
/* .breakdance .bde-dual-heading,
.breakdance .bde-heading {
	margin-bottom: 16px;
} */

.custom-icon-list p {
	margin-block-end: 0;
	margin-block-start: 0;
}
.select2-dropdown {
	z-index: 10000 !important;
}


/* Menu */

.breakdance-menu .breakdance-menu-link {
	color: white !important;
}
#mainmenu .menu-btn a {
	padding: 14px 15px;
	min-height: 56px;
}
#mainmenu .menu-btn:hover,
#mainmenu .menu-btn a:hover,
#mainmenu .breakdance-menu-item:hover {
	background-color: #1E3653 !important;
}
#mainmenu .breakdance-menu-link-arrow:after,
#mainmenu .breakdance-menu-item:hover .breakdance-menu-link-arrow:after {
	background-color: white;
}
#mainmenu .breakdance-dropdown-body {
/* 	box-shadow: 0 50px 100px -20px #32325d40,0 30px 60px -30px #000000e2; */
	/* Liquid Glass */
/* 	box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
	background: rgba(255,255,255,0.5); */
	border-radius: 20px;
	background: linear-gradient(180deg,rgba(255,255,255,0.75),rgba(255,255,255,0.45));
	isolation: isolate;
	will-change: backdrop-filter;
	box-shadow: /* obere Lichtkante */
	inset 0 1px 0 rgba(255,255,255,0.8),
	/* untere Tiefe */
	inset 0 -1px 1px rgba(0,0,0,0.12),
	/* seitliche Lichtstreuung */
	inset 1px 0 0 rgba(255,255,255,0.35),
	inset -1px 0 0 rgba(255,255,255,0.35),
	/* äußere Tiefe */
	0 12px 28px rgba(0,0,0,0.18);
}
#mainmenu .breakdance-dropdown-item {
	min-height: 115px;
/* 	transition: 0.5s ease; */
}
#mainmenu .brands .breakdance-dropdown-item {
	min-height: 115px;
/* 	transition: 0.5s ease; */
	justify-content: center;
	align-items: center;
	display: flex;
}
#mainmenu .breakdance-dropdown-item:hover {
/* 	opacity: 0.5; */
	transform: translateY(-3px);
}
#mainmenu .breakdance-dropdown-link {
	flex-direction: column;
	font-size: 1.125rem;
	color: var(--bde-body-text-color);
	line-height: 1;
}
#mainmenu .breakdance-dropdown-link:hover {
	color: var(--bde-body-text-color);
}
#mainmenu .breakdance-dropdown-link .breakdance-dropdown-link__icon {
	min-width: 100%;
}
#mainmenu .brands .breakdance-dropdown-link .breakdance-dropdown-link__icon {
	margin: 0 auto;
	min-height: 100px;
	align-content: center;
}
#mainmenu .breakdance-dropdown-link .breakdance-dropdown-link__icon img {
	margin: 0 auto;
}
#mainmenu .breakdance-dropdown-link__label {
	text-align: center;
}


/* Main Slider Home */

#main-slider > div {
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}


/* sonstiges Home */

#cat-grid-home .c4-izmir img {
	object-fit: contain;
	max-width: 80%;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
#cat-grid-home a {
	min-width: 100%;
}
#cat-grid-home figure {
	max-height: 160px;
}
#cat-grid-home .c4-image-pan-left img {
	transform: scale(1) translate(0, 0);
}
#cat-grid-home .c4-image-pan-left:hover img {
	transform: scale(1.2) translate(-15%, 0);
}
.home-grid-cat h3 {
	min-height: 35px;
	align-items: center;
	display: flex;
}



/* Team */

.team .bde-fancy-testimonial_title {
	order: 4 !important;
	min-height: 45px;
}
.team .bde-fancy-testimonial_text {
	order: 3 !important;
}
.team .bde-fancy-testimonial_name {
	order: 1 !important;
}
.team .bde-fancy-testimonial_occupation {
	order: 2 !important;
	min-height: 67px;
}


/* Archive */

/* Sidebar Select & Filter */

.archive .select2-container--default .select2-results__option--highlighted[aria-selected],
.archive .select2-container--default .select2-results__option--highlighted[data-selected],
.archive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
.archive .select2-container--default .select2-results__option--highlighted[data-selected]:hover {
	background-color: var(--bde-woo-select2__active-item-background-color);
}
.archive .select2-container--open .select2-dropdown--below,
.archive .select2-container--open .select2-dropdown--above {
	font-size: 0.875rem;
}
h3.woocommerce-loop-product__title {
	font-size: 1.25rem !important;
	margin: 0;
}
.breakdance-woocommerce .product .price,
.breakdance-woocommerce .product .woocommerce-Price-amount bdi,
.breakdance-woocommerce .product .price .woocommerce-Price-amount bdi {
	font-size: 1.5rem;
	margin: 0;
}
.product p.wc-gzd-additional-info {
	font-size: .7rem !important;
}
.product_list_widget .wc-gzd-additional-info,
.products .wc-gzd-additional-info {
	margin: 0 !important;
	margin-block-end: 0 !important;
}
.bde-woo-product-footer {
	margin-top: 20px !important;
}
.archive .product-manufacturer {
	order: 1;
	font-size: .8rem;
	text-transform: uppercase;
	color: #242424;
	font-weight: 400;
}
.breakdance-woocommerce .woocommerce-LoopProduct-link img {
	min-height: 245px;
	object-fit: contain;
	background-color: white;
	max-height: 245px;
}
.breakdance-woocommerce .product .price,
.breakdance-woocommerce .product .woocommerce-Price-amount bdi,
.breakdance-woocommerce .product .price .woocommerce-Price-amount bdi {
	color: var(--bde-woo-base-text-color) !important;
	font-weight: 600 !important;
	font-size: 1.5rem !important; 
	letter-spacing: -0.5px;
}
.archive .breakdance-woocommerce .product .quantity {
	display: none;
}
.archive .breakdance-woocommerce .product {
	transition:
    	border-color 0.15s ease,
    	box-shadow 0.15s ease,
    	transform 0.05s ease;
}
.archive .breakdance-woocommerce .product:hover,
.archive .breakdance-woocommerce .product:focus {
	border-color: #c7ccd1;
  	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  	transform: translateY(-1px);
}
.archive .breakdance-woocommerce .product .bde-woo-product-footer {
	margin-top: auto !important;
	padding-top: 20px;
}
.breakdance-woocommerce ul.products li.product a.add_to_cart_button,
.breakdance-woocommerce ul.products li.product a.product_type_simple,
#wsf-load-more {
	border-radius: 15px;
/* 	inset: 0;
	box-shadow: inset 1px 1px 5px 0 rgba(255, 255, 255, 0.5),
	inset -1px -1px 5px -2px rgba(255, 255, 255, 0.5); */
	font-size: 13px !important;
}
#wsf-load-more {
	margin-top: 50px;
}


/* Product Single View */

/* Single Product Description Listen mit Icon ersetzen */
.single-product #tab-panel-woo-tabs-1 ul li,
.product-single-desc ul li {
    list-style: none;
    position: relative;
    padding-left: 30px;
	margin: 0 0 5px 0;
}

.single-product #tab-panel-woo-tabs-1 ul,
.product-single-desc ul {
	padding-inline-start: 10px !important;
}

/* Icon als Pseudo-Element mit Hintergrund */
.single-product #tab-panel-woo-tabs-1 ul li::before,
.product-single-desc ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    padding: 5px;
    border-radius: 40px;
    background-color: var(--bde-palette-blue-dark-a2e66e6a-5f58-4a87-8a1b-1341784bf455-9);
    align-items: center;
    justify-content: center;
}

/* SVG als Icon */
.single-product #tab-panel-woo-tabs-1 ul li::after,
.product-single-desc ul li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(5px, -50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23FFC500' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}
.breakdance-woocommerce .bde-tabs__panel-content h2 {
	font-size: var(--preset-id-a200f892-c96a-4c69-a1fc-1293d683417f-font-size) !important;
}
.breakdance-woocommerce h1.product_title:not(.bde-wooproducttitle) {
	font-size: var(--preset-id-6bc1fe51-6769-42f2-8505-e5530c8cf8ee-font-size) !important;
}
.breakdance-woocommerce button.single_add_to_cart_button,
.breakdance-woocommerce button[name="add-to-cart"],
.breakdance-woocommerce a.button.add_to_cart_button,
.breakdance-woocommerce a.product_type_simple,
.breakdance-woocommerce a.product_type_variable {
	--bde-button-primary-background-color: #2A80C3 !important;
	background-color: #2A80C3 !important;
}
.breakdance-woocommerce a.button.add_to_cart_button,
.breakdance-woocommerce a.product_type_simple,
.breakdance-woocommerce a.product_type_variable {
	padding: 10px !important;
	font-size: 0.875rem !important;
	font-weight: 400!important;
	letter-spacing: 0 !important;
	max-width: 70%;
	margin: 0 auto;
}
.breakdance-woocommerce button.single_add_to_cart_button:hover,
.breakdance-woocommerce button[name="add-to-cart"]:hover,
.breakdance-woocommerce a.button.add_to_cart_button:hover,
.breakdance-woocommerce a.product_type_simple:hover,
.breakdance-woocommerce a.product_type_variable:hover {
	background-color: #1E3653 !important;
}
.hersteller-logo-container {
	max-width: 210px;
}
.single-product .product p.wc-gzd-additional-info {
	font-size: .8125rem !important;
}
h2.hersteller-ueberschrift {
	margin: 0;
	font-size: 1.5rem !important;
}
.breakdance-woocommerce .bde-tabs__panel-content h2 {
	font-size: 1.8rem !important;
}
.single-product .product .product_meta {
	margin-top: 0;
}
.single-product .breakdance-woocommerce .product_meta span {
	font-size: 1rem;
}
.single-product #tab-woo-tabs-3,
#tab-panel-woo-tabs-4 > div > h2,
.product-single-downloads h2 {
	display: none;
}
.breakdance .bde-wooproducttabs-716-119 .bde-tabs .bde-tabs__tab-title {
	margin-top: 4px;
}
.breakdance-woocommerce .woocommerce-product-attributes th,
.breakdance-woocommerce .cart-collaterals table th,
.breakdance-woocommerce table tfoot th,
.product-single-attr .woocommerce-product-attributes th {
	font-weight: 400;
	text-transform: uppercase;
	font-family: var(--preset-id-857681ec-7ac9-41b2-8e8b-c41deee54a03-font-family);
	font-size: .9rem;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.product-single-attr .woocommerce-product-attributes th {
	font-size: .75rem;
}
#tab-panel-woo-tabs-2 td p {
	margin-block-start: 8px;
	margin-block-end: 8px;
}
.product-single-attr td p {
	margin-block-start: 5px;
	margin-block-end: 5px;
	font-size: .9rem;
}
table.woocommerce-product-attributes {
	max-width: 50%;
	margin: 0 auto;
}
.product-single-attr table.woocommerce-product-attributes {
/* 	max-width: 100%;
	margin: auto; */
	min-width: 100%;
}
#tab-panel-woo-tabs-4 p {
	display: flex;
	gap: 10px;
	justify-content: center;
}
.product-single-downloads .bde-tabs__tab,
.product-single-attr .bde-tabs__tab {
	display: flex !important;
	justify-content: center;
	border-bottom: 1px solid #ddd;
}
.product-single-downloads .bde-tabs__tab {
	margin-bottom: 35px;
	gap: 10px;
}
.product-single-attr .bde-tabs__tab {
	margin-bottom: 20px;
	gap: 10px;
}
.product-single-downloads .bde-tabs__tab-icon,
.product-single-attr .bde-tabs__tab-icon {
	flex-shrink: 0;
}
.product-single-downloads .bde-tabs__tab-title,
.product-single-attr .bde-tabs__tab-title {
	width: auto !important;
	font-weight: 300;
	text-transform: uppercase;
	color: #242424;
	margin-top: 3px;
}
.product-single-downloads .bde-tabs__tab-icon > svg,
.product-single-attr .bde-tabs__tab-icon > svg {
	width: 1.5em;
	height: 1.5em;
}
.product-single-downloads a {
	width: 100%;
	display: block;
	text-align: center;
	padding: 10px 0;
	border-radius: 5px;
	background-color: var(--bde-headings-color);
	color: white !important;
	font-family: var(--preset-id-1de7901a-ee7b-4a61-b051-66d9721c96fa-font-family);
	text-transform: uppercase;
	font-size: 0.9rem;
	margin-top: -15px;
	transition-timing-function: ease-in-out;
	transition-property: transform,background-color;
	transition-duration: var(--bde-transition-duration);
}
.product-single-downloads a:hover {
	background-color: #1E3653 !important;
}


/* Sidebar Grundzustand */
#bd-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 400px;
    height: 100vh;
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(12px) saturate(180%);
	-webkit-backdrop-filter: blur(12px) saturate(180%);
	-moz-backdrop-filter: blur(12px) saturate(180%);
	inset: 0;
	box-shadow: inset 2px 2px 1px 0 rgba(255, 255, 255, 0.5),
	inset -1px -1px 1px 1px rgba(255, 255, 255, 0.5),
		0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
	overflow-y: auto;
    transform: translateX(-100%);
	transition: 0.5s ease-in-out;
    z-index: 9999;
	padding: 30px;
}

/* Wenn geöffnet */
#bd-sidebar.open {
    transform: translateX(0);
}

/* Toggle Button */
#bd-sidebar-toggle {
    position: fixed;
    top: 50%;
	transform: translateY(-50%);
    left: 0;
    width: 30px;
/*     height: 100px; */
	height: 170px;
    color: var(--bde-palette-accent-light-7);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10000;
    border-radius: 0 15px 15px 0;
	transition: 0.5s ease-in-out;
	
/* 	background: var(--bde-palette-color-1-e869e585-cdc6-4b73-ba44-ec94b6156cb3);
	box-shadow: 11px 0 10px rgba(0,0,0,0.2); */
	
	/* Liquid Glass */
	background: rgba(255, 255, 255, 0.5);
	box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.2), 0 0 0px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
/* 	inset: 0;
	box-shadow: inset 2px 2px 1px 0 rgba(255, 255, 255, 0.5),*/
}
#bd-sidebar-toggle svg {
	height: 40px;
}
#bd-sidebar-toggle .bd-toggle-icon.open svg {
    transform: rotate(0deg);
	margin-left: -3px;
	margin-top: 5px !important;
}
#bd-sidebar-toggle .bd-toggle-icon svg.open {
	margin-left: -6px !important;
}
#bd-sidebar-toggle .bd-toggle-icon:not(.open) svg {
    transform: rotate(90deg);
	margin-left: -5px;
	margin-top: 4px;
}
#bd-sidebar-toggle svg path {
/* 	fill: var(--bde-palette-accent-light-7); */
	fill: var(--bde-brand-primary-color);
}
/* Basis für SVG-Icon */
/* #bd-sidebar-toggle .bde-icon-icon {
    transition: transform 0.25s ease, filter 0.25s ease;
    transform-origin: center center;
    display: inline-block;
} */

#bd-sidebar-toggle.open {
    transform: translateX(400px) translateY(-50%);
}


#bd-icon-toggle line {
    stroke: var(--bde-brand-primary-color);
    stroke-width: 12;
    stroke-linecap: round;
    transition: opacity .5s ease, transform .5s ease;
}

/* Default: geschlossen -> nur minus sichtbar */
#bd-icon-toggle .line-h {
    opacity: 1;
    transform: scaleX(1);
}

#bd-icon-toggle .line-x1,
#bd-icon-toggle .line-x2 {
    opacity: 0;
    transform: scale(0.8);
}

/* Offen -> X anzeigen, Minus ausblenden */
#bd-icon-toggle.open .line-h {
    opacity: 0;
    transform: scaleX(0.7);
}

#bd-icon-toggle.open .line-x1,
#bd-icon-toggle.open .line-x2 {
    opacity: 1;
    transform: scale(1);
	stroke-width: 6px;
}