.harmonika {
	font-family: 'Roboto Condensed', sans-serif;
	background-color:#6f9dce;
	color:#fff;
	padding:13px 20px 13px 20px;
	border-bottom:1px solid #fff;
	font-size:15pt;
	line-height:27px;
	cursor:pointer;
	background-image:url('/page/_webpics/buttons/plus-gruppe.svg');
	background-repeat:no-repeat;
	background-position:right 18px center;
	background-size:20px 20px;
	transition:.2s;
}
.harmonika.akt {
	background-image:url('/page/_webpics/buttons/minus-gruppe.svg');
}
.harmonika:hover, .harmonika.akt {
	background-color:#0169b0;
}

.produkteBlock {
	display:none;  /*  ausblenden! */
	margin-bottom:30px;
}

.produkt {
	border-bottom:1px solid #0169b0;
}


.produktharmonika {
	font-family: 'Roboto Condensed', sans-serif;
	padding:13px 20px 13px 30px;
	font-size:15pt;
	line-height:27px;
	cursor:pointer;
	background-image:url('/page/_webpics/buttons/plus-produkt.svg');
	background-repeat:no-repeat;
	background-position:right 18px center;
	background-size:20px 20px;
	transition:.2s;
}
.produktharmonika.akt {
	background-image:url('/page/_webpics/buttons/minus-produkt.svg');
}
.produktharmonika.akt, .produktharmonika:hover {
	background-color:#e0eaf5;
	color:#0069b3;
}

.produktContent {
	display:none;  /*  ausblenden! */
	padding:20px 0;
}


.produkteBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
}
.produkteBox .produktBild {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	flex: 0 1 233px;
}
.produkteBox .produktBild img {
	width:100%;
	height:auto;
	display:block;
	border: 1px solid #cbcbcb;
}


.produkteBox .produktTextBox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	flex-flow: row nowrap;
	flex: 1 1 66.66666%;
}

.produkteBox .produkteCalc {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	flex: 0 0 360px;
	padding:0 40px;
}

.produkteBox .produkteInfos {
	font-size:10.5pt;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	flex: 1 1 100%;
}


.calcTable {
	width:280px;
}
.calcTable td {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:5px 0;
}
.calcTable td:nth-child(1) {
	width:130px;
}
.calcTable td:nth-child(2) {
	color:#6f9dd3;
}
.calcTable td:nth-child(2) input, .calcTable td:nth-child(2) select {
	border:1px solid #bbb;
}

.calcTable td.space {
	padding-left:11px
}


.calcTable td,.calcTable input,.calcTable select {
	font-size:12pt;
}

.calcTable .total td {
	padding-top:15px;
	line-height:22px;
	font-weight:bold;
	padding-bottom:0;
}
.calcTable .mwst td {
	font-size:11pt;
	padding-top:0;
}

.calcTable input, .calcTable select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	max-width:150px;
	padding:5px 10px;
	background-color:#eee;
	border:none;
}
.calcTable select {
	padding:5px 10px 5px 6px;
}

.calcTable .preistotal {
	text-align:right;
	padding-right:10px;
}

.calcTable .ofbyzero, .calcTable .ofbychange {
	display:none;
}


.calcTable .selectsafe {
	display:inline-block;
	background-color:#0169b0;
	color:#fff;
	line-height:25px;
	padding:8px 20px;
	cursor:pointer;
	transition:.2s;
	font-size:11pt;
}
.calcTable .selectsafe:hover {
	background-color:#105889;
}
.calcTable .selectsafed {
	display:inline-block;
	background-color:#57af63;
	color:#fff;
	line-height:25px;
	padding:8px 20px;
	cursor:not-allowed;
	font-size:11pt;
}
.calcTable .buttonSafe td {
	padding-top:11px;
}
.calcTable .buttonSafed td {
	padding-top:11px;
}
.calcTable .buttonSafed {
	display:none;
}

.hidden {
	display:none;
}

#lieferadresse {
		display:none;
	}


#zusammenfassung tr.titel td {
	font-weight:bold;
}

.wkPosContainer {
	padding:10px 0;
	border-bottom:1px solid #0169b0;
}

.wkPos {
	width:100%;
}

.wkPos td.delete {
	width:30px;
}

.wkDelete {
	display:block;
	width:30px;
	height:30px;
	background-image:url('/page/_webpics/shop/abfalleimer.svg');
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
}

#wkResultat {
	width:100%;
}

#wkResultat .titel td {
	font-weight:bold;
}
#wkResultat td:nth-child(even) {
	text-align:right;
}

.formular h3 {
	text-align:left !important;
}

.formular .messageMove {
	padding-top:134px;
}

@media  only screen and (max-width: 900px) {
	.produkteBox .produktTextBox {
		flex-flow: row wrap;
		flex: 1 1 66.66666%;
	}

	.produkteBox .produkteCalc {
		order:2;
		flex: 0 0 100%;
		padding:0 40px;
	}

	.produkteBox .produkteInfos {
		order:1;
		flex: 1 1 100%;
		padding:0 40px 20px;
	}

	.formular .messageMove {
		padding-top:0;
	}
}


@media  only screen and (max-width: 630px) {
	.produkteBox {
		flex-flow: row wrap;
	}
	.produkteBox .produktBild {
		flex: 0 1 100%;
	}
	.produkteBox .produktBild img {
		width:100%;
		max-width:150px;
		height:auto;
		display:block;
		border: 1px solid #cbcbcb;
		margin-bottom:20px;
	}
	.produkteBox .produktTextBox {
		flex: 1 1 100%;
	}

	.produkteBox .produkteCalc {
		padding:0 0px;
	}

	.produkteBox .produkteInfos {
		padding:0 0px 20px;
	}

	
	
	
	
	.harmonika {
	padding:13px 60px 13px 20px;
	border-bottom:1px solid #fff;
	font-size:13pt;
	line-height:23px;
	cursor:pointer;
	background-image:url('/page/_webpics/buttons/plus-gruppe.svg');
	background-repeat:no-repeat;
	background-position:right 18px center;
	background-size:20px 20px;
	transition:.2s;
}

.produkteBlock {
	display:none;  /*  ausblenden! */
	margin-bottom:30px;
}

.produktharmonika {
	font-family: 'Roboto Condensed', sans-serif;
	padding:13px 60px 13px 30px;
	font-size:13pt;
	line-height:23px;
	cursor:pointer;
	background-image:url('/page/_webpics/buttons/plus-produkt.svg');
	background-repeat:no-repeat;
	background-position:right 18px center;
	background-size:20px 20px;
	transition:.2s;
}

}