/* ********************************************************************************* */
/* Modul: Shop */
/* ********************************************************************************* */
/*
Dieses CSS wird bei der Bestellungsquittung nicht aufgerufen.
 */

@media all {
	
	#basket #guest .continue {
	    position: absolute;
	    bottom: 3.5rem;
	}
	
	/*
	Definitionen fuer den Checkout-Prozess. Es sind zwei Versionen vorbereitet.
	Variante 1: einfache Balkenanzeige mit farbiger Hervorhebung des aktiven Schrittes
	Variante 2: Verwendung von Hintergrundbildern. Dies muessen kundenspez. erstellt werden.
	*/
	.checkout-progress-bar, .checkout-progress-img {
		width:100%;
		margin:15px 0;
		font-weight:normal;
		line-height: 1.5em;
	}
	.checkout-progress-bar a, .checkout-progress-img a {
		/*color:#fff !important;*/
		text-decoration: underline !important;
		/*padding-left:12px !important;*/
		color: #212529;
	}
	/* Variante 1: Definitionen fuer Fortschrittsanzeige mittels Balkenanzeige */
	.checkout-progress-bar ul {
		list-style-type: none;
		margin: 0;
	}
	.checkout-progress-bar ul li {
		margin: 0;
	}
	.checkout-progress-bar .bar {
		height: 4px;
	}
	.checkout-progress-bar .textactive {
		font-weight: bold;
	}
	.checkout-progress-bar .baractive {
		background-color: rgb(90, 90, 90);
		height: 5px;
	}
	.checkout-progress-bar .textinactive {
		font-weight:normal;
	}
	.checkout-progress-bar .barinactive {
		background-color: rgba(206, 6, 17, 0.6);
		height: 5px;
	}
	/*Keine Abstaende bei den Balken*/
	#basket .checkout-progress-bar .ym-gbox-left {
		padding: 0;
	}

	.ly-command-forward {
		text-align: right;
	}
	.ly-command-backward {
		text-align: left;
		/*float:left;*/
	}
	#shopaddress1 legend, #shopaddress2 legend {
		margin-bottom: 10px;
	}
	
	/*.description a {
		text-decoration: underline;
		line-height: 1.5em;
	}*/
	.delivery table {
		width: auto;
	}
	.delivery .ym-grid {
		margin-bottom: 10px;
	}
	.delivery .ym-gbox-left {
		padding: 0;
	}
	.confirmation-header {
		text-align: left;
		margin-bottom: 15px;
	}
	
	/* Checkout-Tabelle im WK */
	.checkout-tbl {
		width: 100%;
	}
	.checkout-tbl thead tr {
		border-bottom: 1px solid #ccc;
	}
	.checkout-tbl tbody tr {
		border-bottom: 1px solid #ccc;
	}
	.checkout-tbl .img-ly {
		width: 75px;
		height: 65px;
	}
	.checkout-tbl .img-ly .img-ly-inner img {
		max-width: 75px;
		max-height: 65px;
	}
	
	.checkout-tbl th[class=art-list-price], .checkout-tbl th[class=art-list-totalprice],
	.checkout-tbl td[class=art-list-price], .checkout-tbl td[class=art-list-totalprice] {
		text-align: right;
	}
	
	.checkout-tbl-outer {
		width: 100%;
	}
	.checkout-tbl-outer-left {
		width: 50%;
	}
	.checkout-tbl-outer-right {
		width: 50%;
	}

	.checkout-tbl-summary {
		width: 100%;
	}
	.checkout-tbl-outer {
		width: 100%;
	}
	.checkout-tbl-summary tr {
		border-bottom: 1px solid #ccc;
	}
	.checkout-tbl-summary tr:last-child {
		border-top: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
	}
	.checkout-tbl-summary th, .checkout-tbl-summary td {
		font-weight: normal;
	}
	.checkout-tbl-summary tr:last-child th {
		font-weight: bold;
	}
	.checkout-tbl-summary tr:last-child td {
		font-weight: bold;
	}
	.checkout-tbl-summary td {
		text-align: right;
	}

	/* 17.11.2021 uo: Neue Definitionen für eine zweite Tabelle (checkout-tbl-summary2) unterhalb der Warenkorb-Zusammenfassung */
	.checkout-tbl-summary2 {
		width: 100%;
		margin-top: 10px;
	}
	.checkout-tbl-summary2 th, .checkout-tbl-summary2 td {
		font-weight: normal;
	}
	.checkout-tbl-summary2 .restbetrag {
		color: red !important;
	}


	td[class="art-list-quantity"]{/*setzt max-breite für Controllbuttons*/
		max-width: 230px;
		text-align:right;
	}
	/* Checkout-Tabelle im WK */
	
	.ly-command-forward {
		margin-bottom: 1rem;
	}
	
}

@media screen and (max-width: 768px){ /* Tablet */
	.checkout-tbl table, .checkout-tbl thead, .checkout-tbl tbody, .checkout-tbl th, .checkout-tbl td, .checkout-tbl tr { 
		display: block; 
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.checkout-tbl thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	/*
	.checkout-tbl tbody tr { border-bottom: 1px solid #ccc; padding: 10px 0; }
	.checkout-tbl tbody tr:nth-of-type(1) { border-top: 1px solid #ccc; }
*/

	/*responsive tbl-view*/
	#basket .checkout-tbl td { 
		border: none; 
		position: relative;
		padding-left: 35% !important;
		min-height: 25px;
		display: block;
		
	}
	#basket .checkout-tbl td:nth-of-type(3) {display: inline-block;}
	
	#basket .checkout-tbl td:before {
		position: absolute;
		top: 0px;
		left: 0px;
		/*width: 45%;*/ 
		padding-right: 10px; 
		/*white-space: nowrap;*/
	}
	#basket .checkout-tbl td:nth-of-type(1):before { content: attr(data-label);font-weight:bold; } /* Bild */
	#basket .checkout-tbl td:nth-of-type(2):before { content: attr(data-label);font-weight:bold; } /* Text */
	#basket .checkout-tbl td:nth-of-type(3):before { content: attr(data-label);font-weight:bold; } /* Anzahl */
	#basket .checkout-tbl td:nth-of-type(4):before { content: attr(data-label);font-weight:bold;text-align:left; } /* Listenpreis */
	#basket .checkout-tbl td:nth-of-type(5):before { content: attr(data-label);font-weight:bold;text-align:right; } /* Einzelpreis */
	#basket .checkout-tbl td:nth-of-type(6):before { content: attr(data-label);font-weight:bold;text-align:right; } /* Total */ /*uo, 09.09.2020 ergänzt*/
	
	
	
	
	/*responsive tbl-view*/
	#basket .art-buy input[type="text"] {
		/*width: 38px !important;
		padding: 0 8px;
		width: auto;*/
	}
	/*#basket .checkout .art-buy a {padding: 3px 9px 1px 9px;}
	.art-buy a {
		padding: 10px 10px;
	}*/
	.checkout-tbl tbody td[class=art-list-price] {
		text-align: left;
	}
	.checkout-tbl-outer-left {
		width: 0%;
	}
	.checkout-tbl-outer-right {
		width: 100%;
	}
	#basket #guest .continue {
	    position: absolute;
	    bottom: 2.5rem;
	}
	

}