.fleache_form {float: left; width: auto%;}

.fleache_form.first {width: auto%; margin-right:6%;}

.belastung-text {
	font-family: 'Ubuntu', 'Calibri', Arial, serif;
	text-transform:uppercase;
}


/*
.inside{background-color: #f0f0f0;}

*/

#kalkulator-mod {
}
.white {color: #fff!important;}
.precontent_wrapper {background-color: #f0f0f0!important;}
#precontent {background-color: transparent!important;padding-top:30px; padding-bottom:0px;}
#kalkulatormod {border-radius: 16px; background-color: #f0f0f0;padding:15px;}

#precontent h1 {margin-top:20px;margin-bottom:10px;text-align: center;}

input.error {background: #dd1035; color:#fff;}

.kalkulator_element {
	float:none;
	width:auto;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}

.radio_buttons {
	width:auto;
	max-width: 600px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 20px;
}

.abstand {
	margin-top:25px;
}
.bottomstand {
	margin-bottom:25px;
}
.bottomBorder{
	width:100%;
	height:1px;
	border-bottom: 1px solid #fff;
	padding-bottom:10px;
	margin-bottom:10px;
}
.last{ padding-bottom:0px;
	margin-bottom:0px;}
.white {margin:10px 0px 10px 0px!important;}

#precontent input.submit {
	background: #b10303;
	color: #fff;
	font-size: 16px;
	padding: 15px;
	border: none;
	-webkit-transition: background .4s;
	-o-transition: background .4s;
	transition: background .4s;

	display: inline-block;
	color: #fff;
	background:#dd1035;
	border-radius: 0px;
	
	width: 180px !important;
	margin-right: auto;
	margin-left: auto;	
	text-align: center;
	font-weight: 700;

}
#precontent input.submit:hover, #precontent input.submit:focus {
	background: #000;
	border: none;
}
/*
.radio_box {
	t__ext-align: center;
	width: auto;
	max-width:200px;
	float: left;
	margin: 0px auto;

	border: 1px solid #333;
	padding: 15px;

	padding-top:10px;
}
*/


.radio_name {font-weight:500;padding-top: 40px; font-family: 'Ubuntu', 'Calibri', Arial, serif; font-size: 13px; text-transform: uppercase;color:#666;}

/*
input[type="radio"],
input[type="checkbox"]{
  display: none;
}
*/

.radio_container {
  margin-bottom: 10px;
  margin:10px auto;
  width:200px;
  text-align: left;

}

.radio_container label {
  po--sition: relative;
  wi--dth:100%;

}


.radio_container span {
	margin: 0px auto;

}
/* Base styles for spans */
.radio_container span::before,
.radio_container span::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  xmargin:0px auto 0px auto;
}
.radio_container span::after {
	margin:4px auto 0px auto;
}

/* Radio buttons */
.radio_container span.radio:hover {
  cursor: pointer;
}
.radio_container span.radio::before {
  left: -25px;
  width: 50px;
  height: 25px;
  background-color: #fff;
  border-radius: 0px;
}
.radio_container span.radio::after {
  left: -20px;
  width: 17px;
  height: 17px;
  border-radius: 0px;
  background-color: #ddd;
  transition: left .25s, background-color .25s;
}
input[type="radio"]:checked + label span.radio::after {
  left: 0px;
  background-color: #dd1035;
}

.radio_container .mylable {

  margin:0px auto ;
  left: 50%;
 

}


#ausgabe {
	font-family: 'Ubuntu', 'Calibri', Arial, serif;
	font-weight: 500;
	margin-bottom: -4px;
	font-size: 16px;
	overflow: hidden;
	text-transformeee: uppercase;
	background:#dd1035;
	color:#fff;
	padding:25px;
	width: 80%;
	text-align: center;
	margin: 50px auto 0px auto;
	max-width:400px;
	display: inline-block;
	vertical-align: top!important;
	margin-right:20px;
}

#ausgabe2 h5 {text-align: left;}


.ausgabe_container {text-align: center; vertical-align: top!important;padding-bottom:50px;}
#ausgabe2  {
	width: 80%;
	text-align: center;
	margin: 0px auto;
	max-width:400px;
	padding-top:20px;
	display: inline-block;
	vertical-align: top!important;
}
#ausgabe2 img {
	width: auto;

}

.disable {
	display:none;
}

.koernung_button {
	background:#999;
	color:#fff;
	border:3px solid #999;
	border-radius:9px;
	font-family: 'Ubuntu', 'Calibri', Arial, serif;
}
.koernung_button.disable {color:#fff;background:#fff; border:none; border:3px solid #fff;}
.koernung_button.active {background: #dd1035; color:#fff; border:3px solid #dd1035;}

#koernung_hinweiss, #koernung_hinweiss_link {
	margin-top:10px;
	background:#e56b13;
	color:#fff;
	font-family: 'Ubuntu', 'Calibri', Arial, serif;
	font-weight: 500;
	margin-bottom: -4px;
	font-size: 16px;
	overflow: hidden;
	text-transform: uppercase;
	padding:5px;	
}


.set_pro_08 {cursor:pointer;}

.set_pro_08:hover{font-weight:bold;}

#berechne {
	background: #999; color:#fff;
}


#leange, #breite, #tiefe, #berechne  {padding:15px; font-size:16px; margin-right:10px;margin-bottom:10px;}


/*
#leange, #breite, #tiefe {width:80px;}


  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
*/

	.tab_buttons {
		margin-top:10px;
	}

	.tab_button {
		float:left;
		margin:5px;
		padding-left:5px;
		padding-right:5px;
		background:#fff;
		color:#dd1035;
		border:#dd1035 1px solid;
		cursor:pointer;
	}
	
	.tab_button:hover {
		background:#dd1035;
		color:#fff;
		border:#dd1035 1px solid;
	}

	.tab_button.active:hover {
		background:#fff;
		color:#dd1035;
		border:#dd1035 1px solid;
	}
	
	.tab_button.active {
		background: #dd1035;
		color:#fff;
		border:#fff 1px solid;
	}
	
	.tab_content {
		position:relative;
		min-height: 100px;
		
	}
	
	.c_tab {
		position:absolute;
		top:0px;
		width:100%;
		background:#fff;
		display:none;
	}
	
	.c_tab.active {
		display:block;
	}
	
	.clear {
		clear:both;
	}
	
	.radio    _container {
		float:left;
		text-align:center;
		margin-right:2%;
	}




	@media (max-width: 600px) {
	.radio_box { float:none; }
	#leange, #breite, #tiefe, #berechne  {width:60%;}

	}

.radio_box label {
  width: 180px;
  height:150px;
  border: 1px solid #fff;
  text-align: center;
  color:#000;
	  	-webkit-transition: background .8s;
	-o-transition: background .8s;
	transition: background .8s;
}

/* hide input */
.radio_box  input.radio:empty {
	margin-left: -999px;
}

/* style label */
.radio_box  input.radio:empty ~ label {
	position: relative;
	float: left;
	margin-top: 2em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

.radio_box  input.radio:empty ~ label:before {
	display: block;
	content: '';
	width: 25px;
	background: #ddd;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height: 25px;
	margin-top: 40px;
	margin-bottom: 10px;
	-webkit-transition: background .8s;
	-o-transition: background .8s;
	transition: background .8s;
}

/* toggle hover */
.radio_box  input.radio:hover:not(:checked) ~ label:before {
	content:'';
	text-indent: .9em;
	color: #C2C2C2;
}

.radio_box  input.radio:hover:not(:checked) ~ label {
	color: #888;

}

/* toggle on */
.radio_box  input.radio:checked ~ label:before {
	content:'';
	background: #dd1035;
}

.radio_box  input.radio:checked ~ label {
	color: #dd1035;
	background:#fff;

}

.radio_box {
	float: left;
	display: block;
	width: 180px;
	height: 150px;
	margin-right: 15px;
}