/* sys/tmp140/shop.css => account/n/tmpl/140.shop.css */


/* navi-scus befindet sich ÜBER dem shop_140_container */

.navi-scus { padding: 0; margin-bottom: 30px; }
.navi-scus > ul { display:inline; width:100%; text-align:left; margin:0; padding:0;  }
.navi-scus > ul > li { display:inline-block; margin-right:20px; list-style-type:none;  }
.navi-scus > ul > li > a.navi { }
.navi-scus > ul > li > a.navi:hover { text-decoration:underline;  }
.navi-scus > ul > li > a.naviON{ color: red; font-weight:bold } 



/* Aufbau */

div.shop_140_container {}

div.shop140 {}

div.shop140 h1.HL { font-size: 1.5rem; margin-top:0 }

div.shop140 div.msgdiv { margin-bottom:20px }

.BX.form { background-color:#f9f9f9; padding:15px; border:1px solid #a9a9a9; max-width:100% }



/* allgemein */

label.radio { margin: 0 20px 0 5px }
.show_password { font-size: .9rem; opacity:.7 }
.shop-create-links-bottom { align-self: flex-end; padding-top:20px }  /*$SHOP['version'] = '2021-03-08'*/


/* shop.login.login */

div.shop140.login {}
.BX.form.login {}

#shop-login-flex-div1 { text-align:right; }
#shop-login-flex-div2 {}
#shop-login-flex-div3 {}
#shop-login-flex-div4 {}
#shop-login-flex-div5 { text-align:right; }
#shop-login-flex-div6 {}
#shop-login-flex-div7 {}
#shop-login-flex-div8 {}

#shop-login-flex-div1 label { font-weight:bold }
#shop-login-flex-div5 label { font-weight:bold }

#shop-login-fieldset-what { background-color:transparent; border-color:transparent; }
label[for=what_create] { padding-left: 0; margin-bottom: 15px}
label[for=what_login]  { padding-left: 0; }
label[for=what_login] input[type=radio] {}
label[for=what_login] input[type=radio] {}


/* shop.login.create */

div.shop140.create {}
.BX.form.create {}

.Passw_display { font-size:.9rem; background:#fff; padding:5px 12px; border:1px solid black; }

#shop-create-flex-div1 { align-self:flex-end; }
#shop-create-flex-div2 { align-self:flex-end; }
#shop-create-flex-div3 { align-self:flex-end; }

#shop-create-input-E { margin: 10px 10px 10px 0 }
#shop-create-input-Passw { }
#shop-create-button-submit { }



/* shop.login.password */

div.shop140.password {}
.BX.form.password {}

#shop-password-flex-div1 {}
#shop-password-flex-div2 {}
#shop-password-flex-div3 { align-self:flex-end; }

fieldset.login-what { background-color:transparent; border-color:transparent }
#what_create, #what_login { margin-right:22px; box-shadow: 0 0 0 9px inherit }

@media only screen and (max-device-width:414px) {}



/* shop.member*/

div.shop140.member {}
.BX.form.member {}

#BX1 { display:none }

.BX.form.member h3 { }

fieldset.member-Payment, fieldset.member-Payment.valid { background-color:transparent; border-color:transparent }
fieldset.member-Payment label[for=Payment] { font-weight:bold; color:black; opacity:1; margin-left:0; padding-left:0 }

#DA, #ACCEPT { }

div.DA, div.buttons { align-self:flex-end; }

@media only screen and (max-device-width:414px) {}


/* shop.account */

div.shop140.account {}
.BX.form.account {}

.TAB.shopaccount { display:table; width:100%; font-family:consolas;}
.TAB.shopaccount .TD { padding:7px; border-bottom: 1px solid #a9a9a9;  }
.TAB.shopaccount .TH { padding:7px; border-bottom: 1px solid #a9a9a9; }

/*.TH:first-child, .TD:first-child { padding-left:0; }
.TH:last-child, .TD:last-child { padding-right:0; }*/

.TD.Bestellung { white-space:pre-wrap }

.TR.invalid {  }
.TR.valid {  }
.TR.marked {  }

.AF .invalid { color:#990000 }

input.but { background-color:#999;padding:.2rem .5rem; }

@media screen and (max-width:736px) {

.TAB.shopaccount .TR { display:block; padding:10px; border:1px solid #efefef; margin-bottom:15px }
.TAB.shopaccount .TD { display:block; border-bottom: 0 }
.TAB.shopaccount .TH { display:none }

}

@media only screen and (max-device-width:414px) {}



/* shop.shipment */

div.shop140.shipment {}
.SHOP_text.shipment { margin-bottom:25px }
.BX.form.shipment { display:none }

.TAB.shopshipment { display:table; }
.TAB.shopshipment .TR { display:table-row; width:100%; }
.TAB.shopshipment .TR.countryinland { background-color: #efefef }
.TAB.shopshipment .TD { display:table-cell;padding:2px 20px; vertical-align:top; border-bottom: 1px solid #efefef; }

@media only screen and (max-device-width:414px) {

    /*Ausnahme von html.css TAB TR*/
    .TAB.shopshipment { display:table }
    .TAB.shopshipment .TR { display:table }
    .TAB.shopshipment .TD { display:table-cell; }
    .TAB.shopshipment .TD.shint { text-align:right; }

}


/* shop.basket */

#EUvat-container {
    border-bottom: 1px solid #a9a9a9;
    padding: 13px 13px 26px 13px;
    margin-bottom: 26px;
    line-height: 170%;
}

div.shop140.basket {}
.BX.form.basket {}

#ACCEPT {}
/*Bestellung button*/
#loading_order { background-color: #999; padding:12px 60px; display:none; }
#loading_order_text { color: white; font-weight:bold; font-size:120% }
.blink { animation: blinker .9s step-start infinite; }
@keyframes blinker { 50% { opacity: 0; } }

x-red { color:red; }
x-strike { text-decoration: line-through; }
x-minus { color:green; }
.gross { font-size:150%; }

#shop_130 {  }

/* TAB.cart*/
.TAB.basket { max-width:100%; margin:1rem 0; padding:0 0 13px 0; border-bottom:1px solid #a9a9a9;   }
.TAB.basket .TR .TD { padding:0 15px 7px 0; vertical-align:top }
.TAB.basket .TD1 { text-align:left;padding-left:15px }
/*.TAB.basket .TD1 input.cart-quantity { font-size:1.3rem; width:3rem }  }*/
.TAB.basket .TD2 { text-align:left; }
.TAB.basket .TD3 { text-align:left;  }
.TAB.basket .TD3 .img { width:120px;height:auto;  }
.TAB.basket .TD4 { text-align:left; }
.TAB.basket .TD5 { text-align:right; }
.TAB.basket .TD6 { text-align:right; white-space:nowrap; }

/* TAB.sums*/
.TAB.sums { padding:0 0 0 0;   }
.TAB.sums .TR .TD { padding:0 15px 7px 0; }
.TAB.sums .TD1 { text-align:right; }
.TAB.sums .TR.voucher .TD1 span.msg { display:inline-block;font-size:.86rem;line-height:8%; }
.TAB.sums .TR.voucher .TD1 span.msg.f { color:red; }
.TAB.sums .TD2 {  white-space:nowrap; text-align:right; }
.TAB.sums .TR.Warenwert .TD { font-weight:bold }

form.fvoucher { text-align:right; }
/*input[type=button].voucher { color:#fff; background:teal; padding:.2rem .5rem; border-radius:3px; }*/

/* TAB.rbt*/
.TAB.rbt { border-bottom:1px solid #a9a9a9; padding:0 15px 7px 0; font-size:inherit }
.TAB.rbt .TR .TD { padding:0 15px 7px 0; }
.TAB.rbt .TD1 {  text-align:right; }
.TAB.rbt .td1 {  text-align:right; }
.TAB.rbt .TD2 {  white-space:nowrap; text-align:right; }
.TAB.rbt .td2 {  white-space:nowrap; text-align:right; }

.TAB.rbt .td1.net, .TAB.rbt .td2.net {  font-weight:bold }
.TAB.rbt .td1.total, .TAB.rbt .td2.total {  font-weight:bold; text-decoration:underline;  }

.TAB.buttons { padding:15px 0 0 0 }

/* TAB.data*/
#shop_130 .TAB.data { padding-bottom:0; }
.datalink { display:block; margin:1rem 0; font-size: 1.3rem; }

/* TAB.controls*/
#shop_130 .TAB.checkout { border-top: 1px solid #a9a9a9; padding-top:15px }
.TAB.checkout .TD.Anmerkungen textarea.Anmerkungen { width:20rem;height:10rem }
.TAB.checkout .TR .TD { padding:0 15px 7px 0; }
.TAB.checkout .TD.ordernow { text-align:right; vertical-align:top; }
.TAB.checkout .TD div.terms { display:block; text-align:left; font-size:.8rem; line-height:normal }
#ACCEPTtable    { display:table;font-size:1rem;padding:.5rem;margin:.5rem; }
#ACCEPTtable.on { border:2px solid  tomato; }
.mindestbestellwert { color:red }

/* shop.basket Bestellung button */
#loading_order { background-color: #999; padding:12px 60px; display:none; }
#loading_order_text { color: white; font-weight:bold; font-size:120% }
.blink { animation: blinker .9s step-start infinite; }
@keyframes blinker { 50% { opacity: 0; } }


/* checkout section */
a.link { display:block; }

@media screen and (max-width:768px) { 

    #shop_130 .TAB.basket { display:block; width:auto;  }
    #shop_130 .TAB.basket .TR { display:block; width:auto; }
    #shop_130 .TAB.basket .TR .TD { display:inline-block; vertical-align:top; width:auto; padding: 5px 0; }
    #shop_130 .button.voucher { }
    
    #shop_130 .TAB.data { display:block; }
    #shop_130 .TAB.data > .TR { display:block; }
    #shop_130 .TAB.data > .TR > .TD { display:block; padding-bottom:15px }
    
    #shop_130 .TAB.checkout { display:block; }
    #shop_130 .TAB.checkout > .TR { display:block; }
    #shop_130 .TAB.checkout > .TR > .TD { display:block; }
    
    .TAB.checkout .TD.Anmerkungen textarea.Anmerkungen { width:100%; }

}


/* shop.order */

div.shop140.order {}
.BX.form.order {}

.ohl-zahlung { margin-bottom:15px; }

#paypal-msg {  }
#paypal-button-container { margin: 15px 0; max-width:100%  }

@media only screen and (max-device-width:414px) {}