/* STANDARD FIELDS */

.dform > .dform_element			{}

.dform_element 				{margin:0 0 8px 0;}

.dform_container input.text 	        {width:100%;padding: 5px 10px 5px 10px;letter-spacing: normal;border:0;outline:1px solid #d5d5d5;min-height: 45px;border-radius: 4px; background:white;}
.dform_container textarea 	        	{width:100%;padding: 5px 10px 5px 10px;letter-spacing: normal;border:0;outline:1px solid #d5d5d5;min-height: 45px;border-radius: 4px; background:white;}
.dform_container select 		          {width:100%;padding: 5px 10px 5px 10px;letter-spacing: normal;border:0;outline:1px solid #d5d5d5;min-height: 45px;border-radius: 4px; background:white;}
.dform_container label		          	{display:block;}
.dform_desc                    				{font-size:14px;padding-top:2px;line-height: 1.5em;}	

.dform_email_route,
.dform_text_input,
.dform_email,
.dform_textarea,
.dform_date,
.dform_radio,
.dform_select,
.dform_entries_list,
.dform_cart_quantity {/* background:#fafafa; *//* padding:15px; */margin-right: 15px;/* line-height:1.2em; */padding: 5px 0 5px 0;}

/* Zusatzhöhe bei Radio Box Hintergrund */
.dform_radio {min-height:90px;}


.dform_checkbox {
                /* padding: 0 10px 0 20px; */
                /* margin: 10px 0 0 0; */
                }


/* Allgemeine Höhe Radio und Checkbox */
.dform_container input[type=checkbox], input[type=radio] {position:relative;top: 2px;vertical-align: baseline;width: 17px;height: 17px;}

/* Focus Felddefiniton */
.dform_container input[type=text]:focus, input[type=email]:focus, textarea:focus, select:focus {
  -webkit-transition: all 0.10s ease-in-out;
  -moz-transition: all 0.10s ease-in-out;
  -ms-transition: all 0.10s ease-in-out;
  -o-transition: all 0.10s ease-in-out;
  box-shadow: 0 0 8px rgba(81, 203, 238, 1) !important;
  outline:2px solid #1e5064 !important;
}

/* Keine UL List-Styles */
ul {list-style: none;}

#content .dform_checkbox ul.checkboxes {list-style-image:none; list-style-type:none; padding-left:0px;}

#content .dform_element ul.radios 	{list-style-image:none; list-style:none; padding:0; margin:5px 0 3px 0; overflow:auto; line-height:1.2em;}
.dform_element .radios 		        {list-style:none;padding:0;line-height: 1.2em;margin:0;}

/* Legende - fieldset */

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 400;
    line-height: inherit;
    color: #222;
    border: none;
}

/* BUTTON */
.submit {
    font-size: 1em;
    border: 2px solid #a31e36;
    background-color: #a31e36;
    padding: 0.5rem 1rem;
    margin: 0.5rem 0.25rem;
    color: white;
    border-radius: 50rem!important;
    letter-spacing: -0.1px;
		}

.submit:hover, .submit:focus {
    background-color:white;
    border-color: #a31e36;
    color: #a31e36;
    transition: 0.25s;
    }


/* FIELD LABEL */
.dform_element .dform_label 	{font-weight:normal; font-size:16px; font-weight: normal; color:#444444; line-height:19px;}
.dftop_label .dform_label 	    {font-size:16px; color:#a31e36; font-weight: normal; margin: 0 15px 5px 0 !important; display: -moz-inline-stack; display: inline-block; line-height: 1.3em; clear: both}
.dfbottom_label .dform_label 	{margin:4px 0 10px 0; display: -moz-inline-stack; display: inline-block; line-height: 1.3em; clear: both}
.dfleft_label .dform_label 	    {float: left; margin: 2px 15px 0 0;}
.dfright_label .dform_label 	{float: left; margin: 0 15px 0 0; text-align: right}

/* Required Fields */
.dform_element .req {
    
    }

/* FIELD ERROR */
.dform_element .dform_error {
    font-weight: 600;
    color: #f44336;
    margin-top: 8px;
    font-size: 0.95em;
}

.dform_element .dform_error:before {
    font-family: FontAwesome;
    content: "\f071";
    font-size:0.9em;
    padding-left:5px;
    padding-right:5px;
}

/* INPUT CONTAINER */
.dfleft_label div.dform_container, .dfright_label div.dform_container {float: left;}
.dform_container label {font-weight:normal;}

/* INNER CONTRAINERS */
.dform_container .dfinput_left,
.dform_container .dfinput_right,
.dform_container .dfinput_full {
  display: block;
  overflow: hidden;
  margin: 25px 0 10px 0;
}
.dfinput_full{
  display: flex !important;
}
.dform_container .dfinput_left {    float: left; width: 50%;}
.dfinput_left input.text,
.dfinput_right input.text {    width: 60%;}
.dform_container .dfinput_right {    float: right;    width: 49%;}

/* DATE FIELD */
.dfinput_dates .df_date_elem {width:70px; float:left;}
.dfinput_dates .df_date_elem_extra {width:100px; float:left;}
.dfinput_dates label {display:block;}
.dfinput_dates input.text {width:90%;}
.dfinput_dates select {width:90%;}

/* TIMES FIELD */
.dfinput_times .df_time_elem {width:70px; float:left;}
.dfinput_times label {display:block;}
.dfinput_times input.text {width:80%;}

/* PHONE FIELD */
.dfinput_phones .phone_cc {width:15%;}
.dfinput_phones .phone_area {width:15%;}
.dfinput_phones .phone_number {width:40%;}
.dfinput_phones .phone_extension {width:12.5%;}
.dfinput_phones input.text {width:90%;}

/* NAME FIELD */
.dfinput_names .name_prefix {width:15%;}
.dfinput_names .name_first {width:30%;}
.dfinput_names .name_last {width:30%;}
.dfinput_names .name_suffix {width:15%;}
.dfinput_names input.text {width:90%;}

/* ADDRESS FIELD */
.dform_address input.text {width:90%;}
.dform_address .address_state input.text {width:80%;}
.dform_address .address_country select {width:80%;}

/* PRODUCTS FIELD */
.dfinput_products .df_qty_elem {width:70px; float:left;}
.dfinput_products .df_products_elem {width:150px; float:left;}
.dfinput_products label {display:block;}
.dfinput_products input.text {width:90%;}
.dfinput_products select {width:90%;}


/* COLUMNS */
.dfcolumns {}
.dfcolumns .column {float:left;}

.dform_element.dform_columns_2,
.dform_element.dform_columns_3,
.dform_element.dform_columns_4	{margin-bottom:0px;}

.dform_columns_3 .dform_element {}

/* FORM CONFIRMATION MESSAGE */
.dform_confirmation {background-color:#DFF0D8; border:1px solid #D6E9C6; color:#468847; margin-bottom:18px; padding:8px 35px 8px 14px;}

/* CART */
.dform_container .cart_qty_small {text-align:center; width:30px;}

/* CREDIT CARD */
.cc_number {position:relative;}
.cc_number input {width:150px;}
.cc_name input {width:300px;}
.cc_logos {
	height:32px;
	margin-bottom:5px;
	position:absolute;
    left:160px;
    top:-4px;
}
.cc_logos .cc_icons {
	background-image: url(img/creditcard_icons.png);
	background-repeat: no-repeat;
    float: left;
    height: 36px;
    margin-right: 4px;
    text-indent: -9000px;
    width: 36px;
}
.cc_logos .cc-visa {background-position: 0 0;}
.cc_logos .cc-mc {background-position: -36px 0;}
.cc_logos .cc-amex {background-position: -72px 0;}
.cc_logos .cc-discover {background-position: -108px 0;}
.cc_logos .cc-jcb {background-position: -180px 0;}
.cc_cardinfo {width:400px}
.cc_cardinfo .info_block {width:40%; float:left;}
.cc_cardinfo .exp_month {width:40%; margin-right:9%;}
.cc_cardinfo .exp_year {width:40%;}
.cc_cardinfo .cc_ccv {position:relative;}
.cc_cardinfo .cc_ccv input {width:50px;}
.cc_cardinfo .ccv_img {background-image: url(img/creditcard_icons.png);
	background-position: 0 -128px;
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	left: 60px;
	position: absolute;
	width: 32px;
	top:0
}