
#content { text-align:center; max-width:800px; margin:0 auto 0 auto; float:none; }


.countrySelector { float:left; width:100%; padding:0%; background:#fff }

.starter { display:block; border:1px solid #c0c0c0; width:100%; padding:10px; position:relative;  font-weight:700; background:#fafafa; cursor:pointer; box-sizing:border-box }
.starter:after { content:"\f078"; font-family:FontAwesome; float:right; color:#96c11f;  }

.starter .fa-truck { margin-right:10px }

.selectWrapper { position:relative; }
ul#selcountry { list-style-type:none; position:absolute; display:none; left:0; top:4%; z-index:1;  width:99.8%; /* max-width:360px; */ max-height:200px; overflow-y:auto; margin:0; padding:0; background:#fff; border:1px solid #808080 }
#selcountry li { float:left; width:100%; padding:0; border-bottom:0px solid #c0c0c0; margin:0; }
#selcountry li:hover { background:#96c11f; color:#fff  }
ul#selcountry li::before { content:none }

#selcountry li input[type=radio] { display:none }
#selcountry li label { float:left; width:98%; padding:1%; cursor:pointer  }

ol#shippingcosts	{ float:left; width:100%; border:0px solid #ececec; box-sizing:border-box; list-style-type:none; background:#f0f0f0; margin-top:20px }
ol#shippingcosts li { float:left; width:100%; margin:0; padding:0; list-style-type:none; }

ol#shippingcosts li h4 { text-align:left }

.headline div{ }
#shippingcosts .caption	{ font-weight:700; float:left;border-bottom:1px solid #ececec  }
.tr1		{ background:#ececec;  }
.tr2 			{ background:#fcfcfc; }
.tr1, .tr2{ padding:0; }


.details { float:left; width:100% }
ol.detailed_costs {
		float:left; font-size:0.9em
}



.shipping {/*  box-shadow: 1px 1px 15px #f0f0f0; */ padding:0px; width:100%; max-width:800px; margin: 10px auto 0 auto; box-sizing:border-box; transition: margin-top 1s; background:#fff; }
.shipping.active {/*  box-shadow: 5px 5px 15px #555; position:relative; z-index:1; margin-top:30px; */ }



.shipping h4 { background:#32414d;  color:#fff; padding:10px; text-align:left; cursor:pointer;margin:0; }
.shipping h4::before { content: "\f078"; font-family:'FontAwesome'; margin-right:10px; font-size:15px; }
.shipping.active h4::before { content: "\f077"; font-family:'FontAwesome'; margin-right:10px; font-size:15px; }

.description { width:100%; /* display:none; */ overflow:hidden; padding:0 0 40px 0; background:#fff; }
.description.active {  }
.description table { border-collapse:collapse; border: 1px solid black; width:100%; }
.description table tr { border-collapse:collapse; border: 1px solid #878786; }
.description table tr td{ border-collapse:collapse; border: 0px solid black; padding:8px;  color:#000; }
.description table tr:nth-child(3) td, 
.description table tr:nth-child(6) td,
.description table tr:nth-child(9) td,
.description table tr:nth-child(11) td { background:#f0f0f0; }
.description table tr th{ border-collapse:collapse; border: 0px solid black; padding:10px; background:#f0f0f0;  /*color:#fff;*/ word-break:break-all }

.description table tr th:nth-child(1),
.description table tr td:nth-child(1) { text-align:left; }

.description table tr:hover td { background:var(--layout-second-contrast-color);color:#fff;}


div#shipping-desc	{ float:left; width:98%; padding:1%; margin-top:30px; text-align:justify /* font-size:0.9em */ }
.deliverytime, .hint, .islandsurcharge { width:97.9%; padding:1%; margin-top:20px; background:#fff; border:0px solid #EEB64E; /*background:#f0f0f0;*/ border-radius:1px }

.mobileCap { display:none;}

/* .criteria, .delivery, .returns, .shipping { float:left; width:18.5%; padding:5px 0;} */
.country { float:left; padding:5px 3%; width:20%;}


@media screen and (max-width:1024px) {
		#content p, .shipping { float:left; }
		.shipping h4 { font-size:1.5em;margin-bottom:0 !important; width:100%;}
		.description { margin:0 !important; }
}
@media screen and (max-width:800px) {
		#content {padding:2.0em; text-align:left;}
		.shipping h4 { font-size:1.2em; }
		.description { font-size: 0.9em; }
}
@media screen and (max-width:500px) {
		#content {padding:1.0em; text-align:left; padding-bottom:50px; }
		.shipping.active { padding-bottom:20px; }
		.shipping h4 { font-size:1.1em; }
		.description { padding:0px;  line-height:1.0em; font-size: 0.8em; }
		.description table { border: 0px solid black; }
}





