/*
Theme Name: WandbildXXL
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*PRODUCT PAGE FLATSOME */

.rotate-top-bar p{
	display:none;
}

div.product-stacked-info{
padding-top: 0px !Important;

}
div.legal-price-info{
font-size: 75% !Important;
}
div.product-main h1.product-title{
font-size: 150% !Important;
margin-bottom: 25px !Important;
}

div.product-main button.single_add_to_cart_button{
	display: block !Important;
	width: 100% !Important; 
	height: 60px !important; 
	letter-spacing: 1px;
	font-weight: 500;
}




/*Accordion Arrow*/
.accordion .toggle {
right: 0;
left: auto;
}

/*Custom FAQ Accordion Panel*/

div.custom-faq div.custom-faq-panel a{
border: none !Important;
font-size: 100%;
}
/*Product Page Accordion Tabs*/
div.product-page-accordian div.accordion div.accordion-item{
background: #F7F7F7 !Important;
margin-bottom: 10px !Important;
border: none !Important;
}

div.product-page-accordian div.accordion div.accordion-item div.accordion-inner{
	background: white !Important;
padding-left: 5px!Important;
padding-right: 5px !Important;
}

div.product-page-accordian div.accordion div.accordion-item a{
border: none !Important;
}



/*Product Page Quantity*/
.quantity input[type=number]{
	max-width: 80% !Important;
}
div.quantity.buttons_added{
	width: 100%;
}
div.quantity.buttons_added .minus{
	width: 20%;
}
div.quantity.buttons_added .plus{
	width: 20%;
}
div.quantity input.input-text.qty.text{
	width: 80%;
}

/*Variations Table*/
table.variations tbody tr td.value select option[disabled]{
display: none !Important;
}
div.woocommerce-variation.single_variation{
display: none !Important;
}
div.shop-container .variations tbody tr th.label{
display: none;
}
/*Mobile Menu*/
.off-canvas-left.mfp-content, .off-canvas-right .mfp-content{
width: 30%;
}
div#cart-popup div.cart-popup-title div.is-divider{
margin: 5px !Important;
max-width: 100% !Important;
height: 1px !Important;
background: #dfdfdf !Important;
}



/*
p.product-title.woocommerce-loop-product__title{
  white-space: nowrap !Important;
overflow: hidden !Important;
text-overflow: ellipsis !Important;
text-overflow: ' ...';
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;

}
*/

/*SHOP SIDEBAR FLATSOME*/

div#shop-sidebar ul li{
font-size: 90%; 
}

div#shop-sidebar div.is-divider {
max-width: 100% !important;
height: 1px;
background: #efefef;
margin-bottom: 0px !Important;

}
div#shop-sidebar li{
	border-top: 0px !Important;
}
div#shop-sidebar div.shop-page-title{
font-size: 80% !Important;	
}
/*** 5. Warenkorb ***/

p.wc-gzd-additional-info.small-business-info{
		font-size: 10px;
}
.product p.wc-gzd-additional-info{
		color: #1c1c1c !Important;
		font-weight: 500;
}
a.checkout-button.button.alt.wc-forward{
		border: 2px solid black !Important;
}
a.checkout-button.button.alt.wc-forward:hover{
	letter-spacing: 4px;
	transition: all 0.3s;
	background-color: #1ba84e !Important;
	border: 2px solid #1ba84e !Important;	

}
form.woocommerce-cart-form.customize-unpreviewable{
		font-weight: 400 !Important;
}
/*Zum Checkout Button*/
.wc-proceed-to-checkout{
		font-size: 20px;
		font-weight: 400; 
}
img.checkout-btn{
		height: 25px;
		width: 25px; 
		padding-bottom: 5px;
}

/*Gutscheinfeld aufklappen*/


/*** 6. Checkout/Kasse ***/

div.page-checkout-simple  div.woocommerce-form-login-toggle{
font-size: 80% !Important;
}
div.cart-header.text-left.medium-text-center{
	padding-bottom: 20px;
}
nav.breadcrumbs.flex-row.flex-row-start.checkout-breadcrumbs.text-left.medium-text-center.is-large.none{
	display: inline;
}
div.order-details-own{
	background: white;
-webkit-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.45); 
box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.45);
}
div.order-details-own h3{
	font-size: 130%;
}

div.woocommerce-billing-fields{
	border-top: none !Important;
}
form.woocommerce-checkout{
	font-size: 95%
}
label.fl-label{
	font-size: 65% !Important;
}
div.fl-wrap.fl-wrap-textarea{
	display: none;
}

/*Zahlungsart auswählen*/

.woocommerce-billing-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
}
.woocommerce-billing-fields__field-wrapper p{
	margin-right: 0px;
}
.woocommerce form .form-row {
display: inline-block;
}
/*Rechnungsdetails*/

#billing_email_field {
order: 1;
width: 100%
}

#billing_first_name_field {
order: 2;
	margin-right: 20px;
}
#billing_last_name_field {
	order: 3;
	width: 48%;
}
#billing_address_1_field {
order: 4;
width: 100% !Important;
}

#billing_postcode_field {
order: 5;
	width: 48%;
	margin-right: 20px;
}
#billing_city_field {
order: 6;
	width: 48%
}

#billing_phone_field {
order: 7;
	width: 48%;
	margin-right: 20px;
}
#billing_country_field {
order: 8;
	width: 48%
}
div.wc-gzd-product-name-right{
	display: contents; 
}
div.woocommerce-shipping-fields{
	font-size: 80%;
}
/*Form Validation*/
.green-border {
border: 1px solid green !important;  
}


/*Deine Bestellung*/
table.shop_table.woocommerce-checkout-review-order-table thead th.product-name, th.product-total{
	display: none;
}
table.shop_table.woocommerce-checkout-review-order-table tfoot tr th, tfoot tr th td, tfoot tr td{
border: none; 
}
table.shop_table.woocommerce-checkout-review-order-table tbody tr td{
	border: none; 
}
table.shop_table.woocommerce-checkout-review-order-table{
	border-bottom: 2px solid #ccc;
	padding-bottom: 10px;
	background: white;
	padding-top: 0px !Important;
}
tfoot tr.cart-subtotal td{
	border-top: 2px solid #ccc !Important;
}
tfoot tr.cart-subtotal th{
	border-top: 2px solid #ccc !Important;
}
/*Checkout Gesamtsumme*/
table.shop_table.woocommerce-checkout-review-order-table tfoot tr th{
	font-weight: 500;
}
tr.order-total th{
	font-weight: 600 !Important; 
}
tr.order-total td strong span  bdi{
	font-weight: 600 !Important; 
}
span.woocommerce-gzd-legal-checkbox-text{
		font-size: 12px!important;
		font-weight: 500;
}
span.woocommerce-gzd-legal-checkbox-text a{
		text-decoration: underline;
}


.wc-gzd-additional-info.small-business-info{
		font-size: 12px;
}
.woocommerce-checkout .shop_table{
		background: #fafafa;
}
span.woocommerce-gzd-legal-checkbox-text{
		font-size: 14px;
}
/*Payment Checkout*/
/*Billing form*/
div#customer_details{
	padding: 15px;
}
div#payment.woocommerce-checkout-payment ul li{
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	margin: 10px 2px 10px 2px;
	padding: 5px 25px 5px 5px; 
}
div.payment_box.payment_method_bacs p{
	display: none;
}
div.payment_box.payment_method_paypal p{
	display: none;
}
/*payment - checkout input buttons*/
div#payment.woocommerce-checkout-payment ul li input{
	float: left;
	margin-top: 6px;
}
div.payment_box.payment_method_paypal{
	display: none;
}
div#payment.woocommerce-checkout-payment{
	padding: 0px;
	width: 100%;
}
div#payment.woocommerce-checkout-payment ul li{
	padding-top: 10px;
	padding-bottom: 10px;
}
div#payment.woocommerce-checkout-payment ul li imput input-radio{
padding-bottom: 20px !Important;
}

div#payment.woocommerce-checkout-payment ul li label{
display: block !Important;
	font-weight: 500;
	font-size: 100%;
	margin-bottom: 0px;
}
div#payment.woocommerce-checkout-payment ul li label img{
float: right;
	margin: 0px;
}
div#payment.woocommerce-checkout-payment ul li div p{
	margin: 0px 30px 0px 25px;
	padding: 5px 10px 5px 10px;
	background: #f6f6f6;
}
a.about_paypal.customize-unpreviewable{
	display: none; 
}
div#klarna_payments_pay_now_container{
	padding-top: 15px;
}
/*Payment icons MOLLIE*/
img.mollie-gateway-icon{
	padding-bottom: 5px !Important;
}
.mollie-gateway-icon svg, label .mollie-gateway-icon{
	height: 30px !Important;
	padding-bottom: 5px;
}
/*Paypayl Icon*/
li.wc_payment_method.payment_method_paypal label img{
	width: 40px !Important;
}
/*Coupon Checkout*/
div.woocommerce-form-coupon-toggle{
display: none !Important;
}

/*Checkout Page - Button */
div.form-row.place-order.wc-gzd-place-order{
	width: 100%;
	font-size: 140%;
	padding-top: 20px;
}
button#place_order{
	width: 100%;
}
button#place_order:hover{
	letter-spacing: 2px;
	background: #2e2e2e !Important;
}
/***** 7. KUNDENKONTO****/
.woocommerce-MyAccount-content{
		padding: 50px;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

/***
*
*
* 1. PRODUCT PAGE
*
*
*/

div.custom-faq div.custom-faq-panel a{
border: none !Important;
font-size: 90%;
}

div.custom-faq div.custom-faq-panel div.accordion-inner{
padding-left: 10px !Important;
padding-right: 10px !Important;
}

/*Product Page Accordion Tabs*/
div.product-page-accordian div.accordion div.accordion-item a{
	padding-left: 10px !Important;
}

/*Product Title Price etc Font-Sizes*/

div.product-main h1.product-title{
font-size: 120% !Important;
}
div.product-main .price-wrapper{
font-size: 80% !Important;
}
div.product-main div.legal-price-info {
font-size: 60% !Important;

}
table.variations tbody tr td.value select{
font-size: 90% !Important;
}
/*Related Products*/
div.product-main div.related-products-wrapper{
	margin-top: 50px; 
	border-top: 0px !Important;
}
div.product-main div.related-products-wrapper .product-section-title{
	font-size: 130% !Important;
}
/***
*
*
* 6. Checkout/Kasse
*
*
*/
.page-template-default.page.page-id-10.logged-in.theme-flatsome.woocommerce-checkout.woocommerce-page.woocommerce-js.full-width.bg-fill.lightbox.nav-dropdown-has-arrow.nav-dropdown-has-shadow.nav-dropdown-has-border.mobile-submenu-toggle.page-template-blank.page-template-blank-php.fl-labels.fl-form.customize-partial-edit-shortcuts-shown{
font-size: 90%;
}
/*Zahlungsart auswählen*/

div#main.page-checkout-simple div#content div.container{
padding: 0px !Important;
}
div.order-details-own{
padding: 15px;
overflow:hidden !Important;

}
div#customer_details{
padding: 15px;
}
.woocommerce-billing-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
}
.woocommerce-billing-fields__field-wrapper p{
margin-right: 0px;
}
.woocommerce form .form-row {
display: inline-block;
}

#billing_email_field {
order: 1;
width: 100%
}

#billing_first_name_field {
order: 2;
width: 45%;
}
#billing_last_name_field {
order: 3;
width: 45%;
}
#billing_address_1_field, #billing_address_2_field{
order: 4;
width: 100% !Important;
}

#billing_postcode_field {
order: 5;
width: 45%;
margin-right: 20px;
}
#billing_city_field {
order: 6;
width: 45%
}

#billing_phone_field {
order: 7;
width: 45%;
margin-right: 20px;
}
#billing_country_field {
order: 8;
width: 45%
}
div.wc-gzd-product-name-right{
display: contents; 
}
h3#ship-to-different-address{
font-size: 140%;
}
/*Checkout Button*/
div.form-row.place-order.wc-gzd-place-order{
width: 100%;
font-size: 110%;
}
div.form-row.place-order.wc-gzd-place-order button{
padding-top: 15px; 
padding-bottom: 15px;
}

/*Warenkorb*/

.own-cart-banner{
font-size: 90%;
}
.own-cart-banner div img{
width: 35px;
}

div.pwf-item.pwf-boxlist-item div.pwf-item-inner{
	padding-top: 15px;
	padding-bottom: 15px;
}

/*
*
*
* WARENKORB => Sidebar Flyout
*
*
*/

div#shop-sidebar{
	background: white !Important;
}


.off-canvas-left .mfp-content, .off-canvas-right .mfp-content{
width: 100% !Important;	
}
.off-canvas-left.mfp-content, .off-canvas-right.mfp-content{
width: 100% !Important;

}
.mfp-content.off-canvas-cart{
width: 100% !Important;
background: #fff !Important;
}
div#cart-popup div.cart-popup-title div.is-divider{
margin: 5px !Important;
max-width: 100% !Important;
height: 1px !Important;
background: #dfdfdf !Important;
}
div#cart-popup .cart-popup-inner.inner-padding{
padding: 10px;
}
/*Mini Cart Font Size general*/
div#cart-popup .widget_shopping_cart_content{
	font-size: 80%;
}
/*Mini Cart Produkt*/
div#cart-popup div.widget_shopping_cart_content ul:nth-child(1){
	margin-bottom: 0px !Important;
}
/*Mini Cart SUMME*/
div#cart-popup div.widget_shopping_cart_content p:nth-child(2){
	font-size: 120% !Important;
}
/*Mini Cart MwST*/
div#cart-popup div.widget_shopping_cart_content p:nth-child(3){
	border-top: none !Important;
	font-size: 70% !Important;
	padding: 0px !Important;
}
/*Mini Cart Versandkosten*/
div#cart-popup div.widget_shopping_cart_content p:nth-child(4){
	border-top: none !Important;
	font-size: 80% !Important;
	padding: 0px !Important;
}
/*Mini Cart ATC Buttons*/
div#cart-popup div.widget_shopping_cart_content p.woocommerce-mini-cart__buttons{
	font-size: 120% !Important;
}


/*
*
* MOBILE MENU
*
**/

div#main-menu{
	background: white !Important;
}


input#woocommerce-product-search-field-1{
	border-radius: 5px !important;
	background-color: white !Important;
}
input#woocommerce-product-search-field-1 div#placeholder{
	font-size: 80% !Important;
	letter-spacing: 1px !Important;
}






































/*------------MOBILE CSS ENDE*/
}