/*
 Theme Name:    Pixelstoff
 Theme URI:     
 Description:   
 Author:        Jonathan Ferger
 Author URI:    
 Template:      hello-elementor
 Version:       1.0.0
*/

:root {
	--pxstff-col-primary: #546d5a;
	--pxstff-col-primary-b: #dbe4dd;
	--pxstff-col-primary-d: #415445;
	--pxstff-col-secondary: #ad9f78;
	--pxstff-col-secondary-b: #d9d4c5;
	--pxstff-col-secondary-d: #6e654c;
	--pxstff-col-accent: #675974; /*#655f6e;*/
	--pxstff-col-accent-b: #716280; /*#d5d2da;*/
	--pxstff-col-accent-d: #4F4559; /*#4d4854;*/
	--pxstff-col-dark: #1a231c;
	--pxstff-col-dark-b: #333e35;
	--pxstff-col-dark-d: #0a0d0a;
	--pxstff-col-bright: #dcdcdc;
	--pxstff-col-bright-b: #f5f5f5;
	--pxstff-col-bright-d: #9c9c9c;
	--pxstff-col-link: #546d5a;
	--pxstff-col-link-hover: #415445;
	--pxstff-col-text: #333;
		
	--e-global-color-primary: var(--pxstff-col-primary) !important;
    --e-global-color-secondary: var(--pxstff-col-secondary) !important;
    --e-global-color-text: var(--pxstff-col-text) !important;
    --e-global-color-accent: var(--pxstff-col-accent) !important;
	
	--e-global-color-8a61cbe: var(--pxstff-col-primary-d) !important;
    --e-global-color-a026c6f: var(--pxstff-col-primary-b) !important;
    --e-global-color-6a16b48: var(--pxstff-col-secondary-d) !important;
    --e-global-color-34599bf: var(--pxstff-col-secondary-b) !important;
    --e-global-color-1eeb468: var(--pxstff-col-accent-d) !important;
    --e-global-color-5e2c710: var(--pxstff-col-accent-b) !important; !important;
}

.elementor-kit-5 {
	--e-global-color-primary: var(--pxstff-col-primary) !important;
    --e-global-color-secondary: var(--pxstff-col-secondary) !important;
    --e-global-color-text: var(--pxstff-col-text) !important;
    --e-global-color-accent: var(--pxstff-col-accent) !important;
	
	--e-global-color-8a61cbe: var(--pxstff-col-primary-d) !important;
    --e-global-color-a026c6f: var(--pxstff-col-primary-b) !important;
    --e-global-color-6a16b48: var(--pxstff-col-secondary-d) !important;
    --e-global-color-34599bf: var(--pxstff-col-secondary-b) !important;
    --e-global-color-1eeb468: var(--pxstff-col-accent-d) !important;
    --e-global-color-5e2c710: var(--pxstff-col-accent-b) !important; !important;
}


/*@font-face {
	font-family: Montserrat, serif;
	font-display: swap;
	src: 
		local('Montserrat');
		local('Montserrat-Regular');
		url(/uploads/fonts/Montserrat-Regular.woff2) format('woff2');
		url(/uploads/fonts/Montserrat-Regular.eot) format('eot');
		url(/uploads/fonts/Montserrat-Regular.tff) format('tff');
		url(/uploads/fonts/Montserrat-Regular.woff) format('woff');
}*/

mark {
	background-color: transparent !important;
	border-bottom: 2px solid var(--pxstff-col-accent) !important;
}


input[type=text],
input[type=email],
input[type=password],
textarea {   
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}



/* Abstand Seiten oben */

#pxstff-site-headerspacing {
	padding-top: 150px;
}




ul.products {
	grid-column-gap: 50px !important;
	grid-row-gap: 100px !important;
}

.up-sells.upsells.products {
	margin-top: 150px;
}

/** Woocommerce **/

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
	background-color: var(--pxstff-col-accent);
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:active, 
.woocommerce a.button.alt:active, 
.woocommerce button.button.alt:active, 
.woocommerce input.button.alt:active {
	background-color: #3c2630;
}

.woocommerce table.shop_table,
.woocommerce table.shop_table tr,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
	border: none !important;
}

.woocommerce a.remove {
	color: #a46497 !important;
}

.woocommerce a.remove:hover {
	color: #a46497 !important;
	background: none;
}

ol.flex-control-nav.flex-control-thumbs {
	margin-top: 35px !important;
}

ol.flex-control-nav.flex-control-thumbs img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

ol.flex-control-nav.flex-control-thumbs img.flex-active {
    -webkit-filter: none;
    filter: none;
}



/* Account */

.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
	margin: 35px 0;
}

/* Adresse */
.u-columns.woocommerce-Addresses.col2-set.addresses .col-1 ,
.u-columns.woocommerce-Addresses.col2-set.addresses .col-2 {
	margin: 35px 0;
}

.woocommerce-account .addresses .title h3, 
.woocommerce-account .addresses .title .edit {
	float: none;
}

.woocommerce-account .addresses .title .edit {
	display: block;
	text-align: right;
}

/* Details */
.woocommerce-EditAccountForm.edit-account fieldset {
	margin: 35px 0;
}




/* Mini - cart */

.elementor-menu-cart__main {
	padding-top: 80px !important;
}

.elementor-menu-cart__main dl.variation {
	font-weight: 400;
}

.elementor-menu-cart__close-button {
	top: -80px;
}

.elementor-menu-cart__footer-buttons {
	position: absolute !important;
	top: 35px;
	left: 0;
	padding: 0 15px;
}

.elementor-menu-cart__products {
max-height: calc(100vh - 330px) !important;
}

#pxstff_cart_icon .woocommerce-mini-cart span {
	color: var(--pxstff-col-text) !important;
}

.elementor-menu-cart__products.woocommerce-mini-cart.cart.woocommerce-cart-form__contents {
	padding-right: 15px;
}

.elementor-menu-cart__container .elementor-menu-cart__main {
	padding-left: 15px !important;
	padding-right: 15px !important;
}


/* CART */

/* Variationen */
dl.variation dt {
    float: none !important;
    margin-top: 8px !important;
}
dl.variation dd {
}
dl.variation dd p {
    margin: 0 !important;
}

.pxstff-cart-form {
	padding-bottom: 25px;
	/*border-bottom: 1px solid #e2e2e2;*/
}

.cart-collaterals {
	margin-top: 55px;
}

.woocommerce .shop_table.cart {
	border-collapse: separate !important;
}

.woocommerce .shop_table.cart th {
	border-bottom: 1px solid #e2e2e2 !important;
}


#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
	width: 75px;
}

.woocommerce.quantity.qty {
	border: 1px solid #e2e2e2;
}

.product-subtotal {
	text-align: right;
}

input#coupon_code {
	width: 150px;
}

.coupon {
	padding: 25px 0 0 0;
}

.woocommerce-shipping-calculator {
	display: none;
}

.product-name {
	font-size: 1.1em;
}

.quantity input {
	border: 1px solid #e2e2e2 !important;
}

table.shop_table,
table.shop_table tr, 
table.shop_table td,
table.shop_table th {
	background: none !important;
}

form.checkout h3 {
	color: var(--pxstff-col-primary);
}

h3#order_review_heading {
	margin-top: 55px;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table {
	border: 1px solid #e2e2e2 !important;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tr.cart_item td {
	padding: 15px 10px;
	border-bottom: 1px solid #e2e2e2 !important;
}

p.legal.form-row.checkbox-legal.validate-required {
	margin-bottom: 15px;
	/*padding: 5px 15px !important;
	background: #ebe9eb;*/
}

.woocommerce form.checkout .form-row::after, 
.woocommerce form.checkout .form-row::before,
.woocommerce-page form.checkout .form-row::after, 
.woocommerce-page form.checkout .form-row::before, 
.woocommerce-page form.checkout li::before,
.woocommerce-page form.checkout li::after {
	content: none !important;
}

.woocommerce-page form.checkout li {
	line-height: 2.5 !important;
}

#place_order {
	width: 100%;
    padding: 1.0em;
    font-size: 1.25em;	
}

.woocommerce-checkout-payment {
	background: none !important; 
}

.wc_payment_methods.payment_methods.methods::before,
.wc_payment_methods.payment_methods.methods::after {
	content: none !important;
}

ul.wc_payment_methods.payment_methods.methods {
	margin: 0 !important;
	padding: 0 !important;
}

form.checkout ul.wc_payment_methods {
	border: 1px solid var(--pxstff-col-primary) !important;
	border-radius: 5px;
}

form.checkout ul.wc_payment_methods li {
	padding: 0 15px;
	/*border-top: 1px solid var(--pxstff-col-primary);*/
}

form.checkout ul.wc_payment_methods li .pxstff_checkmark-radio {
	left: 15px;
	/*border-top: 1px solid var(--pxstff-col-primary);*/
}

.woocommerce-billing-fields {
	/*padding: 20px;
	background: var(--pxstff-col-primary)6b;*/
}

select {
	-webkit-appearance: none;
}

form.checkout input[type=date],
form.checkout input[type=email], 
form.checkout input[type=number], 
form.checkout input[type=password], 
form.checkout input[type=search], 
form.checkout input[type=tel], 
form.checkout input[type=text], 
form.checkout input[type=url], 
form.checkout select, 
form.checkout textarea {
	border: 1px solid #e2e2e2;
	border-radius: 0;
	-webkit-appearance: none;
}

form.checkout .form-row.woocommerce-validated .select2-container, 
form.checkout .form-row.woocommerce-validated input.input-text, 
form.checkout .form-row.woocommerce-validated select {
	border: 1px solid var(--pxstff-col-primary);
	border-radius: 0;
}

#ship-to-different-address {
	padding: 50px 0 15px 0;
}

.woocommerce-additional-fields {
	padding-top: 25px;
}

#ship-to-different-address .pxstff-designed-input-container .pxstff-checkmark-text {
	width: calc(100% - 15px);
}

input#ship-to-different-address-checkbox {
	/*display: none;*/
}

.woocommerce-shipping-fields::before,
.woocommerce-shipping-fields::after {
	content: none !important;
}

.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text, 
.woocommerce form .form-row.woocommerce-invalid select {
	/*border: 1px solid var(--pxstff-col-primary);*/
	border-radius: 0;
}
	

form.checkout #billing_country_field,
form.checkout #billing_phone_field {
	margin-top: 25px;
}

.payment_box {
	color: #FFF !important;
	background-color: var(--pxstff-col-primary) !important;
}

div.payment_box::before {
	border: 1em solid var(--pxstff-col-primary) !important;
	border-right-color: transparent !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
}

.woocommerce-account-fields {
	padding: 15px;
	background: #d6dac8;
}

.woocommerce-account-fields i {
	margin-right: 15px;
	color: #FFF;
	font-size: 2em;
}

.woocommerce-account-fields input#createaccount {
	display: none;
}

.woocommerce-shipping-totals th {
	display: none;
}

.woocommerce-table--order-details.shop_table .woocommerce-Price-amount,
.cart-subtotal .woocommerce-Price-amount,
.cart-discount .woocommerce-Price-amount_pxstff-wrapper,
.order-total .woocommerce-Price-amount,
.order-tax  .woocommerce-Price-amount {
	display: inline-block;
	width: 100% !important;
	text-align: right;
}

.cart-discount .woocommerce-Price-amount_pxstff-wrapper a {
	display: inline-block;
	width: 100%;
	text-align: right;
}

.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th {
	font-weight: normal;
}

.product-total {
	text-align: right;
}

.cart-subtotal th,
.cart-subtotal td,
.order-total th,
.order-total td {
	font-weight: 700 !important;
}

/* eigene Checkboxen, Radiobuttons Standard */

form.checkout .form-row.terms,
form.checkout .form-row.legal {
	margin: 0;
	padding: 0;
	margin-bottom: 25px !important;
}

/* Checkbox von sendingblue Checkout */

#ws_opt_in_field label {
	display: block;
	padding-left: 48px;
	line-height: 1.4;
}

/* Customize the label (the container) */
.pxstff-designed-input-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  line-height: 1.3;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.pxstff-designed-input-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.pxstff-designed-input-container .pxstff-checkmark-text {
	float: right;
	width: calc(100% - 50px);
	line-height: 1.4;
}

/* Create a custom checkbox */
.pxstff-designed-input-container .pxstff-checkmark-checkbox {
	float: left;
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: var(--pxstff-col-bright);
}

/* On mouse-over, add a background color */
.pxstff-designed-input-container:hover input ~ .pxstff-checkmark-checkbox {
  background-color: var(--pxstff-col-bright-d);
}

/* When the checkbox is checked, add a background */
.pxstff-designed-input-container input:checked ~ .pxstff-checkmark-checkbox {
  background-color: var(--pxstff-col-primary);
}

/* Create the checkmark/indicator (hidden when not checked) */
.pxstff-designed-input-container .pxstff-checkmark-checkbox::after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.pxstff-designed-input-container input:checked ~ .pxstff-checkmark-checkbox::after {
  display: block !important;
}

/* Style the checkmark/indicator */
.pxstff-designed-input-container .pxstff-checkmark-checkbox::after {
  left: 9px;
  top: 5px;
  width: 6px;
  height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



/* eigene Radio-Button, Checkboxen bei woocommerce-Feldern*/

ul.pxstff-ul-designedinput {
	margin: 25px 0 !important;
	text-align: left !important;
}

ul.pxstff-ul-designedinput input[type=radio] {
	/*display: none;*/
	margin-top: 0;
	vertical-align: middle !important;
}

ul.pxstff-ul-designedinput li {
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 1.3;
	border-top: 1px solid #e2e2e2;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

ul.pxstff-ul-designedinput li:last-child {
	border-bottom: 1px solid #e2e2e2;
}

ul.pxstff-ul-designedinput li label {
	position: relative;
	display: block !important;
	padding: 20px 0 20px 35px;
	line-height: 1.3em;
	z-index: 999;
}

ul.pxstff-ul-designedinput li label {
	cursor: pointer;
}

ul.pxstff-ul-designedinput li input {
	position: absolute;
	opacity: 0;
	height: 0;
	width: 0;
	z-index: 1;
}

.pxstff_checkmark-radio {
	position: absolute;
	top: 16px;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: var(--pxstff-col-bright);
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
ul.pxstff-ul-designedinput li:hover input ~ .pxstff_checkmark-radio {
	background-color: var(--pxstff-col-bright-d);
}

/* When the radio button is checked, add a blue background */
ul.pxstff-ul-designedinput li input:checked ~ .pxstff_checkmark-radio {
	background-color: var(--pxstff-col-primary);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.pxstff_checkmark-radio:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
ul.pxstff-ul-designedinput li input:checked ~ .pxstff_checkmark-radio:after {
	display: block;
}

/* Style the indicator (dot/circle) */
ul.pxstff-ul-designedinput li .pxstff_checkmark-radio:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.woocommerce-billing-fields::before,
.woocommerce-billing-fields::after {
	content: none !important;
}

/*.woocommerce table.shop_table_responsive tr.woocommerce-shipping-totals.shipping td::before, 
.woocommerce-page table.shop_table_responsive tr.woocommerce-shipping-totals.shipping td::before {
	display: inline;
	content: attr(data-title) ": ";
}*/

tr.woocommerce-shipping-totals.shipping th {
	display: none;
}

tr.woocommerce-shipping-totals.shipping td {
	width: 100%;
}

.woocommerce-billing-fields label,
.shipping_address label {
	display: none !important;
}

#pxstff_checkout_wrapper {
	display: table; 
	border-spacing: 15px; 
	width: 100%;
}

#pxstff_checkout_address {
	display: table-cell; 
	box-sizing: border-box; 
	width: 50%; 
	padding: 15px 30px 15px 0; 
	vertical-align: top;
}

#pxstff_checkout_products {
	display: table-cell; 
	box-sizing: border-box; 
	width: 50%;  
	padding: 15px 0px 15px 30px; 
	vertical-align: top;
}

.pxstff-checkout-infos {
    /*position: relative;
    top: 0;
    left: 920px;
    width: 200px;*/
    text-align: right;
	border-bottom: 1px solid var(--pxstff-col-primary);
}

.pxstff-checkout-infos i {
	display: block;
	margin-bottom: 5px;
	color: var(--pxstff-col-primary);
	font-size: 3em;
    text-align: right;
}

.pxstff-checkout-infos-user {
	margin: 0 0 25px 0;
}

.pxstff-checkout-infos .pxstff-user {
	display: block;
}

.pxstff-checkout-infos .pxstff-user-logout {
	font-size: 0.8em;
}

.woocommerce-form-coupon-toggle {
	margin: 20px 0 35px 0;
	font-size: 1.2em;
}
	
ul.products {
    padding-top: 85px !important;
}	

ul.products h2 {
    font-weight: 200 !important;
    font-size: 1.5em !important;
}
	
.price, .price a,
ul.products li.product .price ins,
ul.products li.product .price del {
    color: #767676 !important;
    font-size: 1.2rem !important;
    font-weight: 200 !important;
}

.product .price,
.product .elementor-widget-woocommerce-product-price {
	margin-bottom: 0 !important;
}

.elementor-widget-woocommerce-product-price .price ins,
.elementor-widget-woocommerce-product-price .price bdi {
    font-size: 2.5rem !important;
}

.product_list_widget .wc-gzd-additional-info, .products .wc-gzd-additional-info {
	margin-top: 0 !important;
}

.woocommerce-variation-add-to-cart {
	display: block !important;
}

.woocommerce-variation-add-to-cart label,
.variations label,
h3.pxstff-product-indform-header  {
	display: block;
	margin: 25px 0 0 0;
	padding: 25px 0 0 0;
	font-size: 1.5em;
	font-weight: 600 !important;
	border-top: 1px solid #e2e2e2;
}

.variations label {
	margin-bottom: 1em;
}

.woocommerce-variation-add-to-cart .required_ast {
	display: none;
}

.quantity {
	height: 45px;
}

.radio-group.pxstff-product-indform-option-color label {
	margin: 5px 0;
	padding: 5px 0px;
	width: 150px;
	font-size: 1em !important;
	text-align: center;
	border: 1px solid var(--pxstff-col-primary);
	border-radius: 15px;
}

.radio-group.pxstff-product-indform-option-color label:hover {
	background: #e2e2e2;
}

.radio-group.pxstff-product-indform-option-color input[type=radio]:checked+label {
	color: #FFF;
	background: var(--pxstff-col-primary);
}

.wcpa_form_item > label {
	display: none;
}

/*.wcpa_form_outer .wcpa_form_item .wcpa_radio input[type=radio]:checked+label .wcpa_check::before{background:#36b97e}*/

.pxstff-product-indform-option-designed .wcpa_check {
	display: none !important;
}
	
button.single_add_to_cart_button {    
	display: block !important;
	float: right !important;
    width: calc(100% - 5rem);
    height: 45px;
    margin: 0 !important;
}

li.product.type-product {
    height: 455px;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, 
a.button.product_type_variable.add_to_cart_button,
a.button.product_type_simple,
a.button.product_type_pw-gift-card.add_to_cart_button {
    position: absolute;
    bottom: 0;
	width: 100%;
    text-align: center;
}

ins {
	text-decoration: none;
}

.woocommerce span.onsale {
	min-height: 45px;
    min-width: 75px;
	line-height: 3;
	background: var(--pxstff-col-primary);
}
		
.elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button-text {
		color: #FFF;
}

.variation dt.variation-Fertigung {
	display: none !important;
}

/* Newsletter */

.pxstff-newsletter {
}

.pxstff-newsletter .pxstff-nl-email input,
.pxstff-newsletter .pxstff-nl-btn-sub input {
	padding: 8px 16px;
	width: 100%;
	font-size: 1.1em;
	line-height: 2.5;
	border-radius: 7px;
}
	
.pxstff-newsletter .pxstff-nl-email {
	float: left;
	width: 80%;
}

.pxstff-newsletter .pxstff-nl-btn-sub {
	float: right;
	width: 18%;
}

.pxstff-newsletter .pxstff-nl-btn-sub input {
	color: #FFF;
	background: var(--pxstff-col-accent);
	border: none;
}

.pxstff-nl-terms,
.pxstff-nl-terms-check {
	clear: both;
	/* text-align: center; */
}

/* POPUPs */

.pxstff-popup-menu-burger .dialog-close-button {
	z-index: 999 !important;
}

.pxstff-popup-stock-link {
	cursor: pointer;
}



/* Header */

#pxstff_header_bar {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 500;
}

#pxstff_header_bar.pxstff-header-bar-sec {
	/*box-shadow: rgba(0, 0, 0, 0.75) 0px 1px 5px 0px;*/
}

#pxstff_header_logo_wrapper {
	margin: 30px 0;
	height: 60px;
	transition: height 1s, margin 1s;
}

#pxstff_header_logo_wrapper div {
	display: block;
	margin: 0;
	padding: 0;
	height: 100%;
}

#pxstff_header_logo_wrapper a {
	display: block;
	height: 100%;
	transition: height 1s;
}

.pxstff-header-bar-sec {
	background: #FFF;
	border-bottom: 1px solid var(--pxstff-col-bright);
	transition: background 1s, border 1s, box-shadow 1s;
}

#pxstff_header_bar.pxstff-header-bar-sec .elementor-menu-cart__toggle span,
#pxstff_header_bar.pxstff-header-bar-sec #pxstff_text_wrapper span,
#pxstff_header_bar.pxstff-header-bar-sec #pxstff_text_wrapper i,
#pxstff_header_bar.pxstff-header-bar-sec #pxstff_menu_icon a {
	transition: color 1s;
}

.pxstff-header-bar-first {
	transition: background 1s, border 1s, box-shadow 1s;
}

#pxstff_header_bar .pxstff-header-logo-1 img,
#pxstff_header_bar .pxstff-header-logo-2 img {
	height: 100%;
	width: auto;
	transition: height 10s;
}

#pxstff_header_bar .pxstff-header-logo-2 {
	display: none;
}

#pxstff_icon_wrapper .elementor-widget-wrap {
	display: table;
}

#pxstff_menu_icon,
#pxstff_cart_icon {
	display: table-cell;
	text-align: right;
	vertical-align: bottom;
}

#pxstff_menu_icon {
	padding-left: 15px; 
}

.pxstff-header-backgroundimage {
	margin-bottom: 55px;
}

.pxstff-header-backgroundimage h1 {
	padding-bottom: 35px;
	color: #FFF !important;
}



/* Footer */

.pxstff-footer-icon-wrapper {
	width: 100%;
	margin: 17px auto 0 auto;
}

.pxstff-footer-icon-zahlungsart {
    display: inline;
    width: auto !important;
    margin: 0 15px 0 0;
    padding: 0;
}

.pxstff-footer-icon-zahlungsart .elementor-icon i, .pxstff-footer-icon-zahlungsart .elementor-icon svg {
	width: 69px;
	height: 50px;
}

.pxstff-footer-icon-zahlungsart.pxstff-icon-paypal svg {
	width: 90px;
}

.pxstff-iconwrapper-sicher {
	margin: 0 auto !important;
	width: 195px !important;
}

.pxstff-icon-sicher {
	display: inline;
	width: auto !important;
}

.pxstff-icon-sicher img {
	display: inline;
	width: 80px;
	margin: 0 15px;
}

.pxstff-icon-trustedshops img {
	width: 55px;
}

.pxstff-footer-icons-social div.elementor-grid-item {
	margin: 0 5px;
}



/* Bewertungen */
.woocommerce #reviews #comments ol.commentlist {
	margin: 0;
	padding: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
	margin: 0;
	border: 1px solid #e2e2e2;
}
		
.woocommerce .star-rating span::before {
	color: var(--pxstff-col-primary);
}

/* Korrigierung Schriftart */

.woocommerce-Tabs-panel,
 .woocommerce-Tabs-panel--description,
 .panel {
	font-weight: 400 !important;
}
		
.elementor-widget-wrap>.elementor-element {
	font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
}

/* eigene Spalten */

.pxstff-col-left {
	float: left !important;
	padding-right: 25px;
	box-sizing: border-box !important;
}

.pxstff-col-right {
	float: right !important;
	padding-left: 25px;
	box-sizing: border-box !important;
}

.pxstff-col-right::after {
	clear: both;
}

.pxstff-col-66 {
	width: 67% !important;
}

.pxstff-col-33 {
	width: 33% !important;
}

.pxstff-col-50 {
	width: 50% !important;
}
	
	
	
/* Breadcrumbs */

.woocommerce-breadcrumb {
	word-wrap: break-word;
}


/* Buttons */

.pxstff-header-btn-more a {
	color: #FFF;
	line-height: 1.3;
	border: 2px solid #FFF;
	background: none !important;
}

.pxstff-btn-fw a {
	width: 100% !important;
}

.pxstff-btn-transparent a {
	color: #FFF;
	line-height: 1.3;
	border: 2px solid #FFF;
	background: none !important;
}

.go-back,
.go-back:hover {
	display: block;
	cursor: pointer;
}

.woocommerce-Button {
	color: #FFF !important;
	background-color: var(--pxstff-col-accent) !important;
}

/* Preisauszeichnungen */

.pxstff-price-highlight {
	background: var(--pxstff-col-accent-b);
    border-radius: 50%;
    line-height: 3;
}

.pxstff-price-highlight p {
    font-family: "Architects Daughter", Sans-serif !important;
}

.pxstff-price-highlight p a {
	color: #FFF !important;
	text-decoration: none;
}

.pxstff-price-highlight p a:hover {
	color: #FFF !important;
	text-decoration: none;
}


/* Nachrichten Woocommerce */


body.single-product .woocommerce-notices-wrapper {
	position: relative;
	top: 200px;
	padding: 8px 0px;
	z-index: 200;
}

.woocommerce-message {
	background: var(--pxstff-col-bright-b) !important;
	border-top: 3px solid var(--pxstff-col-primary) !important;
}

.woocommerce-message::before {
	color: var(--pxstff-col-primary);
}
	

@media only screen and (max-width: 768px) {
	
	/* Seiten Abstände zum HEader */

	#pxstff-site-headerspacing {
		padding-top: 220px;
	}
	
	
	
	/* Header */
	
	.pxstff-header-cart-menu-icon #pxstff_menu_burger_icon {
		display: table-cell;
	}

	#pxstff_header_logo_wrapper {
		margin: 15px 0;
		height: 30px;
	}



	/* Footer */
	
	.pxstff-footer-section-sicherheit h3 {
		margin-top: 25px;
	}

	.pxstff-footer-icon-wrapper {
		width: 342px !important;
		margin: 0 auto;
	}
	
	.pxstff-footer-icon-zahlungsart.pxstff-icon-mastercard {
		margin-right: 0;
	}
	
	
	
	/* Buttons */
	

	.woocommerce-Button {
		width: 100% !important;
	}


	/* eigene Spalten */

	.pxstff-col-left {
		float: none !important;
		padding-right: 10px;
		box-sizing: unset;
	}

	.pxstff-col-right {
		float: none !important;
		padding-left: 10px;
		box-sizing: unset;
	}
	
	.pxstff-col-50 {
		width: 100% !important;
	}
	
	
	/* Produkte */
	

	ul.products {
		grid-column-gap: 15px !important;
	}
	
	li.elementor-icon-list-item.elementor-inline-item {
		padding: 8px 0;
	}

	#pxstff_checkout_wrapper {
		display: block; 
		width: 100%;
	}

	#pxstff_checkout_address {
		display: block; 
		box-sizing: none; 
		width: 100%; 
		padding: 0; 
	}

	#pxstff_checkout_products {
		display: block; 
		box-sizing: none; 
		width: 100%; 
		padding: 0; 
	}

	h3#order_payment_heading {
		margin-top: 55px;
	}

	#place_order {
		width: 100%;
		padding: 1.0em;
		font-size: 1.25em;	
	}
	
	.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
		display: none;
	}
	
	.woocommerce table.shop_table_responsive tr.cart-subtotal td::before, .woocommerce-page table.shop_table_responsive tr.cart-subtotal td::before,	
	.woocommerce table.shop_table_responsive tr.order-total td::before, .woocommerce-page table.shop_table_responsive tr.order-total td::before,	
	.woocommerce table.shop_table_responsive tr.woocommerce-shipping-totals.shipping td::before, .woocommerce-page table.shop_table_responsive tr.woocommerce-shipping-totals.shipping td::before,
	.woocommerce table.shop_table_responsive tr.cart-discount td::before, .woocommerce-page table.shop_table_responsive tr.cart-discount td::before,
	.woocommerce table.shop_table_responsive tr.order-tax td::before, .woocommerce-page table.shop_table_responsive tr.order-tax td::before {
		display: inline;
		content: attr(data-title) ": ";
	}
	
	td.product-remove {
		clear: both;
	}
	
	.woocommerce td.product-remove a {
		width: auto;
		color: #333 !important;
		font-size: 0.9em;
		font-weight: normal;
		text-align: right;
	}
	
	td.product-remove a::after {
		content: "  aus dem Warenkorb entfernen";
	}
	
	td.product-thumbnail {
		display: block !important;
		width: 30%;
		float: left;
	}
	
	td.product-thumbnail img {
		width: 100% !important;
	}
	
	.woocommerce-cart-form__cart-item.cart_item td.product-name {
		width: 70%;
		float: right;
	}
	
	td.product-price {
		display: none !important; 
	}
	
	td.product-quantity {
		width: 70%;
		float: right;
	}
	
	.woocommerce table.shop_table td.product-subtotal {
		clear: both;
		width: 100%;
		float: none;
		margin-bottom: 25px;
		padding-bottom: 25px !important;
		font-size: 1.2em;
		border-bottom: 1px solid #e2e2e2 !important;
	}
	
	ul.products h2 {
		font-weight: 200 !important;
		font-size: 1.1em !important;
	}
	
	
	
	/* Cart / checkout */
	
	.checkout_coupon.woocommerce-form-coupon .form-row {
		float: none;
		width: 100% !important;
	}
	
	input#coupon_code,
	.checkout_coupon.woocommerce-form-coupon .form-row button,
	.woocommerce-cart-form__contents .coupon button	{
		width: 100% !important;
	}
	
	.woocommerce-cart-form__contents .coupon button	{
		margin-top: 8px;
	}
	
	.woocommerce-cart-form__contents button[name="update_cart"]	{
		margin-top: 25px;
	}
	
	.woocommerce-checkout-review-order-table td.product-total {
		vertical-align: top !important;
	}
	
	.wc-gzd-product-name-left {
		max-width: 40% !important;
	}
	
	strong.product-quantity::before {
		content: "Anzahl: ";
	}
	
	strong.product-quantity {
		display: block;
		font-weight: 400;
	}
	
	#order_comments_field textarea {
		height: 5em;
	}
		
		
		
	.products span.price, .products span.price a,
	.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins,
	.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {
		color: #333 !important;
		font-size: 1.1rem !important;
		font-weight: 200 !important;
	}

	.cart-subtotal .woocommerce-Price-amount,
	.cart-discount .woocommerce-Price-amount_pxstff-wrapper,
	.order-total .woocommerce-Price-amount,
	.order-tax  .woocommerce-Price-amount {
		width: auto !important;
	}
	
	.order-tax td::before {
		font-weight: 400 !important;
	}
	
	li.product.type-product {
		height: 468px;
	}
	
	.pxstff-newsletter .pxstff-nl-email {
		width: 70%;
	}
	.pxstff-newsletter .pxstff-nl-btn-sub {
		width: 28%;
	}
	
	/* Bestellbestätigung */
	
	.woocommerce ul.order_details li {
		float: none;
		margin-bottom: 8px;
		line-height: 1.3;
		border: none;
	}
	
	.woocommerce-thankyou-order-received {
		margin-bottom: 25px;
		color: var(--pxstff-col-primary);
	}
	
	.woocommerce-order h2 {
		padding-top: 25px;
		font-size: 1.5rem;
	}
	
	.woocommerce-order h3 {
		font-size: 1.2rem;
	}
	
	.woocommerce-order ul.order_details {
		padding-left: 12px;
	}
	
}




@media only screen and (max-width: 1025px) {

	li.product.type-product {
		height: 550px;
	}

}

@media only screen and (max-width: 1000px) {

	li.product.type-product {
		height: 530px;
	}

}

@media only screen and (max-width: 900px) {

	li.product.type-product {
		height: 500px;
	}

}

@media only screen and (max-width: 800px) {

	li.product.type-product {
		height: 470px;
	}

}

@media only screen and (max-width: 768px) {

	li.product.type-product {
		height: 570px;
	}

}

@media only screen and (max-width: 720px) {

	li.product.type-product {
		height: 550px;
	}

}

@media only screen and (max-width: 720px) {

	li.product.type-product {
		height: 550px;
	}

}

@media only screen and (max-width: 670px) {

	li.product.type-product {
		height: 530px;
	}

}

@media only screen and (max-width: 620px) {

	li.product.type-product {
		height: 500px;
	}

}

@media only screen and (max-width: 576px) {

	li.product.type-product {
		height: 440px;
	}

	.pxstff-header-cart-menu-icon #pxstff_menu_burger_icon {
		padding-left: 35px;
	}

}

@media only screen and (max-width: 479px) {

	li.product.type-product {
		height: 420px;
	}
	
	.pxstff-newsletter .pxstff-nl-email input, 
	.pxstff-newsletter .pxstff-nl-btn-sub input {
		line-height: 1.7;
	}

	.pxstff-newsletter .pxstff-nl-email {
		float: none;
		width: 100%;
	}
	.pxstff-newsletter .pxstff-nl-btn-sub {
		float: none;
		width: 100%;
	}
}

@media only screen and (max-width: 400px) {
	
	/* Footer */

	.pxstff-footer-icon-wrapper {
		width: 270px !important;
		margin: 0 auto;
	}

	.pxstff-footer-icon-zahlungsart .elementor-icon i, .pxstff-footer-icon-zahlungsart .elementor-icon svg {
		width: 50px;
		height: 41px;
	}

	.pxstff-footer-icon-zahlungsart.pxstff-icon-paypal svg {
		width: 75px;
	}

	li.product.type-product {
		height: 390px;
	}

}