@charset "utf-8";

/* .zend_form {display:flow-root;} */
.zend_form dt {float:left;clear:left;width:200px;padding-top:3px}/* Label, davor Umbruch */
.zend_form dd {width:300px;float:left;margin:0px}/* Felder */
.zend_form input {width:296px;height:32px;box-shadow: 1px 2px 2px 0px #B4B4B5 inset;border: 1px solid #b4b4b5;text-indent:7px;font-family:'VersaSansPro-Normal',Arial,sans-serif;font-weight:normal;font-size:20px;margin-bottom:10px}
.zend_form select {width:300px;height:32px;box-shadow: 1px 2px 2px 0px #B4B4B5 inset;border: 1px solid #b4b4b5;text-indent:7px;font-family:'VersaSansPro-Normal',Arial,sans-serif;font-weight:normal;font-size:20px;margin-bottom:10px}

/* Nr. und PLZ anheften, Label ausblenden (1. Label wird per JS umbenannt): */#street_number-label,#shipping_address_street_number-label,#city-label,#shipping_address_city-label {visibility:hidden;clear:none;margin:0px;width:6px}
#street-element,#shipping_address_street-element,#street,#shipping_address_street,#city-element,#city,#shipping_address_city-element,#shipping_address_city {width:210px}
#street_number-element,#street_number,#shipping_address_street_number-element,#shipping_address_street_number,#postalcode-element,#shipping_address_postalcode-element,#postalcode,#shipping_address_postalcode {width:80px}

dt#product-label,dt#type-label,dt#agb-label,dt#revocation-label,dt#shipping_address_revocation-label {display:none;height:0px}
#comment-label,#comment-element,#shipping_address_comment-label,#shipping_address_comment-element {margin:20px 0px}
#comment,#shipping_address_comment {height: 90px;width:282px;box-shadow: 1px 2px 2px 0px #B4B4B5 inset;border: 1px solid #b4b4b5;padding:7px;font-family:'VersaSansPro-Normal',Arial,sans-serif;font-weight:normal;font-size:20px;margin-bottom:10px}

#use_different_shipping_address-label {width:250px;margin-bottom:15px}
#use_different_shipping_address-element,#use_different_shipping_address {width:15px;height:15px;box-shadow:none;border:none;margin-top:3px}

#shipping_address_salutation-label,#shipping_address_salutation-element,#shipping_address_title-label,#shipping_address_title-element,#shipping_address_firstname-label,#shipping_address_firstname-element,#shipping_address_lastname-label,#shipping_address_lastname-element,#shipping_address_company-label,#shipping_address_company-element,#shipping_address_street-label,#shipping_address_street-element,#shipping_address_street_number-label,#shipping_address_street_number-element,#shipping_address_postalcode-label,#shipping_address_postalcode-element,#shipping_address_city-label,#shipping_address_city-element,#shipping_address_phone-label,#shipping_address_phone-element,#shipping_address_country-label,#shipping_address_country-element,#shipping_address_department_or_function-label,#shipping_address_department_or_function-element,#shipping_address_customer_number-label,#shipping_address_customer_number-element,#shipping_address_comment-label,#shipping_address_comment-element {display:none}

.agb-checkbox {float:left;clear:left;width:40px;margin-top:10px}
.agb-text {float:left;width:440px;margin-top:10px}
ul.errors {color:#F00;padding:10px 10px 10px 30px;font-weight:bold;}
input.error {border:1px solid #F00}
label.error {color:#F00}

@media only screen and (max-width:560px) {
#street-element,#shipping_address_street-element,#postalcode-element,#shipping_address_postalcode-element {clear:left} /* PLZ-Ort und Str.-Nr. zusammen umbrechen */
#comment-label,#shipping_address_comment-label {margin-bottom:0px}
#comment-element,#shipping_address_comment-element {margin-top:0px}
.agb-text {width:330px}
}

@media only screen and (max-width:479px) {
.zend_form select {width:280px}
#comment,#shipping_address_comment {width:262px}
.zend_form input {width:276px}
#street-element,#shipping_address_street-element,#street,#shipping_address_street,#city-element,#city,#shipping_address_city-element,#shipping_address_city {width:190px}
.agb-text {width:220px}
}