/*!
css ruedigerbaldauf.de
(c) 2023 webdecker.de
author: i.decker, www.webdecker.de

*/

/* -------------------------------------- */
/* Misc */
/* -------------------------------------- */
#sysmsg { padding: 24px; background: #eee; border: 1px solid #c90; margin-bottom: 24px; }

#o_cart.filled > a { display: block; position: relative; z-index: 2; }
#o_cart.filled > span { display: block; position: absolute; top: 0px; left: 6px; width: 10px; height: 5px; background: #c90; }

.mytlshop .submit_container { text-align: right; }

/* -------------------------------------- */
/* Workshops */
/* -------------------------------------- */


.ce_workshopbooking .intro { font-weight: bold; }
.ce_workshopbooking .workshop { margin-bottom: 32px; }
.ce_workshopbooking .text { margin-bottom: 32px; }
.ce_workshopbooking .attributes { margin-bottom: 12px; }
.ce_workshopbooking .row .label { padding-bottom: 8px; font-weight: bold; }
.ce_workshopbooking .row .value { padding-bottom: 8px; }
.ce_workshopbooking .row .value p { padding-bottom: 0; }

.ce_workshopbooking .row { clear: both; overflow: hidden; padding-left: 120px; }
.ce_workshopbooking .row .label { margin-left: -120px; width: 100px; float: left; }

.ce_workshopbooking .warning { color:#c90; font-style: italic; }

@media screen and (max-width: 640px) {
	.ce_workshopbooking .row { padding-left: 0; }
	.ce_workshopbooking .row .label { margin-left: 0; width: 100%; }
	.ce_workshopbooking .row .value { padding-left: 24px; }
	
}





/* -------------------------------------- */
/* Shop */
/* -------------------------------------- */


/* shop forms */

.mod_personalData input,
.mod_mytlshop_order_address input,
yyy
	{ width: 100%; box-sizing: border-box; }
.mod_mytlshop_order_address input[type="radio"] { width: 32px; }
.mod_mytlshop_order_address input[type="checkbox"] { width: 32px; }


.f_billing_postal input,
.f_billing_city input,
.f_postal input,
.f_city input,
yyy
	{ width: 50%;  }

.f_billing_firstname input,
.f_billing_lastname input,
.f_billing_phone input,
.f_firstname input,
.f_lastname input,
.f_phone input,
yyy
	{ width: 80%;  }

@media screen and (max-width: 840px) {
	.f_postal input,
	.f_city input,
	yyy
		{ width: 70%;  }

}


/* shop product list */
#wrapper div.productlist > .inside { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -12px 0 -12px; } 

#wrapper div.productlist  { overflow: hidden; }
#wrapper div.productlist > .inside { margin-left: -12px; margin-right: -12px; }
#wrapper div.productlist > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#wrapper div.productlist > .inside > div { float: left;  margin: 0 12px 24px 12px; overflow: hidden;  }
#wrapper div.productlist > .inside > div:after { display: none; }

#wrapper div.productlist > .inside > div:nth-child(4n+1) { clear: both; }
#wrapper div.productlist > .inside > div { width: calc(25% - 24px);  }


#wrapper div.productlist .item { padding: 4px; /* text-align: center;  */ } /* background: #e7e3da; padding: 24px;  */
#wrapper div.productlist .item .product_image { text-align: center; padding-bottom: 12px; }
#wrapper div.productlist .item .product_image a { display: block; }
#wrapper div.productlist .item img { box-shadow: 0px 4px 4px #555; }

/*
#wrapper div.productlist .product_header { display: none; }
*/
#wrapper div.productlist .authors { display: none; }
#wrapper div.productlist .more { display: none; }
#wrapper div.productlist .product_price { display: none; }
#wrapper div.productlist .shorty { display: none; }
#wrapper div.productlist .type { color: #888; padding-bottom: 0; } 
#wrapper div.productlist a { font-weight: bold; color: #000; }
#wrapper div.productlist a:hover { color: #4b929b; }

@media screen and (max-width: 1040px) {
	#wrapper div.productlist > .inside > div { width: calc(50% - 24px);  }
	#wrapper div.productlist > .inside > div:nth-child(odd) { clear: both; }
}

@media screen and (max-width: 640px) {
	#wrapper div.productlist > .inside > div { width: calc(100% - 24px); }
}





/* ---------------------------------- */
/* shop product */
.mod_mytlshop_detail .content:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; margin-bottom: 24px; }
.mod_mytlshop_detail .product_subtitle { margin-bottom: 12px; color: #0b525b; z-index: 1; }
.mod_mytlshop_detail .product_description { margin-bottom: 24px;  z-index: 1; }

.mod_mytlshop_detail .product_price_features { clear: both; background: #e7e3da; padding: 32px; margin-bottom: 32px; }

.mod_mytlshop_detail .product_features { }
.mod_mytlshop_detail .product_price { }
.mod_mytlshop_detail .product_price .totaltax { padding: 0 0 0 0; }
.mod_mytlshop_detail .product_price span.total { font-weight: bold; }
.mod_mytlshop_detail .product_price span.mytlshop_amount { display: none; }
.mod_mytlshop_detail .product_price .totaltax .total { display: block; }
.mod_mytlshop_detail .product_price .totaltax span.shipping:before { content:' / '; }
.mod_mytlshop_detail .product_price .totaltax .shipping { }
#wrapper .mod_mytlshop_detail .product_price form { padding-left: 0; }
.mod_mytlshop_detail .product_price button { width: 100%; }

.mod_mytlshop_detail .product_features h2 { display: none; }
.mod_mytlshop_detail .product_features .row { padding-left: 160px; }
.mod_mytlshop_detail .product_features .row .label { margin-left: -160px; width: 150px; float: left; font-weight: bold; }
.mod_mytlshop_detail .product_features .row .label:after { content:':'; }

.mod_mytlshop_detail .product_features .row:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
.mod_mytlshop_detail .product_features .producer {  }
.mod_mytlshop_detail .product_features .addons a { display: inline; }

.mod_mytlshop_detail .product_news { margin-bottom: 32px; }
.mod_mytlshop_detail .product_events { margin-bottom: 32px; }

.mod_mytlshop_detail .product_teaser { background: #f7f3ea; padding: 24px; margin-bottom: 24px; }
.mod_mytlshop_detail.hasimage .main { padding-right: 420px; }
.mod_mytlshop_detail .product_images { margin-right: -420px; width: 400px; float: right; z-index: 2; text-align: center; margin-bottom: 24px; } /* padding: 24px; background: #e7e3da;  */
.mod_mytlshop_detail .product_images a { display: block; }
.mod_mytlshop_detail .product_images .image { padding: 0px 4px 12px 4px; }
.mod_mytlshop_detail .product_images .image img { box-shadow: 0px 4px 4px #555; }
@media screen and (max-width: 840px) {
	.mod_mytlshop_detail.hasimage .main { padding-right: 0; } 
	.mod_mytlshop_detail .product_images { float: none; width: 100%; margin-right: 0; }
	.mod_mytlshop_detail .product_features .row { padding-left: 0;  }
	.mod_mytlshop_detail .product_features .row .label { margin-left: -0; width: 100%; float: left; }
	.mod_mytlshop_detail .product_features .row .value { }
	.mod_mytlshop_detail .product_features .row .value { padding-left: 24px; }
}

.mod_mytlshop_detail .imageswrap  { overflow: hidden; padding: 0 8px 0 8px; }
.mod_mytlshop_detail .imageswrap > .inside { margin-left: -6px; margin-right: -6px; }
.mod_mytlshop_detail .imageswrap > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
.mod_mytlshop_detail .imageswrap > .inside > div { float: left;  margin: 0 6px 12px 6px; overflow: hidden; padding: 4px; }
.mod_mytlshop_detail .imageswrap > .inside > div:after { display: none; }
.mod_mytlshop_detail .imageswrap > .inside > div:nth-child(4n+1) { clear: both; }
.mod_mytlshop_detail .imageswrap > .inside > div { width: calc(25% - 12px); }

.mod_mytlshop_detail .imageswrap img { box-shadow: 0px 4px 4px #555; }
.mod_mytlshop_detail li a { display: inline; }


/*
@media screen and (max-width: 640px) {
	.mod_mytlshop_detail .imageswrap > .inside > div { width: calc(50% - 24px);  }
	.mod_mytlshop_detail .imageswrap4 > .inside > div:nth-child(odd) { clear: both; }
}
*/

/* ---------------------------------- */
/* shop cart */

.mod_mytlshop_cartview div.order { text-align: right; }
.mod_mytlshop_cartview div.order a { display: inline-block; text-align: center; cursor: pointer; padding: 8px 24px 8px 24px; text-transform: uppercase; background: #333333; color: #ffffff; border:1px solid #333333; -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;  }
.mod_mytlshop_cartview div.order a:hover { color: #c90; border-color: #c90; background-color: rgba(187,153,0,0.2); }



table.cart{ margin-bottom: 32px; }
table.cart { width: 100%; }

table.cart th { padding: 8px; border-bottom: 1px solid #c90; }
table.cart td { padding: 8px; }

table.cart th.cart_th_pos { width: 60px; }
table.cart th.cart_th_amount { width: 70px; }
	table.cart.cartview th.cart_th_amount { min-width: 150px; width: 150px; }
table.cart th.cart_th_title { }
table.cart th.cart_th_single { text-align: right; width: 100px; }
table.cart th.cart_th_total { text-align: right; width: 100px; }

table.cart td.cart_item_single { text-align: right; }
table.cart td.cart_item_total { text-align: right; }
table.cart td.value { text-align: right; }

table.cart tr.cart_total { font-weight: bold; }

table.cart div.it.hasimg { padding-right: 90px; }
table.cart div.thumb { margin-right: -90px; width: 80px; float: right; text-align: right;  }


#wrapper table.cart form { background: transparent; padding: 0; display: inline-block; vertical-align: top; }
#wrapper table.cart form.delete { padding-top: 1px; }

#wrapper table.cart input { width: 40px; margin-right: 2px; }
#wrapper table.cart button { padding: 5px 5px; }

#wrapper table.cart tr.item td { border-top: 1px solid #666; }
#wrapper table.cart tr.item.first td { border-top: 0; }
#wrapper table.cart tr.summary td { border-top: 1px solid #666; }

#wrapper table.cart.mobilize tr.separator { display: none; }
#wrapper table.cart.mobilize tr.item { margin-bottom: 12px; }
#wrapper table.cart.mobilize td.value:before { text-align: left; }


#wrapper table.cart .cart_item_title { min-width: 300px; }

/*
#wrapper table.cart table { width: 500px; }
*/
@media screen and (max-width:840px) {
	#wrapper table.cart .cart_item_title { min-width: 200px; }
	table.cart div.it.hasimg { padding-right: 0; }
	table.cart div.thumb { margin-right: 0; width: 100%; text-align: left;  }
}
@media screen and (max-width:440px) {
	table.cart div.it { padding-right: 0; }
	table.cart div.thumb { margin-right: 0; width: 100%; float: none; text-align: left; }

}


/* ---------------------------------- */
/* shop order */

#wrapper .mod_mytlshop_order_payment span.charge { display: none; }
#copyaddress .addr { padding-left: 24px; }
#copyaddress a { display: block; }


/* ---------------------------------- */
/* shop author list */
.mod_mytlshop_authors div.items > .inside { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -12px 0 -12px; } 

.mod_mytlshop_authors div.items  { overflow: hidden; }
.mod_mytlshop_authors div.items > .inside { margin-left: -12px; margin-right: -12px; }
.mod_mytlshop_authors div.items > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
.mod_mytlshop_authors div.items > .inside > div { float: left;  margin: 0 12px 24px 12px; overflow: hidden;  }
.mod_mytlshop_authors div.items > .inside > div:after { display: none; }

.mod_mytlshop_authors div.items > .inside > div:nth-child(4n+1) { clear: both; }
.mod_mytlshop_authors div.items > .inside > div { width: calc(25% - 24px);  }


.mod_mytlshop_authors div.items .item { padding: 4px; text-align: center; } /*  background: #e7e3da; padding: 24px;  */
.mod_mytlshop_authors div.items .item .image { text-align: center; padding-bottom: 12px; }
.mod_mytlshop_authors div.items .item .image a { display: block; }
.mod_mytlshop_authors div.items .item .image img { box-shadow: 0px 4px 4px #555; }
.mod_mytlshop_authors div.items .authors { display: none; }
.mod_mytlshop_authors div.items .more { display: none; }
.mod_mytlshop_authors div.items .product_price { display: none; }
.mod_mytlshop_authors div.items .shorty { display: none; }
.mod_mytlshop_authors div.items a { color: #000; }
.mod_mytlshop_authors div.items a:hover { color: #4b929b; }

@media screen and (max-width: 1040px) {
	.mod_mytlshop_authors div.items > .inside > div { width: calc(50% - 24px);  }
	.mod_mytlshop_authors div.items > .inside > div:nth-child(odd) { clear: both; }
}

@media screen and (max-width: 640px) {
	.mod_mytlshop_authors div.items > .inside > div { width: calc(100% - 24px); }
}

/* ---------------------------------- */
/* shop author */
.mod_mytlshop_author .image { float: right; width: 250px; padding: 4px; text-align: center; margin: 0 0 24px 24px; } /* background: #e7e3da;   */
.mod_mytlshop_author .image a { display: block; }
.mod_mytlshop_author .image img { box-shadow: 0px 4px 4px #555; }
.mod_mytlshop_author .content:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
.mod_mytlshop_author figcaption { font-weight: 70%; color: #999; }
.mod_mytlshop_author li a { display: inline; }

@media screen and (max-width: 640px) {
	.mod_mytlshop_author .image { float: none; width: 100%; margin: 0 0 12px 0; }
}

.mod_mytlshop_author .description { margin-bottom: 24px; }
.mod_mytlshop_author .events { margin-bottom: 32px; }
.mod_mytlshop_author .news { margin-bottom: 32px; }
.mod_mytlshop_author .authorproducts h2 { margin-bottom: 16px; }



/* ---------------------------------- */
/* shop my orders */
.mod_mytlshop_myorders span.type { font-weight: bold; }
.mod_mytlshop_myorders span.headline { font-weight: bold; }
.mod_mytlshop_myorders .sender { color: #888; }

.mod_mytlshop_myorders .overview { background: #fff; padding: 24px; }
.mod_mytlshop_myorders .order .attributes { margin-bottom: 12px; }
.mod_mytlshop_myorders .order .attributes p { padding-left: 150px; }
.mod_mytlshop_myorders .order .attributes p .label { margin-left: -150px; width: 140px; float: left; display: block; }
.mod_mytlshop_myorders .order .attributes p .label:after { content:':'; }

.mod_mytlshop_myorders .order .sender { margin-top: 24px; }

.mod_mytlshop_myorders .items .amount { text-align: right; }
.mod_mytlshop_myorders .items .mobilize .amount { text-align: left; }
.mod_mytlshop_myorders .items .mobilize tr { margin-bottom: 12px; }




/* -------------------------------------- */
/* Shop*/
/* -------------------------------------- */

@media screen and (max-width: 440px) {
	
}

@media screen and (max-width: 1040px) {
	
}

@media screen and (max-width: 840px) {
	
}

@media screen and (max-width: 640px) {
	
}

@media screen and (max-width: 440px) {
	
}



@media print {
	
}