@charset "utf-8";

/*Saisonmiete*/
	.bestellvorgang .items { margin-left:-20px; }
	.bestellvorgang .items:after { content:""; display:block; clear:both; }
	.bestellvorgang .item { position:relative; float:left; width:33.33%; margin-bottom:20px; }
	.bestellvorgang .item .box { position:relative; padding:10px; margin-left:20px; background-color:#eee; font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; overflow:hidden; transition:background-color .4s; }
	.bestellvorgang .item.nodata { float:none; width:auto; min-height:0px; background-color:transparent; cursor:default; }
	.bestellvorgang .item .placeholder { position:relative; height:130px; display:block; background-color:#dcdcdc; margin-bottom:10px; }
	.bestellvorgang .item .placeholder.load { background-color:#fff; }
	.bestellvorgang .item .placeholder > div { background-size:contain; }
	.bestellvorgang .item .placeholder .marke { position:absolute; top:5px; left:5px; width:100px; height:15px; }
	.bestellvorgang .item .placeholder .marke > div { width:100%; height:100%; background-size:contain; background-position:center center; background-repeat:no-repeat; }
	.bestellvorgang .item .text { padding-bottom:10px; }
	.bestellvorgang .item .text h2 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.bestellvorgang .item .text > span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.bestellvorgang .item .toolbar { position:relative; z-index:2; }
	.bestellvorgang .item .toolbar > div { margin-bottom:5px; }
	.bestellvorgang .item .toolbar button { width:100%; margin-top:10px; }
	.bestellvorgang .item .ajaxloader { position:absolute; z-index:1; width:100%; height:100%; display:block; left:0px; top:0px; background:url('../mm/blind.png') repeat; }

/*Customselect Prepend*/
	.custominput { position:relative; padding-left:100px; box-sizing:border-box; }
	.custominput > label { position:absolute; top:0; left:0; width:100px; line-height:32px; }

/*Ladebalken*/
	div[id*="loading"] { position:relative; margin-bottom:40px; min-height:20px; line-height:0; display:block; background-color:#ededed; border-radius:4px; overflow:hidden; }
	div[id*="loading"] > div {
		position:relative; z-index:1; display:block; width:0; height:20px; background-color:#d02421; text-align:right;
		border-radius:4px 20px 20px 4px; transition:all .8s;
	}

	div[id*="loading"] ul { position:absolute; z-index:2; top:0; right:0; bottom:0; left:0; list-style:none; padding:0; }
	div[id*="loading"] ul > li {
		display:none; position:relative; float:left; height:100%; padding:0 20px; color:#fff; line-height:20px; box-sizing:border-box; cursor:default;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0; color:#ededed;
		transition:color .4s, opacity .4s;
	}
	div[id*="loading"] ul > li:not(:last-of-type) { border-radius:0 20px 20px 0; border-right:1px #ccc solid; }
	div[id*="loading"][class*="of3"] ul > li { display:block; width:33.33%; }
	div[id*="loading"][class*="of4"] ul > li { display:block; width:25%; }
	div[id*="loading"][class*="of5"] ul > li { display:block; width:20%; }
	div[id*="loading"][class*="of6"] ul > li { display:block; width:16.66%; }
	div[id*="loading"][class*="step1of"] ul > li:first-of-type ~ li { color:#000; }
	div[id*="loading"][class*="step2of"] ul > li:nth-of-type(2) ~ li { color:#000; }
	div[id*="loading"][class*="step3of"] ul > li:nth-of-type(3) ~ li { color:#000; }
	div[id*="loading"][class*="step4of"] ul > li:nth-of-type(4) ~ li { color:#000; }
	div[id*="loading"][class*="step4of"] ul > li:nth-of-type(4) ~ li { color:#000; }
	div[id*="loading"][class*="step5of"] ul > li:nth-of-type(5) ~ li { color:#000; }
	div[id*="loading"][class*="step6of"] ul > li:nth-of-type(6) ~ li { color:#000; }
	div[id*="loading"].step1of4 > div { width:25%; }
	div[id*="loading"].step2of4 > div { width:50%; }
	div[id*="loading"].step3of4 > div { width:75%; }
	div[id*="loading"].step4of4 > div { width:100%; border-radius:4px; }

/*Warenkorb*/
	.bestellvorgang .warenkorb .row { position:relative; padding-right:35px; }
	.bestellvorgang .warenkorb .row > span.spalte1 { width:calc(100% - 300px); }
	.bestellvorgang .warenkorb .row > span.spalte2,
	.bestellvorgang .warenkorb .row > span.spalte3,
	.bestellvorgang .warenkorb .row > span.spalte4 { width:150px; box-sizing:border-box; padding-right:20px; }
	.bestellvorgang .warenkorb .row > span.block { width:100%; }
	.bestellvorgang .warenkorb .row > a.absolute { display:block; position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; }

	/*Remove-Button*/
		.bestellvorgang .warenkorb.editable .row { padding-right:35px; }
		.bestellvorgang .warenkorb.editable .row > a.remove { position:absolute; z-index:2; top:0; right:0; width:30px; height:30px; line-height:30px; text-align:center; color:#d02421; }
		.bestellvorgang .warenkorb.editable .row > a.remove:before { content:"\f00d"; font-family:FontAwesome; font-size:16px; }

/*Controls*/
	.bestellvorgang .controls { margin-left:-20px; }
	.bestellvorgang .controls:after { content:""; display:block; clear:both; }
	.bestellvorgang .controls > div { float:left; width:33.33%; padding:0 0 20px 20px; box-sizing:border-box; }
	.bestellvorgang .controls > div:nth-child(2) { float:right; }
	.bestellvorgang .controls > div > button { width:100%; }
	.bestellvorgang .controls > div > a.btn { text-align:center; }

/*Preise*/
	.bestellvorgang.price { padding-bottom:15px; }
	.bestellvorgang.price .row > span.spalte1 { width:calc(100% - 600px); }
	.bestellvorgang.price .row > span.spalte2,
	.bestellvorgang.price .row > span.spalte3,
	.bestellvorgang.price .row > span.spalte4,
	.bestellvorgang.price .row > span.spalte5 { width:150px; box-sizing:border-box; padding-right:20px; text-align:right; }
	.bestellvorgang.price .row > span.spalte5 { padding-right:0; }

	.bestellvorgang.price.big .row > span { width:calc((100%  - 135px) / 12); padding:0; text-align:right; }
	.bestellvorgang.price.big .row > .spalte1 { width:135px; text-align:left; }