fieldset{
 background-color: #f1f1f1;
 border: none;
 border-radius: 2 px;
 margin-bottom: 12 px;
 overflow: hidden;
 padding: 0 0.625 em;
}
.form{
	display: none;
}
.desktop{
	display: block;
}

.fields{
background-color: #fff;
border: 1px solid #eaeaea;
margin: 0.75em;
margin-left: 40px;
padding: 0.75em;
text-align:left;
}

.fields .row{
 margin: 0.5em 0;
}
.field-large {
 width: 250px;
}

.field-small {
 width: 100px;
}
.field-small-l {
 width: 100px;
 text-align:right;
 padding-left: 1.0em;
}

h5{
background-color: #5cb85c;
border-radius: 5px;
box-shadow: 3px 3px #ccc;
color: #fff;
font-size: 1.1em;
margin: 12px;
padding: 0.3em 1em;
text-align: left;
}

.accordion .ui-accordion-header {
    background: #5cB85c;
   border-radius: 6px;
   box-shadow: 3px 3px #ccc;
   color: #fff;
   font-size: 1.1em;
   margin: 12px;
   margin-left: 40px;
   padding: 0.2em 2em;
   text-align: left;
}



label{
cursor: pointer;
display: inline-block;
padding: 3px 6px;
text-align: right;
width: 33%;
/*vertical-align: top;*/
}
/*Label nach Checkboxen*/
.checkboxes label{
margin-left: 10px;
text-align: left;
width: 95%;
}

.bez{
 	display: inline-block;
	padding: 3px 6px;
	text-align: right;
	font-size: 1.1em;
	width: 33%;

}
.bez_anf{
 	display: inline-block;
 	vertical-align: middle;
	padding: 3px 6px;
	text-align: left;
	font-size: 1.1em;
	width: 66%;

}

.checkboxes{
 border: none;
}

.radio{
background-color:transparent;
margin-bottom: 0;
position: relative;
}

.radio .row{
 margin: 0 0 0 2em;
}
.radio legend{
position: absolute;
left: 0;
padding: 0 6px;
text-align: right;
top: 2px;
width: 2em;
display: inline;

}

.radio label{
padding-left: 2px;
margin-left: 5px;
vertical-align: middle;
width: auto;
}
input.button-card {
    background-image: url(card2.PNG); /* 16px x 16px */
    /*background-color: transparent;*/ /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 8px 8px;  /* equivalent to 'top left' */
    /*border: none;*/           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;           /* make this the size of your image */
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
    border-radius: 4px;
    margin: 4px 2px;
    padding: 16px;
}
input.button-del-smart {
    background-image: url(bin.png); /* 32px x 32px */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 8px;           /* make this the size of your image */
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
    border-radius: 4px;
    margin: 4px 2px;
    padding: 16px;
}
@media only screen and (max-width: 1190px){
	label{
		text-align: left;
		width: 100%;
		font-size: 2.0em;
	}
	.field-large {
	 	width: 70%;
	 	margin-left: 2.0em;
	 	padding: 0.5em;
	 	font-size: 2.0em;
	}
	
	.field-small {
	 	width: 30%;
	 	margin-left: 2.0em;
	 	padding: 0.5em;
	 	font-size: 2.0em;
	}
	.field-small-l {
		padding: 0.5em 0.5em 0.5em 0em;
		 font-size: 2.0em;
	}
	select{
		margin-left: 2.0em;
		padding: 0.5em;
	}
	.form{
		display: block;		
		/*display: contents;*/		
		
	}
	.desktop{
		display: none;
	}
	.bez{
		font-size: 2.0em;
	}
	.bez_anf{
		font-size: 2.0em;
	}
	h5{	
		font-size: 2.0em;
	}
	input.button-card {
    	background-position: 25px 25px;  /* equivalent to 'top left' */
    	cursor: pointer;        /* make the cursor like hovering over an <a> element */
    	height: 32px;           /* make this the size of your image */
	padding: 32px;
	margin-left: 1.0empx;
	margin-bottom: 1.0em;
	
	}
	input.button-del-smart {
    	background-position: 16px 16px;  /* equivalent to 'top left' */
    	cursor: pointer;        /* make the cursor like hovering over an <a> element */
    	height: 31px;           /* make this the size of your image */
	padding: 32px;
	margin-left: 32px;
	margin-bottom: 20px;
	
	}
	.row select{
	padding: 32px;
	font-size: 2.0em;
	}
	.ui-datepicker-trigger{
	height: 32px;
	width: 32px;
	
	}



}