.formular input, .formular select, .formular textarea {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	font-family: 'Roboto Condensed', sans-serif;
	font-size:13pt;
	background-color:#f4f4f4;
	border:1px solid #f4f4f4;
	height:48px;
	width:100%;
	padding-left:5%;
	margin-bottom:10px;
}

.formular textarea {
	width:100%;
	height:80px;
	padding:10px 5% 0;
	margin-bottom:0;
	}

.formular table {
	width:100%;
	margin-bottom:10px;
	}

.formular button {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:13pt;
	background-color:#a1bd08;
	border:1px solid #a1bd08;
	color:#fff;
	height:48px;
	width:100%;
	margin-bottom:20px;
	cursor:pointer;
}

.formular .err {
	border-color:#f00;
}

.agbErr {
	border:1px solid #f00;
}

#lieferAdressBox {

}

.closedBox input, .closedBox select {
	opacity:0.5;
	cursor: not-allowed;
}

.shopWrapper {
	display: flex;
	align-items: stretch;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.loginFail {
	border:1px solid red;
	font-weight:bold;
	padding:10px;
	margin-bottom:20px;
}


.shopNavigation {
	min-width: 300px;
	width: 300px;
	margin-bottom:40px;
}
.shopNavigation a {
	display:block;
	background-color:#3ca1cd;
	color:#fff !important;
	padding:10px;
	border-bottom:1px solid #fff;
	cursor:pointer;
}

.shopNavigation a.akt , .shopNavigation a:hover {
	background-color:#0082c8;
}

.shopContent {
	font-family: 'Roboto Condensed', sans-serif;
	width: 100%;
}



.blockShop33 {
	width:33.33333%;
	float:left;
	margin-bottom:30px;
}

.blockShop50 {
	float:left;
	width:50%;
	margin-bottom:30px;
}

.blockHalf50 {
	display:block;
	float:left;
	width:50%;
}



.blockShop33 img {
	width:100%;
	height:auto;
}

.productPrefBox {
	border:1px solid #ddd;
	padding:20px;
	line-height:24px;
	text-align:center;
	min-height:440px;
	color:#000 !important;
}

.productPrefBox .prodTitel {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14pt;
	padding:20px 0 5px;
}

.productPrefBox .prodBestNr {
	font-size:11pt;
}

.productPrefBox .prodZusatz {
	padding-bottom:10px;
	}

.productPrefBox .prodPreis {
	font-size:11pt;
}

#produktShow {
	display:inline-block;
	border:1px solid #ddd;
}

#produktShow img {
	max-width:100%;
	height:auto;
}

#produktInfos .prodTitel {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:16pt;
	padding:0px 0 17px;
}

#produktInfos linie {
	height:1px;
	display:block;
	background-color:#0082c8;
}

#produktInfos .grayBack {
	background-color:#f4f4f4;
	margin-bottom:20px;
}

#produktInfos .prodBestNr {
	float:left;
	font-size:11pt;
	line-height:30px;
}

#produktInfos .prodPreis {
	float:right;
	font-size:16pt;
	line-height:30px;
}

.pblock {
	margin-top:10px;
}

#anzahlWahl {
	width:95%;
	border:1px solid #ddd;
	height:50px;
	margin:5px 0;
	white-space:nowrap;
}

#anzahlWahl .text {
	float:left;
	line-height:50px;
	padding-left:20px;
}

#anzahlWahl select {
	float:right;
	height:50px;
	background-color:#fff;
	border:none;
	width:40px;
}


#varianten select {
	float:right;
	height:50px;
	background-color:#fff;
		border:1px solid #ccc;
	width:100%;
	padding-left:20px;
	margin-bottom:10px;
}


.buttonBlue {
	margin:5px 0;
	display:inline-block;
	line-height:28px;
	padding:10px 0;
	font-size:12pt;
	border:1px solid #0082c8;
	color:#0082c8 !important;
	background-color:#fff;
	width:95%;
	text-align:center;
	cursor:pointer;
}

.buttonBlue:hover {
	background-color:#0082c8;
	color:#fff !important;
}

.buttonGreen {
	font-family: 'Roboto Condensed', sans-serif;
	margin:5px 0;
	display:inline-block;
	line-height:28px;
	padding:10px 0;
	font-size:12pt;
	border:1px solid #a0be08;
	color:#a0be08 !important;
	width:95%;
	text-align:center;
}

.buttonGreen:hover {
	background-color:#a0be08 !important;
	color:#fff !important;
}

.buttonGray {
	margin:5px 0;
	display:inline-block;
	line-height:28px;
	padding:10px 0;
	font-size:12pt;
	border:1px solid #ccc;
	color:#323232 !important;
	width:95%;
	text-align:center;
}

.buttonGray:hover {
	background-color:#ccc;

}

.msgGreen {
		font-family: 'Roboto Condensed', sans-serif;
	display:block;
	line-height:28px;
	padding:10px 0;
	font-size:13pt;
	border:1px solid #a0be08;
	color:#a0be08 !important;
	text-align:center;
	margin-bottom:30px;
	}



.warenkorbContent {
	width: 100%;
}
.warenkorbContent linie {
	height:1px;
	display:block;
	background-color:#ddd;
}

.warenkorbTotale {
	font-family: 'Roboto Condensed', sans-serif;
	min-width: 450px;
	width: 450px;
}

.warenkorbTotale .grayBack {
	background-color:#f4f4f4;
}

.warenkorbTotale h2 {
	font-size:17pt;
	color:#323232;
	margin:0;
	padding:0;
}

.warenkorbTotale trennlinie {
	height:1px;
	display:block;
	margin:3px 0;
}


.warenkorbTotale linie {
	height:1px;
	background-color:#000;
	display:block;
	margin:8px 0;
}



.warenkorbZeile {
	padding-top:20px;
	padding-bottom:20px;
	display: flex;
	align-items: stretch;
	flex-flow: row nowrap;
	justify-content: space-between;
}





.warenkorbBlock1 {
	width:60%;

}

.warenkorbBlock2 {
	width:40%
}




.warenkorbImg {
	float:left;
	width:40%;
}

.warenkorbImg img {
	max-width:100%;
	height:auto;
}

.warenkorbDescript {
	float:left;
	width:60%;
}



.warenkorbPreis {
	float:left;
	width:35%;
}

.warenkorbAnz {
	float:left;
	width:30%

}

.warenkorbPreisTotal {
	float:left;
	width:35%;
}


.totalePrize {
	text-align:right;
	font-size:12pt;
	vertical-align:bottom;
}



.btnCount {
	width:15px;
	display:inline-block;
	text-align:center;
	border:1px solid #ddd;
}
.lblCount{
	width:15px;
	display:inline-block;
	text-align:center;
}
.btnDelProduct {

}

.buttonBack {
	float:right;
	font-size:12pt;
}


h3 {
	font-size:14pt;
	padding:0;
	margin:0;
}


.gesamtL, .gesamtR {
	color:#323232;
	font-size:15pt;
}
.gesamtR {
	white-space:nowrap;
	text-align:right;
}


.checkfeld {
	background:url('/_webpics/check-tick-green.jpg') top left no-repeat;
	height:20px;
	line-height:20px;
	border:1px solid #fff;
	margin-bottom:20px;
	padding-left:40px;
	cursor:pointer;
	/* overflow:hidden; */
}

.checkfeld.akt {
	background-position:left -20px;
}




@media  only screen and (max-width: 980px) {
	.blockShop50 {
		width:100%;
	}
	.blockShop33 {
		width:50%;
	}
}


@media  only screen and (max-width: 880px) {
	.warenkorbZeile {
		flex-flow: row wrap;
	}


	.buttonBack {
		position:absolute;
		float:none;
		right:20px;
		margin-top:20px;
		font-size:12pt;
	}

	.warenkorbBlock1 {
		width:100%;
	}
	.warenkorbBlock2 {
		width:100%;
	}
}


@media  only screen and (max-width: 750px) {
	.blockShop33 {
		width:100%;
	}
	.productPrefBox {
		height:auto;
	}
}

@media  only screen and (max-width: 660px) {
	.shopWrapper {
		display: flex;
		align-items: stretch;
		flex-flow: row wrap;
		justify-content: space-between;
	}
}

@media  only screen and (max-width: 450px) {
	.warenkorbTotale {
		min-width: 100%;
		width: 100%;
	}
}
