:root {
	--primary: #008080;
	--secondary: #757D81;
	--secondaryRGB: 117,125,129;
	--transition: all .3s ease-in-out;
}

/************************************ Start: Allgemein ************************************/
/* Start: Progress Bar */
#sso_progress { padding: 30px; }
#sso_progress ul { padding: 0; }
#sso_progress ul li { flex-grow: 1; list-style: none; padding: 0; }
#sso_progress ul li span,
#sso_progress ul li a { position: relative; display: block; font-family: neue-kabel, sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; color: #FFFFFF; text-align: center; background: var(--secondary); padding: 4px 10px 4px 22px; }
#sso_progress ul li a { transition: var(--transition); }
#sso_progress ul li span:before,
#sso_progress ul li a:before,
#sso_progress ul li span:after,
#sso_progress ul li a:after { display: block; content: ""; position: absolute; z-index: 1; border: 3px solid; border-color: #FFFFFF #FFFFFF transparent transparent; transform: rotate(45deg); }
#sso_progress ul li span:before,
#sso_progress ul li a:before { top: 5px; right: -12px; width: 16px; height: 16px; background: var(--secondary); }
#sso_progress ul li span:after,
#sso_progress ul li a:after { right: -10px; top: 1px; width: 24px; height: 24px; }
#sso_progress ul li a:before { transition: var(--transition); }
#sso_progress ul li.current span { color: #FFFFFF; background: var(--primary); }
#sso_progress ul li.current span:before { background: var(--primary); }
#sso_progress ul li:last-of-type span { padding: 4px 10px; }
#sso_progress ul li:last-of-type span:before { content: none !important; }
#sso_progress ul li:last-of-type span:after { content: none !important; }
#sso_progress ul li:not(.current):hover a { color: #FFFFFF; background: var(--primary); }
#sso_progress ul li:not(.current):hover a:before { background: var(--primary); }
@media screen and (max-width: 767px){
    #sso_progress ul li span,
    #sso_progress ul li a { font-weight: 400 !important; font-size: 13px !important; line-height: 24px !important; padding: 4px 5px 4px 12px; }
    #sso_progress ul li:last-of-type span { padding: 4px 5px; }
}
/* End: Progress Bar */
/************************************ End: Allgemein ************************************/

/************************************ Start: Step 1 ************************************/
/* Start: Form */
#ss_order #orderFrm .sso_form_line label { display: block !important; }
#ss_order #orderFrm .sso_form_line label span { display: none !important; }
#ss_order #orderFrm .sso_form_line hr { background: var(--primary); height: 1px; border: none; margin: 0; }
#ss_order .ss_form .sso_form_line.hidden { display: none; }
/* End: Form */

/* Start: Simple Shop Basket Back Button */
#ss_order .sso_button_backToBasket_box { display: flex; justify-content: flex-start; }
/* End: Simple Shop Basket Back Button */

/* Start: Simple Shop Basket Order Button */
#ss_order .sso_button_next_box { display: flex; justify-content: flex-end; }
/* End: Simple Shop Basket Order Button */
/************************************ End: Step 1 ************************************/

/************************************ Start: Step 2 ************************************/
/* Start: Simple Shop Order Basket */
/*-- Start: Simple Shop Basket Produkt Quantity --*/
#ss_order #ss_basket .ssb_quantity > div { font-family: neue-kabel, sans-serif; font-weight: 400; font-size: 20px; line-height: 25px; color: #000000; text-align: right; }
/*-- End: Simple Shop Basket Produkt Quantity --*/

/*-- Start: Simple Shop Basket Grid --*/
#ss_order #ss_basket > thead > tr > td:first-of-type { width: 270px; }
#ss_order #ss_basket > thead > tr > td:nth-of-type(2) { width: 420px; padding: 0 30px; }
#ss_order #ss_basket > thead > tr > td:nth-of-type(3) { width: 75px; }
#ss_order #ss_basket > thead > tr > td:nth-of-type(4) { width: 200px; padding: 0 15px 0 30px; }
#ss_order #ss_basket > thead > tr > td:last-of-type { width: 205px; padding: 0 0 0 15px; }
#ss_order #ss_basket > tbody > tr > td:first-of-type { width: 270px; }
#ss_order #ss_basket > tbody > tr > td:nth-of-type(2) { width: 420px; padding: 0 30px; }
#ss_order #ss_basket > tbody > tr > td:nth-of-type(3) { width: 75px; }
#ss_order #ss_basket > tbody > tr > td:nth-of-type(4) { width: 200px; padding: 0 15px 0 30px; }
#ss_order #ss_basket > tbody > tr > td:last-of-type { width: 205px; padding: 0 0 0 15px; }
#ss_order #ss_basket > tfoot > tr > td:first-of-type { width: 765px; }
#ss_order #ss_basket > tfoot > tr > td:nth-of-type(2) { width: 200px; }
#ss_order #ss_basket > tfoot > tr > td:last-of-type { width: 205px; }
/*-- End: Simple Shop Basket Grid --*/

/*-- Start: Simple Shop Basket Responsive Grid --*/
@media only screen and (max-width: 1280px) {
    #ss_order #ss_basket > thead > tr > td:first-of-type { width: 23%; }
    #ss_order #ss_basket > thead > tr > td:nth-of-type(2) { width: 36%; }
    #ss_order #ss_basket > thead > tr > td:nth-of-type(3) { width: 6%; }
    #ss_order #ss_basket > thead > tr > td:nth-of-type(4) { width: 17%; }
    #ss_order #ss_basket > thead > tr > td:last-of-type { width: 18%; }
    #ss_order #ss_basket > tbody > tr > td:first-of-type { width: 23%; }
    #ss_order #ss_basket > tbody > tr > td:nth-of-type(2) { width: 36%; }
    #ss_order #ss_basket > tbody > tr > td:nth-of-type(3) { width: 6%; }
    #ss_order #ss_basket > tbody > tr > td:nth-of-type(4) { width: 17%; }
    #ss_order #ss_basket > tbody > tr > td:last-of-type { width: 18%; }
    #ss_order #ss_basket > tfoot > tr > td:first-of-type { width: 65%; }
    #ss_order #ss_basket > tfoot > tr > td:nth-of-type(2) { width: 17%; }
    #ss_order #ss_basket > tfoot > tr > td:last-of-type { width: 18%; }
}
@media only screen and (max-width: 1040px) {
    #ss_order #ss_basket > tbody > tr > td:first-of-type { width: 100%; }
    #ss_order #ss_basket > tbody > tr > td:nth-of-type(2) { width: 100%; padding: 0 0 15px 0; }
    #ss_order #ss_basket > tbody > tr > td:nth-of-type(3) { width: 100%; padding: 0 0 15px 0; }
    #ss_order #ss_basket > tbody > tr > td:nth-of-type(4) { width: 100%; padding: 0 0 15px 0; }
    #ss_order #ss_basket > tbody > tr > td:last-of-type { position: relative; bottom: auto; left: auto; width: 100%; padding: 0; }
}
/*-- End: Simple Shop Basket Responsive Grid --*/
/* End: Simple Shop Order Basket */

/* Start: Message Error Box */
#ss_order .sso_button_msgBoxError_box { display: flex; justify-content: flex-end; }
/* End: Message Error Box */

/* Start: Terms and Conditions */
#ss_order .sso_button_termsAndConditions_box { display: flex; justify-content: flex-end; }
#ss_order .sso_button_termsAndConditions_box > label { font-family: neue-kabel, sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; color: #000000; text-align: left; margin: 0; }
@media screen and (max-width: 767px) { #ss_order .sso_button_termsAndConditions_box > label { font-weight: 400 !important; font-size: 20px !important; line-height: 24px !important; } }
#ss_order .sso_button_termsAndConditions_box > label > a { display: inline-block; font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; color: var(--primary); text-align: inherit; text-decoration: none; }
#ss_order .sso_button_termsAndConditions_box > label > a:hover { text-decoration: underline; }
/* End: Terms and Conditions */

/* Start: Simple Shop Basket Back To Step 1 Button */
#ss_order .sso_button_backToStep1_box { display: flex; justify-content: flex-start; }
@media screen and (max-width: 959px){ #ss_order .sso_button_backToStep1_box { justify-content: flex-end; } }
/* End: Simple Shop Basket Back To Step 1 Button */

/* Start: Simple Shop Basket Order Step 2 Button */
#ss_order .sso_button_orderStep2_box { display: flex; justify-content: flex-end; }
/* End: Simple Shop Basket Order Step 2 Button */
/************************************ End: Step 2 ************************************/