/* Warenkorb Seite*/ 
/*Breite wird von Astra manipuliert wieder auf breit setzten*/
.woocommerce {
	max-width:100% !important;
}

/*message feld farblich an warenkorb angepasst!*/
.post-7 .woocommerce-message,
.post-7 .woocommerce-error,
.post-7 .woocommerce-info{
	background-color:white;
	border-radius:3px;
	border-width:0px;
	box-shadow: 1px 1px 4px 1px var(--ast-global-color-0);
}
.post-7 .woocommerce-error,
.post-7 .woocommerce-info{
	box-shadow: 1px 1px 4px 1px var(--ast-global-color-9);
}
/*.post-7 .woocommerce-message::before */
.post-7 .woocommerce-error::before,
.post-7 .woocommerce-info::before{
	color:var(--ast-global-color-9) !important;
}
/*Pagetitle warenkorb geändert*/
.post-7 .entry-title{
	background-color:var(--ast-global-color-7);
	padding:15px;
	text-align:center;
	color:inherit !important;
	box-shadow: 3px 3px 4px 0px var(--ast-global-color-0);
	border-radius: 3px;
	margin-bottom:30px;
}
/*Nur pc Ansicht */
@media (min-width:922px) {
	/*Produkte links*/
	.cart_wrapper .cart_left{
		float:left;
		width:65%;
		clear: both;
		padding-right:30px;
		margin-bottom:30px;
	}
	/*Summen rechts*/
	.cart_wrapper .cart_right{
		float:right;
		width:35%;
		margin-bottom:20px;
	}
}
/*um die warenkorb Summen und die Produkttabelle die Außenränder weg!*/
.cart_wrapper .cart-collaterals .cart_totals,
.woocommerce .cart_wrapper  table.cart{
	border-width:0px;
	padding:0px!important;
	width:100% !important;
}
/*Die warenkorb-Summen Überschrift anpassen,
* Gutschein auch
* für PRodukttabelle header auch alle gleich und uppercase!*/
.cart_wrapper .cart-collaterals .cart_totals > h2,
.cart_wrapper table.cart th,
.cart_wrapper .coupon >h2{
	text-align:right;
	font-weight:bold;
	font-family:inherit;
	font-size:0.8em;
	text-transform:uppercase;
	border-color:#ebebeb;
	border-bottom-style:solid;
	border-bottom-width:2px !important;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-right:0px;
	padding-left: 0px;
	background-color:white;
}
/*produkttabelle header ein paar änderungen*/
.cart_wrapper .cart thead th{
	line-height:1.3em;
}
/*Produktlabel links*/
.cart_wrapper .cart thead th:first-child{
	text-align:left;
}
/*summe rechts*/
.cart_wrapper .cart thead th:last-child{
	text-align:right;
}
/* linien zwischen den summen entfernen alle*/
.cart_wrapper .cart-collaterals .cart_totals .shop_table,
.cart_wrapper .cart-collaterals .cart_totals .shop_table td,
.cart_wrapper .cart-collaterals .cart_totals .shop_table th{
	border-width:0px;
}
/*Linie über Gesamtsumme, über versand*/
.cart_wrapper .cart-collaterals .cart_totals tr.order-total td,
.cart_wrapper .cart-collaterals .cart_totals tr.order-total th, 
.cart_wrapper .cart-collaterals .cart_totals tr.shipping td, 
.cart_wrapper .cart-collaterals .cart_totals tr.shipping th,
.cart_wrapper .cart-collaterals .cart-totals .shop_table tr.cart-discount td, 
.cart_wrapper .cart-collaterals .cart-totals .shop_table tr.cart-discount th{
	border-top-width:2px;
	border-color: #ebebeb;
}
/*gutschein border*/
.cart_wrapper .cart-collaterals .cart_totals tr.cart-discount td, 
.cart_wrapper .cart-collaterals .cart_totals tr.cart-discount th{
	border-top-width:2px;
	border-color: #ebebeb;
}
/*zwischensumme und gutschein nicht fett schreiben.*/
.cart_wrapper .cart-collaterals .cart_totals tr:not(.order-total) th{
	font-weight:normal;
}
/*gutschein text in eine zeile schreiben*/
.cart_wrapper .cart-collaterals .cart_totals tr.cart-discount td{
	text-indent:-999px;
}
/*spalte summen warenkorb nach rechts*/
.cart_wrapper .cart-collaterals .cart_totals td{
	text-align:right;
}
/*warenkorb summe total gößer*/
.cart_wrapper .cart-collaterals .cart_totals tr.order-total th
{
	font-size: 1.2em;
	padding-bottom:0px;
}
/*mwst näher rücken*/
.cart_wrapper .cart-collaterals .cart_totals tr.order-total-mwst th {
	padding-top:0px;
	margin-top:0px;
}
/*gutschein text hervorheben*/
.cart_wrapper .cart-collaterals .cart_totals .cart-discount th small ,
.cart_wrapper .cart small{
	background:#c28ca761;
	padding:3px 6px 4px 10px;
	border-radius:99px;
	color:black;
}
/*x für Löschen gepimpt  in produkte und summen*/
.woocommerce .cart_wrapper .cart_totals a.remove,
.cart_wrapper .cart a.remove{
	display:inline;
	vertical-align:middle !important;
	color:gray !important;
}
/*x hover*/
.woocommerce .cart_wrapper .cart_totals a.remove:hover,
.cart_wrapper .cart a.remove:hover{
	background-color:transparent;
	color:black !important;
}
/*Kasse button angepasst*/
.cart_wrapper .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button {
	line-height:1em;
}
.cart_wrapper .cart-collaterals .cart_totals .wc-proceed-to-checkout,
.cart_wrapper .cart-collaterals .cart_totals .wc-proceed-to-checkout .button{
	width:100%;
	margin:0;
}
/*auto input gutscheinfeld,
*autofarbe ändern scheint nur über die id zu funktionieren????*/
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:focus-within,
input:-webkit-autofill:hover,
input:-webkit-autofill:visited,
input:-webkit-autofill:focus-visible,
#coupon_code:-webkit-autofill {
	-webkit-box-shadow:0 0 0 50px white inset;
}
/*Gutscheinbereich*/
.cart_wrapper .coupon {
	margin-bottom:30px;
}
.cart_wrapper .coupon >h2{
	padding-bottom:0.7em;
	padding-top:4em;
	margin-bottom:20px;
}
.cart_wrapper .coupon table {
	text-align:right;
	border-width:0px;
}
.cart_wrapper .coupon table th{
	width:auto;
	border-width:0px;
}
.cart_wrapper .coupon table th input{
	height:2.5em;
	width:100%;
}
.cart_wrapper .coupon td {
	width:220px;
	border-width:0px;
}
/*alle buttons gleich breit wenn nichts angegeben wird!*/
.cart_wrapper button {
	width:210px;
}
/*Produkt tabelle nur border unterhalb der reihen*/
.cart_wrapper table.cart td{
	border-color: #ebebeb;
	border-width:0px 0px 2px 0px;
}
/*produkt tabelle letze spalte ganz rechts*/
.cart_wrapper table.cart td.product-remove {
	text-align:right;
	min-width:140px;
	padding-left:0;
}
/*Produkt tabelle mitte kein padding bei pc und tablet*/
@media (min-width:545px){
	.cart_wrapper table.cart td.product-name {
		padding-right:0;
		padding-left:0;
	}
}
/*image größer*/
.cart_wrapper table.cart td.product-thumbnail a img {
	max-width:120px;
}
/*warenkorb aktualisieren  rechts*/
.cart_wrapper .warenkorb_button {
	text-align:right;
}
/*korrektur warenkorb durch float wird der hintergrund sonst nicht ganz geladen*/
.primary .site-main,
.primary .site-main .page {
	height:100%;
}
/*cross sells
*  Überschrift angepasst*/
.cart_wrapper .cross-sells >h2{
	background-color:var(--ast-global-color-7);
	border-radius:3px;
	padding:15px;
	text-align:center;
	box-shadow: 3px 3px 4px 0px var(--ast-global-color-0);
	margin-bottom:30px;
}
/* Tablet Ansicht Und jetzt auch PC
* Produkttabelle das responsive desing rückgängig machen sonst ok*/
/*es gab änderungen am responsive desing für pc ansicht, für tablet hatte ich es manuel gemacht, deshalb für PC mit eingeschaltet!
@media (max-width:921px) and (min-width:545px) {*/
	@media(min-width:545px) {
	/*Produkttabelle (responsiv design umgehen) */
	/*thead anzeigen*/
	.cart_wrapper table.cart.shop_table_responsive thead{
		display:table-header-group;
	}
	/*Bild auf tablet anzeigen*/
	.cart_wrapper table.cart .product-thumbnail {
		display:table-cell !important;
	}
	/*reihen!*/
	.cart_wrapper table.cart.shop_table_responsive tr{
		display:table-row;
	}
	/*spalten  before gelöscht*/
	table.cart.shop_table_responsive tr td::before{
		content :' ';
	}
	/*Alle spalten*/
	.cart_wrapper table.cart.shop_table_responsive tr td
	{
		display:table-cell;
		text-align:left !important;
	}
	/*letzte spalte*/
	.cart_wrapper table.cart.shop_table_responsive tr td:last-child {
		text-align:right !important;
	}
	/*Überschriften 
	* warenkorbsumme
	* Gutschein 
	* nach links*/
	.cart_wrapper .coupon >h2,
	.cart_wrapper .cart_totals > h2{
		text-align:left !important;
	}
}
/* Handy ansicht warenkorb!
* Produkt- und Warenkorbsummen
* Tabellen stylen
* Gutschein eingabe
*/
@media (max-width:544px){
	/*Tabellen reihen produkttabelle*/
	.cart_wrapper .cart tr {
		border-color: var(--ast-global-color-9) !important;
		border-style:solid;
		border-width: 0 0 2px 0;
	}
	/*Erste Reihe Produkttabelle*/
	.cart_wrapper .cart tr:first-child {
		border-top-width:2px;
		border-top-color:#ebebeb !important;
	}
	/* Before löschen von den Spalten Produkttabelle  (responsiv tabelle look angepasst)*/
	.cart_wrapper table.cart.shop_table_responsive tr td::before{
		content:'';
	}
	/*Spalten Produkttabelle*/
	.woocommerce .cart_wrapper table.cart.shop_table_responsive tr td {
		text-align:center !important;
	}
	/*Letzte Spalte Produkttabelle*/
	.cart_wrapper .cart tr td:last-child{
		border-width: 0;
	}
	/*responsive look für Gutscheineingabe*/
	.cart_wrapper .coupon table tr,
	.cart_wrapper .coupon table tr th,
	.cart_wrapper .coupon table tr td{
		display:block;
	}
	/*Gutschein tabelle spalten*/
	.cart_wrapper .coupon table tr td {
		text-align:right;
		width:100%;
		margin-top:10px;
	}
	/*Gutscheintablle
	*	Warenkorbsummen 
	* überschriften nach links*/
	.cart_wrapper .coupon >h2,
	.cart_wrapper .cart-collaterals .cart_totals > h2{
		text-align:left;
	}
	/*(responive design) look Produkttabelle angepasst Uberschrift eingefügt.*/
	.cart_wrapper .cart::before {
		content: 'Produkte';
		font-weight:bold;
		text-transform:uppercase;
		font-size:0.8em;
	}
	/*alle buttons volle breite*/
	.cart_wrapper .coupon table tr td button,
	.cart_wrapper .warenkorb_button button {
		width:100% !important;
	}
	/*zur kasse button auch breit*/
	.cart_wrapper .cart_totals .wc-proceed-to-checkout {
		padding:0 !important;
	}
}
/*infofeld hintergrundfarbe an mich anpassen*/
.woocommerce-info{
	background-color:var(--ast-global-color-4);
}
/*X lösch button/ding */
/*im vorschaufenster warenkorb und auf dem warenkorb*/
.remove{
	font-weight:bold !important;
	border-style:none !important;
	font-size: 2em !important;
	color:#f28dc0 !important;
}
.remove:hover{
	color:#e6009f !important;
}
/*Allgemeine sachen auch für andere seiten!!!*/
/*button disabled look angepasst ist im warenkorb standardmässig ausgegraut!*/
button:disabled{
	color:var(--ast-global-color-8)!important;
}
/*cursor auf Tabelle geänder! war alles disabeld angezeigt*/
.shop_table, .shop_table .quantity input[type=number] {
	cursor: auto !important;
}
/*remove button in meinen farben die alten löschen!!!!*/
.woocommerce a.remove{
	--vertical-align:sub !important;
	color:var(--ast-global-color-9) !important;
}
.woocommerce a.remove:hover{
	color:var(--ast-global-color-2) !important;
}
.woocommerce a.remove:before{
	border-width:0px;
	width:24px;
	height:24px;
}
/*
* Warenkorb vorschau -MINI Cart
*/
/*Border auf standart Farbe*/
.widget_shopping_cart_content .mini_cart_item,
.woocommerce-mini-cart-item {
	border-color:var(--ast-global-color-7) !important;
}
/*Warenkorb vorschau auf pc zu klein in der Breite und abstand zum remove button zu gering!*/
.ast-site-header-cart .widget_shopping_cart{
	min-width:400px;
}

/*
* Mobile mini Warenkorb vorschau 
*/
/*Überschrift stylen*/
.astra-cart-drawer-header{
	font-family:'Love Ya Like A Sister';
	font-size:1.8em;
	line-height:1.2em !important;
	background-color: var(--ast-global-color-7);
	border-color:var(--ast-global-color-0) !important;
	border-bottom-style:solid;
	border-bottom-width:2px !important;
	border-top-style:solid;
	border-top-width:2px !important;
	padding: 0.5em 1em !important;
}
.astra-cart-drawer-header .astra-cart-drawer-title{
	--color: var(--ast-global-color-5) !important;
}
/*Warenkorb x Button farbe*/
.astra-cart-drawer-close span svg{
	--color:var(--ast-global-color-5) !important;
}
/*Border farbe ändern*/
.woocommerce-mini-cart__total {
	border-color:var(--ast-global-color-7) !important;
}
/*Auf der Kassenseite den defekten mobile Header nicht anzeigen*/
.page-id-8 .astra-mobile-cart-overlay {
	display:none;
	visibility:hidden;
}
.page-id-8 .astra-cart-drawer {
	visibility:hidden;
	display:none !important;
}
/*Warenkorb ist leer Meldung angepasst*/
/* allgemein durm rum*/
.post-7 .cart-empty{
	text-align:right;
	font-size:1.3em;
	padding-bottom:30px;
}
/* Text nach links schreiben*/
.post-7 .cart-empty table td:last-child{
	text-align:left;
	padding-left:20px;
}
/*Tabelle unsichtbar machen*/
.post-7 .cart-empty table, 
.post-7 .cart-empty td{
	margin:0;
	padding:0;
	border-width:0;
}
/*Für Handy tabelle angepasst*/
@media (max-width:544px){
	.post-7 .cart-empty td{
		display:block;
		text-align:center !important;
		padding: 10px 0px !important;
	}
}
/*Zurück zum Shop button*/
.return-to-shop a::before {
	font-family:'dashicons';
	content:'\f171';
	vertical-align:bottom;
}
/*Cart Cross sells gestyled*/
.cart_wrapper .cross-sells {
	clear:both;
}
.cart_wrapper .cross-sells .shop_title_style {
	left:10%;
	transform:translate(-10% ,0);
	box-shadow: none;
}
.cart_wrapper .cross-sells .shop_title_mask {
	background:transparent;
	height:150px;
}
.cart_wrapper .cross-sells .shop_title_wrapper .shop_title_style {
	margin-bottom:0;
}
.cart_wrapper .cross-sells .shop_title_wrapper {
	margin-left:-6.66em;
	margin-right:-6.66em;
}
@media (max-width:922px) and (min-width:545px) {
	.cart_wrapper .cross-sells .shop_title_wrapper {
		margin-left:-2.14em;
		margin-right:-2.14em;
	}
}
@media (max-width:544px){
	.cart_wrapper .cross-sells .shop_title_wrapper {
		margin-left:-1em;
		margin-right:-1em;
	}
	.cart_wrapper .cross-sells .shop_title_style {
		left:50%;
		transform:translate(-50% ,0);
	}
}
/*Wenn man nur ein teil auswählen darf! korrektur!*/
.hidden_input {
	width:55px;
	padding:2px 10px;
	text-align:center;
	border:1px solid #ebebeb;
	background-color:var(--ast-global-color-4)!important;
	border-radius:2px;
}
/*Stock anzeige im warenkorb*/
.cart_item .stock {
	font-size: 0.8em;
}
.cart_item .stock::before,
.cart_item .stock::after{
	content: ' - ';
}
.cart_item .stock.out-of-stock {
	color:var(--ast-global-color-9);
}
.cart_item .stock.in-stock {
	display:none;
}