#id-div-add-wertmind_merkmale .new, #id-div-add-wertstei_merkmale .new, .damage-form-row .new {
	display:flex!important;
	justify-content:space-between;
	gap:12px;
	margin-bottom: 3px;
}

.fa2-step-content{
	font-family: Verdana,sans-serif;
	max-width: 700px;
	margin: auto;
  	margin-top: 20px;
	border-top: 1px solid grey;
  	border-left: 1px solid grey;
	border-right: 1px solid grey;
  	border-radius: 6px 6px 0px 0px;
  	padding:20px;
}

.fa2-step-content input[type=radio]{
	cursor: pointer;
}
label.ja-nein{
	cursor: pointer;
}
.fa2-panel-button-bottom{
	padding: 16px;
	border-radius: 0px 0px 6px 6px;
	border-bottom: 1px solid grey;
  	border-left: 1px solid grey;
	border-right: 1px solid grey;
  	max-width: 700px;
  	text-align: center;
  	margin: auto;
  	position: sticky;
  	bottom: 0px;
  	background: lightgrey;
}

#button-send {
	border-radius: 4px;
}

#button-send:hover {
	opacity: .7!important;
	box-shadow: 0px 2px 4px rgba(0,0,0,.5);
}

#button-next, #button-back{
	color: #fff;
  	background-color: #0F228B;
	border-radius: 4px;
}

#button-next:hover, #button-back:hover {
	color: #fff!important;
  	background-color: #0F228B!important;
	opacity: .7!important;
	box-shadow: 0px 2px 4px rgba(0,0,0,.5);
}

#button-send{
	color: #fff;
  	background-color: rgb(0, 128, 0);
}
#button-next, #button-send{
	float: right;
	margin-top: -8px;
}
#button-back{
	float: left; 
	margin-top: -8px;
}

#d-schritt-info{
	font-size: 16px;
	display: inline-block;
	margin-left: 40px;
	margin-right: 40px;
	color: black;
	visibility: hidden;
}

.fa2-zeile{
	border-bottom:solid #efefef 1px;
}

.fa2-step-content select,
.fa2-step-content input[type="text"] {
	background:white;
    border:1px solid grey;
    border-radius: 5px;
    
    margin-top:5px; 
    margin-bottom:5px;
    height:35px;
    padding-left:5px;
    padding-right:5px;
    padding-top:3px;
    padding-bottom:3px;
    width:190px;
}
.fa2-step-content input[type="number"],
.fa2-step-content input[type="date"] {
	background:white;
    border:1px solid grey;
    border-radius: 5px;
    
    margin-top:5px; 
    margin-bottom:5px;
    height:35px;
    padding-left:5px;
    padding-right:5px;
    padding-top:3px;
    padding-bottom:3px;
}

.fa2-p-label{
	font-size: 12px;
	margin-bottom:4px;
	padding-top: 12px;
}

#leistung-ps{
	margin-left: 10px;
	color: gray;
	font-style: italic;
}

.err-f{
	color:red;
	font-size: 9px;
	display:none;
}

.div-p{
	margin-top:10px;
	margin-bottom:10px;
	font-size: 12px;
}

.fa2-green{
	color: rgb(25,150,25);
}
/************** Step 2 *************************/
.blockname{
	padding: 6px 12px;
	border-radius: 4px;
  	color: #fff;
  	background: #0F228B;
  	font-size: 16px;
  	margin-top: 10px;
  	margin-bottom: 10px;
}
.preis-hek{
	text-align: center;
}
.preis-hek-info{
	padding:5px;
	background: #efefef;
	font-size: 11px;
}
.b-step2-skip {
	display: block !important;
	margin: auto !important;
	padding: 12px 24px !important;
	border-radius: 6px !important;
	color: #fff !important;
  	background-color: #0F228B !important;
}

.b-step2-skip:hover {
	background-color: #0F228B!important;
	color:#fff!important;
	opacity: .8!important;
	box-shadow: 0px 2px 4px rgba(0,0,0,.5);
}

.fa2-cb label{
	padding-top: 6px;
}
.fa2-cb input[type="checkbox"]{
	height: 28px;
	width: 28px;
}
.fa2-cb > label > input[type="checkbox"] progress {
 accent-color: #FF0000;
}


/**Farben**/
.ul-exterior-color > li{display: inline-flex;margin:5px;} 
.ul-exterior-color > li > input[type=radio]{margin-right:8px;}  

.ul-exterior-color > li > input[type=radio]{position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.ul-exterior-color > li > input[type=radio] + label {padding-left:30px;height:30px; display:inline-block;line-height:30px;background-repeat:no-repeat;background-position: 0 0;font-size:15px;vertical-align:middle;cursor:pointer;margin-bottom:4px}
.ul-exterior-color > li > input[type=radio]:checked + label {background-position: 0 -30px;}
.ul-exterior-color > li > label {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.ul-exterior-color > li > label i {display:none;}  

.ul-exterior-color > li > label.la-rb-color-schwarz {background-image: url(../pics/colors/black.png);}
.ul-exterior-color > li > label.la-rb-color-grau {background-image: url(../pics/colors/gray.png);}
.ul-exterior-color > li > label.la-rb-color-weiss {background-image: url(../pics/colors/white.png);}
.ul-exterior-color > li > label.la-rb-color-weiß {background-image: url(../pics/colors/white.png);}
.ul-exterior-color > li > label.la-rb-color-blau {background-image: url(../pics/colors/blue.png);}
.ul-exterior-color > li > label.la-rb-color-silber {background-image: url(../pics/colors/silver.png);}
.ul-exterior-color > li > label.la-rb-color-gold {background-image: url(../pics/colors/gold.png);}
.ul-exterior-color > li > label.la-rb-color-orange {background-image: url(../pics/colors/orange.png);}
.ul-exterior-color > li > label.la-rb-color-gruen {background-image: url(../pics/colors/green.png);}
.ul-exterior-color > li > label.la-rb-color-grün {background-image: url(../pics/colors/green.png);}
.ul-exterior-color > li > label.la-rb-color-violett {background-image: url(../pics/colors/violett.png);}
.ul-exterior-color > li > label.la-rb-color-gelb {background-image: url(../pics/colors/yellow.png);}
.ul-exterior-color > li > label.la-rb-color-beige {background-image: url(../pics/colors/beige.png);}
.ul-exterior-color > li > label.la-rb-color-braun {background-image: url(../pics/colors/brown.png);}
.ul-exterior-color > li > label.la-rb-color-rot {background-image: url(../pics/colors/red.png);}


/** schaden **/

.damage-body{
	margin-top:5px;
}

.table { display: table; }
.tr { display: table-row; }
.td { display: table-cell; padding-top: 4px;}

.damage-body .table {
	width:100%;
	padding:6px;
}

.damage-body .td-left{
	padding-left: 12px 0px;
	width: 70%;
	text-align:left!important;
}
.damage-body .td-right{
	padding-right: 12px 0px;
	padding-top: 5px;
	width: 30%;
	text-align:right!important;
}

.damage-body .klapp-content{
	padding: 10px;
	background: #fff;
}
.damage-body h4{
	padding: 0px;
  	color: brown;
    font-size: 17px;
}

.damage-body .expl-star {
	font-size: 12px;
	padding:6px;
	border: 1px solid grey;
	border-radius: 4px;
}

.klapp-content > .tr {
	padding:6px 12px;
}

.td-cb{
	vertical-align: middle;
	padding:10px;
}
.td-cb-text{
	vertical-align: middle;
	font-size: 12px;
	font-style: italic;
}

.add-button {
  background-color: #4CAF50;
  border: 2px solid #4CAF50;
  color: white;
  font-size: 1.2em;
  font-weight: 600;
  text-align: center;
  padding: 5px;
  margin: 0px;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.x-button {
  background-color: #f44336;
  border: 2px solid #f44336;
  color: white;
  font-size: 0.6em;
  font-weight: 600;
  text-align: center;
  padding: 2px 6px;
  margin: 0px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  font-size: 12px;
}

.cursor-pointer{
	cursor: pointer;
}


#content-step4-bestaetigung{
	background: white;
 	padding: 20px;
}

.content-verify{
	white-space: normal;
	text-wrap: wrap;
	padding: 10px;
}

.content-mailresponder {
	padding: 20px;
	/* background: #f9f9f9; */
	border: 1px solid #ccc;
	border-radius: 6px;
}


/***************************************
	Frontend Preisbox
***************************************/

.price-box-container {
	text-align:center;
	background-color:transparent;
	position: fixed;
	bottom:0;
	right:3%;
	height:auto;
	z-index:9999;
}
#pice-box {
	width:300px;
	padding:10px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background-color: #000;
				
}

.price-box-container tr td {
	padding: 1px !important;
}

#pice-box:hover {
	box-shadow: 0px 2px 12px rgba(0,0,0,.5);
				
}

.pb-text {
	font-size:0.8em;
	color:#fff;
}
.pb-price {
	font-weight:600;
	font-size:2.4em;
	color: rgb(0,255,66);
	font-family: 'Raleway', cursive;
}
.pb-curr {
	font-size:0.6em;
	font-weight:600;
	color:#fff;
				
}

/*******************************/
.td4 input[type="text"] {
	width:50%;
	margin-top:-15px;
}
.tab-tech-def .td1, .tab-tech-def .td2, .tab-tech-def .td3, .tab-tech-def .td4 {
	display: inline-block;
	padding:8px;
}
.tab-tech-def .td1 {
	width:200px;
}
/* .tab-tech-def .td2 {
	width:50%;
} */
.tab-tech-def .td3 {
	width:100%;
	display: block;
}
.tab-tech-def .td4 {
	width:45%;
}
/*******************************/
/************ Step 3 ***********/

.fa2-step-content select.s-verfuegbar-ab{
	width: 110px;
}
.ta-kunde_bemerkung{
	width: 100%;
	min-height: 80px;
}

#d-preis-gerechnet{
	font-size: 16px;
	margin-top:18px;
}
#d-preisvorstellung{
	font-size: 16px;
	margin-top:8px;
}

/******************/
/*   bilder    */
.label-input-file {
    color: blue;
    cursor: pointer;
}
.load-galerie {
    border: 2px dashed grey;
    width: 100%;
    min-height: 200px;
    padding: 10px;
    margin: 10px;
    overflow: auto;
}
.d-img-preview {
    width: 144px;
    height: 144px;
    /* display: inline-block; */
    float: left;
    border: 1px dashed grey;
    margin: 3px;
    padding: 0px;
    position: relative;
}
.preview-navibar {
    /*background: #efefef;*/
    border-top: 1px solid #efefef;
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
}
.preview-navibar-info {
    font-size: 13px;
    margin-top: 10px;
    margin-left: 3px;
    font-weight: bold;
    width: 80%;
    display: inline-block;
}
.preview-navibar-del {
    margin-top: 10px;
    margin-right: 3px;
    padding: 5px;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    line-height: 14px;
}
#b-img-save{
    margin-left:10px;
    float: left;
}

@media only screen and (max-width: 1405px) {
	#step2-preis-box {
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.price-box-container {
		position:relative;
		z-index: auto;
	}

	.price-box-container span, .price-box-container  td {
		color: #000!important;
	}
	#pice-box {
		color:#000;
		background-color:#fff;
	}
	#pice-box:hover {
		box-shadow: unset;
	}
}