.cileft h2, .ciright h2{
	text-align: left!important;
	padding-left: 10px!important;
	padding-right: 10px!important;
}

.cileft, .ciright{
	width: 48%;
	float: left;
}

.cileft{margin-right: 4%;}

.cileftinhalt, .cirightinhalt{margin-bottom: 10px;}

.cileft .cileftinhalt{
	width: 150px;
	text-align: right;
	padding-right: 15px;
}

.cileft .cirightinhalt{width: calc(100% - 150px);}
.cileft .cirightinhalt input{width: 100%!important;}

.ciright .cileftinhalt{
	width: 30px;
	text-align: left;
	margin-right: 10px;
	padding-right: 15px;
}

.ciright .cirightinhalt{width: calc(100% - 40px);}
.ciright .cileftinhalt input{
	width: 20px!important;
	height: 20px;
}

.preis{width: 100%;}

.preisleft{
	width: calc(100% - 80px);
	float: left;
}

.preisright{
	width: 80px;
	float: right;
	text-align: right;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.cidatenschutz input{
	width:20px!important;
	height: 20px!important;
	display: inline-block;
	margin-right: 10px;
}

.cibuchenbutton{
	width: 300px!important;
	background: #333!important;
	padding: 10px 0px!important;
	margin-top: 40px!important;
	margin-bottom: 0px!important;
	text-transform: uppercase;
	margin-left: calc(50% - 150px);
}

.cibuchen_info{
	display: inline-block;
	position: absolute;
	width: 13px;
	z-index: 99;
	right: 0px;
	top: 0px;
}

.cibuchen_info i{
	font-size: 14px;
	cursor: pointer;
	display: block;
	width: 13px;
}

.cibuchen_info_text{
	background: #CCC;
	padding: 15px;
	font-size: 11px;
	line-height: 16px;
	margin-left: 12px;
	display: none;
	position: absolute;
	top: 15px;
	right: 13px;
	width: 220px;
	box-shadow: 5px 5px 10px rgba(00, 00, 00, 0.5);
}

.cibuchen_info:hover .cibuchen_info_text{display: block;}


/* ---------- MEDIA QUERIES ---------- */

	@media screen and (max-width: 1150px) {}	
	@media screen and (max-width: 988px) {
		.cileft, .ciright{
			width: 100%;
			float: none;
		}
		.cileft{margin-right: 0%;}
	}
	@media screen and (max-width: 850px) {}
	@media screen and (max-width: 768px) {}
	@media screen and (max-width: 624px) {}
	@media screen and (max-width: 550px) {
		.cileft .cileftinhalt, .cileft .cirightinhalt{width: 100%!important; text-align: left;}
	}
	@media screen and (max-width: 480px) {}

/* -------- MEDIA QUERIES ENDE -------- */