@font-face{font-family:'icons';
src:url('../iconfonts/icons.ttf') format('truetype'),url('../iconfonts/icons.woff') format('woff'),url('../iconfonts/icons.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:block}
.i-star-empty:before{content:"\e9d7"}
.i-star-half:before{content:"\e9d8"}
.i-home:before{content:"\e902"}
.i-star-full:before{content:"\e9d9"}
.i-herz:before{content:"\e9da"}
.i-traube:before{content:"\e9db"}
.i-cart:before{content:"\e93a"}
.i-tel:before{content:"\e942"}
.i-user:before{content:"\e971"}
.i-such:before{content:"\e986"}
.i-menu:before{content:"\e9bd"}
.i-menu2:before{content:"\e9bf"}
.i-logo:before{content:"\e900"}
.i-fb:before{content:"\ea90"}
.i-inst:before{content:"\ea92"}
.i-such{left:-35px}
[class^="i-"],[class*=" i-"]{font-family: 'icons' !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1}
.i-txt{height:1px;overflow:hidden;width:1px}
*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif,Verdana}
body,.details,#f ul,figure{margin:0;padding:0}
header{position:sticky;height:14.5em}
header,#leiste,#herobutton,.card--content,.ess-cont{background-color:#fff}
header.active{top:var(--_top)}
#leiste{height:2.25em}
#leistentxt{margin-left:0.5em;font-size:0.85em}
#kdn{font-size:1.25em}
img{border:0;max-width:100%;height:auto}
#top{z-index:5}
/*Slider Bestseller */
.card,.cardpi,#grew,#prew,#srew,.ess{display:flex}
.card{background-color:#e6ffe6;min-height:250px;overflow-x:auto}
.card--content{min-width:200px;margin:2em 1em}
.card,#grew,.ess{min-width:100%}
.cardpi{min-height:400px;overflow-x:scroll;margin:0 2em 1em 0}
.card--contentpi{min-width:300px}
#grew,#prew,#srew{overflow-x:auto}
#grew{height:340px}
#prew,#srew{height:250px}
#prew > .card-content-prew,#srew > .card-content-prew{width:250px;flex:0 0 240px}
.card-content-grew,.card-content-prew{background-color:#fff;border:1px solid #ccc;min-width:240px;padding:.5em 1.5em;line-height:1.25em;overflow-y:auto}
.card-content-grew,.card-content-prew{margin:0}
#prew,#srew{min-width:0;flex:1 1 auto}
.prew-row{display:flex;column-gap:4em;row-gap:1.5em;align-items:flex-start;margin-top:2em}
.prew-stat{flex:0 0 220px}
.ess{background-color:#ccc;min-height:60px;overflow-x:auto}
.ess-cont{min-width:120px;margin:1em;padding:1em 0.5em 0.5em;text-align:center}
.essempf{clear:both;margin:4em 0 2em}
.kdf{display:flex;min-height:250px;min-width:100%;overflow-x:auto}
.kdf_inh{min-width:200px;margin:1em 1em 1em 0}
#flexbox{display:flex;border:2px solid #f00}
.trenner{margin:1em;color:#000;clear:both}
.prod{line-height:1.25em;margin:0;border:0px solid #f00;font-size:120%}
.prod h2{margin-top:0em}
.prod ul{list-style-type:none}
.prod li{text-indent:-1.5em;margin:0.5em 0 0 1.5em}
.prod li::before{content:"✓";color:#696;padding-right:0.25em;font-size:1.5em;font-weight:bold}
.av{margin:0 1em 1em 0}
.align{vertical-align:sub}
#warum{margin:3em 0}
#warum,#faq,.card--content{border:1px #093 solid}
#warum,#faq{padding:0.01em 2em 1em}
#warum h2{margin-bottom:-0.5em}
#warum h3{color:#00611c}
.warumtxt{width:30%}
.cat-top-text{max-height:250px;overflow:hidden;transition:max-height 0.4s ease}
.ucat-top-text{max-height:350px;overflow:hidden;transition:max-height 0.4s ease}
.cat-toggle:checked ~ .cat-top-text{max-height:25000px}/* Ausklappen */
.cat-toggle:checked ~ .ucat-top-text{max-height:25000px}/* Ausklappen */
.cat-toggle{display:none}/* Checkbox unsichtbar */
.cat-label{display:inline-block;margin:1em 0;cursor:pointer;color:#039}
.cat-label::after{content:attr(data-open)}
.cat-toggle:checked ~ .cat-label::after {content:attr(data-close)}
.cat-label:hover,.cat-label:focus{text-decoration:underline}
details>summary.akk:focus,details>summary.akk:-moz-focusring{outline:none}
.akk{background:#e6ffe6;font-weight:bold;padding:.5em 0.5em .5em}
.ohne a,.button-g,.sb-ge,.button,.sb-go,.sb-gr,.button a,.button-g a,.sb-ge a,.sb-gr a,.plumi{color:#000}
a{color:#039}
a:hover{color:#03C}
#brdcr a,.pwv a,.pl_lpr,.small,.mini{color:#666}
.rot,.neuWK,.errorText{color:#B30000}
.gruen{color:#060}
.l-gruen{color:#093}
.blau{color:#069}
.grau{color:#777}
.linie{color:#ccc;margin:2em 0;clear:both}
.wk_del a{color:#c00}
a,.ohne a:hover,.kat a,.ukat a,.kat a:hover,.ukat a:hover,.pwv a,.button a,.button-g a,.sb-ge a,.sb-gr a,.button:hover,.button-g:hover,#herotxt a{text-decoration:none}
#k{margin:0.5em auto}
#brdcr{margin:1em auto}
#l{width:150px;z-index:10}
#k,#f,#brdcr,.toptxt,#herotxt{max-width:1200px}
#m,#b{max-width:1000px}
#f{margin:12.5em auto 0}
.i-txt,#l,#li_img:hover div{position:absolute}
#k1{height:4.5em}
#k1,#su,.suchtext,#spr,.modal-content,.i-such{position:relative}
#k1{float:none}
#reb{margin:0 0 0 4em}
.suchtext{padding:0.75em;transition:ease-in-out, width 1s ease-in-out;width:15em}/*Suchfeld ausklappbar*/
.kat,.kat:hover,.ukat,.ukat:hover{width:33%}
#hero{height:450px;background-image:url("images/weingut-fuchs-weine-online-kaufen.webp");
background-position:center;background-repeat:no-repeat;background-size:cover}
#herotxt{margin:3em auto;color:#fff;font-weight:700;letter-spacing:2px}
#herotxt h1{font-size:400%;margin-left:10px}
#herotxt p{font-size:250%;line-height:1.25em;margin-left:10px}
#herotxt h1,#herotxt p{text-shadow: 3px 3px 3px #16354E,3px -3px 3px #16354E,-3px  3px 3px #16354E,-3px -3px 3px #16354E}
#herobutton{border:none;border-radius:0.25em;outline:0;display:inline-block;padding:0.75em 1.5em;color:#16354E;cursor:pointer;font-size:150%;letter-spacing:0}
.herobutton:hover{background-color:#f00;color:#FFF}
#bestseller{background-color:#ccc}
.prolist{width:315px;height:480px;padding:0.5em;margin:0 1em 1em 0}
.prolist a{color:#333}
.ff,#li_img,.links,.img_li,.foto-l,.foto-l35,.kat,.kat:hover,.ukat,.ukat:hover,.bli,
.wk_img,.wk_txt,.wk_meng_pr,.wk_menge,.cfix3,.cfix5,.cfix18,.pay15,.paybul,.sp1,.sp2,.c15,.c20,.c25,.c50,.c65,.c75,#checkout p,.pl_img,.cardpi,.av,.warumtxt,.prolist,.kdfoto,.vid-li{float:left}
#su,#reb,#kdn,#kdk,#spr,.rechts,.foto-r,.foto-r35,.img_re,.pr-det,.bre,.sb-del,.sb-eur,.wk_del,.modal-dialog,#pr,.wk_preis,.pl_eur{float:right}
#f,footer,.clearfix:after,.osc,.cl,.sb-pr,.pl,.bst,.paybul,.sp1,#navi,.bre:after,.wk,#k,#brdcr,#grew,#srew{clear:both}
#herotxt h1,#herotxt p,.li,.UeWK,table.space2{text-align:left}
#k1,#su,.re,.foto-r,.foto-r35,.pl_re,.sb-del,.sb-eur,.wk_preis,#sterne{text-align:right}
.mi,.kat,.kat:hover,.ukat,.ukat:hover,.button,.button-g,.wk_menge,#checkout p,.sb-go,.sb-ge,.sb-gr,.card--content,.card--contentpi,#hero,#herobutton{text-align:center}
.vid-li{width:40%;height:auto;margin:0 2em 2em 0}
#f ul li,.manufacturers{list-style:none}
#kdk .ohne button{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:0;background:transparent;padding:0;line-height:1;font-size:inherit}
.ab125{margin-top:0.125em}
#sterne,.cfix3,.cfix5,.cfix18,.pay15,.paybul,.sp2,.c15,.c20,.c25,.c50,.c65,.c75{margin-top:0.5em}
.a075{margin-top:0.75em}
.ab1,.ab-d,.wk_txt,.wk_kurz,.wk_meng_pr{margin-top:1em}
h2,h3,.ab2,.grew-ue{margin-top:2em}
#pro-list{list-style-type:none;margin:0;padding:0}
#pro-list > li{margin:0;padding:0}
#pro-list h4{margin-top:0.5em;font-size:100%;font-weight:bold}
#faq,#herobutton,#f,.ab3{margin-top:3em}
.sb-go{margin:1.5em}
.img_re,.foto-r,.foto-r35{margin:0 0 2em 2em}
.foto-l,.foto-l35{margin:2em 2em 2em 0}
.wk_preis{margin:0.5em 0 0 1em}
#brdcrtxt{padding:1em 0 0 0.5em}
.sp1{margin:0.5em 0 0 2em}
#b,#m,.toptxt{margin:0 auto}
.box-input {margin:0 1em}
.m10,.sb-pr{margin:1em 0}
.bli,.bre{margin:2em 0}
.br{margin:0 0 1em 1em}
#pr,.pr-det{margin:0 0 2em 2em}
#li_img{margin:0 2em 1em 0}
#k1{margin:0.5em 0 0em}
.abu1{margin-bottom:1em}
.abu2{margin-bottom:2em}
.pr-det{margin-bottom:3em}
#kdn,.mr1{margin-right:1em}
.pl_img{margin:0 0.5em 1em 0}
.b-ab-re{margin-right:3em}
.kdfoto{margin:0.5em}
.a01{padding-top:0.05em}
.wk_del,.pi_eur,.toptxt{padding-top:0.5em}
.pi_pr,#liefer,.bst{padding-top:0.75em}
.a05{padding-top:0.5em}
.a1{padding-top:1em}
.sb-eur{padding-top:1.5em}
.a2{padding-top:2em}
.a3,.osc{padding-top:3em}
input[type=submit],table.space2 td,.naehr td{padding:0.25em}
#k,#checkout p,.unterlegt,.card--contentpi{padding:0.5em}
.pi_pr,.bst{padding-top:0.75em}
.card--content,.br,.pr-det,.sb-go,.sb-ge,.sb-gr{padding:1em}
.button,.button-g,submit.wk_akt{padding:0.75em 1em}
.pou1,.wk,.kat,.kat:hover,.ukat,.ukat:hover,.klWK{padding:1em 1em 1em 0}
.UeWK{padding:1em 0 0 1.5em}
#f,.ue{padding:2em 0 1em}
#spr,.wk_img,.mini-img{padding-right:2em}
.ff{padding-right:3em}
#liefer{margin-bottom:1em}
.naehr{border-collapse:collapse}
h2{font-size:130%}
h3{font-size:110%}
.mini{font-size:45%;line-height:60%}
.t55,.pl_lpr{font-size:55%}
.t65{font-size:65%}
.t70,.pwv,#brdcr{font-size:70%}
.osc,.l-pr{font-size:76%}
#sterne,.t80,#liefer{font-size:80%}
.t90{font-size:90%}
.suchtext,.wb,SELECT,input,TEXTAREA,.kat a,.ukat a,.kat a:hover,.ukat a:hover,.button,.button-g,.bst,#navi,.messageBox,.messageStackSucces,.messageStackError,.messageStackWarning,.sb-go,.sb-ge,.sb-gr{font-size:100%}
.ue,.pi_eur{font-size:120%}
.big,.pl_eur,.grew-ue{font-size:125%}
.wk_del{font-size:200%}
.mini,.smallText,.l-pr,.pl_lpr{font-weight:normal}
.grew-ue,.UeWK,.sb-go,.sb-ge,.sb-gr,.plumi,.sb-del,.big,.kat a,.ukat a,.kat a:hover,.ukat a:hover,.pl_eur,.button,.button-g,.wk_del,#checkout p{font-weight:bold}
.pwv{line-height:2em}
.details,.pl_eur{line-height:100%}
.lh130{line-height:130%}
.suchtext,#hero,.prolist,.kat:hover,.ukat:hover,.pr-det,.plumi,input,TEXTAREA,SELECT,#checkout p,.naehr,.naehr td,.card--contentpi{border:1px solid #ccc}
.kat,.ukat{border:1px solid #fff}
#f{border-top:3px solid #ccc}
.plumi{border-radius:0}
.sb-go,.sb-ge,.sb-gr,.button,.button-g{border-radius:0.25em}
table.space0,table.space2{border:none;border-spacing:0}
.clearfix:after,#li_img:hover div,.sb-go,.button a,.button-g a,.sb-ge a,.sb-gr a{display:block}
#li_img div,.toggle,[id^=drop],.modal{display:none}
.clearfix:after{content:" "}
#li_img:hover div{width:300px;top:440px;left:180px}
.img_li{width:10%;margin-right:2em}
/*.pl_re{width:45%;z-index:-1}*/
.details td, .tab_pr_list td,tr.top,.top,td.top{vertical-align:top}
input[type='radio'] {height:1em;width:1em}
input.bigcheck{height:1.5em;width:1.5em} 
input,SELECT{height:2.5em}
TEXTAREA{height:7em}
input[type=submit],.button,.button-g,.plumi,submit.wk_akt{-webkit-appearance:none}
.button-g,.sb-ge{background:#FC0;border:1px outset #FC3}
.button,.sb-go,.sb-gr{border:1px outset #aaa}
.button:hover,.button-g:hover{background:#FF6;border:1px outset #F93;cursor:pointer}
.leer{width:20em;height:5em}
.sb-del{width:3em;color:#C03;font-size:150%}
.fade{transition:opacity .15s linear}
.modal{position:fixed;background:rgba(0,0,0,0.5);top:0;left:0;height:100%;z-index:1050;outline:0}		
.modal-dialog{border:5px solid #ccc;width:30em;height:100%;overflow-y:scroll}
.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}
.modal-content{background-clip:padding-box;padding:2em}
#navi,.button,.sb-go,.sb-gr{background:#ccc}
.unterlegt{background:#FFC}
.messageStackError, .messageStackWarning{background:#ffb3b5}
.messageStackSuccess{background:#99ff00}
.checkBarCur{background:#FC3}
.checkBarErl{background:#6C6}
.plumi,SELECT,.modal-dialog,.checkBarOff{background:#fff}
submit.wk_akt{height:2em;background:#f00}
#navi{height:auto}
.wk_menge{width:auto}
.paybul{width:2em}
.cfix3{width:3em}
.cfix5,.wk_img{width:5em}
.w7{width:7em}
.w10{width:10em}
SELECT,.button,.button-g,.sp1{width:12em}
.w15,#checkout p{width:15em}
.cfix18,.w18,.pr-det{width:18em}
#pr{width:24em}
.c15{width:15%}
.c20{width:20%}
.c25{width:25%}
.wk_meng_pr{width:35%}
.c50,.wk_txt,.details td, .tab_pr_list td{width:50%}
input.text,input.tel,input.email,input.pasword,TEXTAREA{width:60%}
.c65{width:65%}
.c75{width:75%}
.sb-go{width:88%}
header,#leistentxt,.cardpi,.details,.sb-ge,.sb-gr,.modal	,table.w100{width:100%}
#checkout p{line-height:1.5em;margin-bottom:-1em}
.stars{display:inline-block;white-space:nowrap;font-family:'icons' !important;line-height:1}
.stars i{margin-right:0.1em}
.stars_on,.bg-gelb{color:#e5b700} /* gelb */
.stars_off{color:#e5b700} /* leere Sterne grau */
.review_stats_head{margin-bottom:1.5em}
.review_stats_row{display:flex;align-items:center;gap:8px;margin-top:.5em}
.review_stats_label{width:40px}
.review_stats_bar{flex:1;height:1em;border:1px solid #999;border-radius:5px;background:#fff;overflow:hidden}
.review_stats_fill{height:100%;background:#999}
.review_stats_count{width:30px;text-align:right}
.review_stats_pct{width:40px;text-align:right}
/* =========================================================
NAVIGATION (NEU) – Desktop first
========================================================= */
#navi{width:100%;background:#ccc;position:relative;z-index:1000;clear:both}
#navi .navbar{max-width:1200px;margin:0 auto;position:relative}
#navi ul{list-style:none;margin:0;padding:0}
#navi a,#navi a:link,#navi a:visited{color:#000;text-decoration:none}
#navi a:hover,#navi a:active{color:#00f;text-decoration:underline}
#navi ul.menu{display:flex;justify-content:center;align-items:center}
#navi ul.menu>li>a,#navi ul.menu>li>.menu-label{display:block;padding:.9em 1em;white-space:nowrap;color:#444}
#navi ul.menu>li:hover>a,#navi ul.menu>li>a:hover{background:#fff;color:#00f;text-decoration:underline}
#navi ul.menu>li:hover>.menu-label{background:#fff;color:#000;text-decoration:none}
#navi input[type=checkbox],#navi .toggle-main,#navi .toggle-close{display:none}
#navi .menu-label{cursor:pointer}
#navi li.has-mega>ul{display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;border:2px solid #ccc;box-sizing:border-box}
#navi li.has-mega:hover>ul{display:block}
#navi .mega-inner{display:flex;gap:1.25em;padding:1.4em 1em 5em 2em;align-items:flex-start}
#navi .mega-inner-4 .mega-col{flex:0 0 calc(25% - .95em)}
#navi .mega-col{flex:1 1 0;min-width:0;text-align:left}
#navi .mega-head,#navi .mega-subhead{font-weight:700}
#navi .mega-head{margin-bottom:.45em}
#navi .mega-subhead{margin:1.5em 0 .45em}
#navi .mega-list{margin:0;padding:0;list-style:none;text-align:left}
#navi .mega-list li a{display:block;padding:.32em 0;white-space:normal;line-height:1.25;font-size:.95em}
#navi .mega-columns{columns:2;column-gap:1em}
#navi .mega-columns li{break-inside:avoid}
#navi .mega-columns-4{columns:4}
#navi .mega-sep{border:0;border-top:1px solid #d7d7d7;margin:.9em 0 .7em}

@media all and (max-width:1000px) {
#hero{height:300px}
#herotxt{margin-top:3em;max-width:980px}
#herotxt h1{font-size:250%}
#herotxt p{font-size:150%;line-height:1.5em}
#herobutton{margin-top:1em;font-size:120%}
#b{max-width:980px}
#k{margin-right:0.5em}
.hide{display:none}
.wk_del,.wk_txt{margin:0}
.plumi{font-size:125%;padding:0.25em 0.75em}
.wk_txt{float:none}
#navi,.toggle{text-align:left}
.toggle{display:block}
.toggle + a{display:none}
body{margin:0.5em}
.sp1,.sp2{margin-left:3em}
.pay15{padding-top:0.5em}
.pl_z{padding-top:1em}
.pl_z{clear:both}
.load a{color:#039}
.img_li{width:2.5em;}
.paybul{width:3em}
.wk_txt{width:40%}
.wk_meng_pr{width:50%}
.wk_txt{width:70%}
input.bigcheck{height:3em;width:3em} 
input[type='radio']{width:2em;height:2em}
input.text,input.tel,input.email,input.password,TEXTAREA{width:95%}
input.textarea{font-size:100%;height:2em}
input.select{-webkit-appearance:none;font-size:125%}
TEXTAREA{height:7em}
#f,.liste{line-height:1.75em}
.toggle{background-color:#CCC;padding:0.75em;color:#000;text-decoration:none}
.toggle:hover{background-color: #ffc}	
.prew-row{display:block}

/* =========================================================
   NAVIGATION (NEU)  mobil
========================================================= */
#navi .navbar{width:100%}
#navi #drop ~ ul.menu,#navi #drop:checked ~ .toggle-main,#navi li.has-mega:hover > ul {display:none}
#navi #drop:checked ~ .toggle-close{display:block}
#navi #drop:checked ~ ul.menu{display:block}
#navi ul.menu > li{display:block}#navi ul.menu{display:block;margin:0}
#navi ul.menu>li>a,#navi ul.menu>li>.menu-label{white-space:normal}
#navi li.has-mega>ul{position:static;top:auto;left:auto;width:100%;min-width:0;border:0}
#navi li.has-mega>input[type=checkbox]:checked~ul,#navi .mega-inner,#navi .mega-inner-4{display:block}
#navi .mega-col,#navi .mega-inner-4 .mega-col{flex:none;width:100%;min-width:0}
#navi .mega-columns,#navi .mega-columns-4{columns:1}
#navi .toggle-main{display:block;padding:.9em 1em;line-height:1.2}
#navi .toggle-close{display:none;position:absolute;top:0;right:0;padding:.9em 1em;font-size:1.4rem;line-height:1;cursor:pointer;z-index:1002}
#navi #drop:checked~ul.menu{display:block;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 3.1em);overflow-y:auto;z-index:1001;background:#FFF}

}
@media all and (max-width:600px) {
header{height:13.5em}
#hero{height:220px}
#herotxt{margin:1.52em;}
#herotxt h1{font-size:180%}
#herotxt p{font-size:130%;line-height:1.25em}
#herobutton{margin-top:0}
#herobutton,#k1{font-size:100%}
#l{top:2.5em}
#k1{margin-top:-0.5em}
#spr{position:absolute}
#leistentxt{display:none}
.suchtext{width:5em}
.suchtext:focus{width:12em}
.i-such{left:-25px}
#reb{margin:0 0 0.5em 0}
.warumtxt,.w15,.inh,#pr,.c15,.c20,.c25,.c50,.c65,.c75,.modal-dialog,.pay15,.button,.button-g,.vid-li{width:40%;height:auto;margin:0 2em 2em 0}
{width:100%}
.cardpi{min-width:100%;min-height:250px}
.card--contentpi{background-color:#fff;min-width:200px}
#su{z-index:10}
.w12{width:7em}
.wk_menge{text-align:left}
.wk_del{text-align:right}
.wk_img,.wk_txt,.wk_img{float:left}
.img_li{margin:0 1em 0 1em;float:right}
#flexbox{flex-direction:column}
.image-gallery{margin:1em 0;width:100%}
.image-gallery div{margin-left:10px}
.image-gallery label{width:15%}
h1{margin:0}
#pr:after,.mcl,.pwv{clear:both}
.bst{clear:none}
.fr,.fl,.for,.pp_re,.pp_li,.br,.wbr,.inh,.inh100,#pr,.c15,.c20,.c25,.c50,.c65,.c75,.modal-dialog,#frmlr p,.pr-det,.bli,.bre,.pay15,.sp1,#reb,.warumtxt,.cardpi,.foto-l,.foto-r,.vid-li{float:none}
#f,.liste{line-height:1.75em}
.za{line-height:150%}
#pr,.pr-det,.pwv{font-size:90%}
.wk_img{padding:0}
#pr,.bl{padding:0.5em}
.c20{padding-top:0.5em}
#frmlr p{margin-top:-0.1em}
.ab-d{margin-top:0.25em}
.wk_kurz{margin-top:0.5em}
.pay15,.pwv{margin-top:1em}
.b-ab-li{margin-left:4em}
#li_img{margin-right:1em}
.wk_del,.wk_txt,.wk_menge,.sp1{margin:0}
#pr{margin:0 0 1em 0;border:0}
.bre{margin:2em 0}
.sp2{margin:0.5em 0 1em 0}
#li_img:hover div{display:none}
.pwv a{display:block}
.wk_menge{width:auto}
#li_img,.foto-l35,.foto-r35{width:35%}
.img_li{width:2.5em}
.wk_img{width:4em}
.paybul{width:3em}
.wk_txt{width:70%}
.wk_meng_pr{width:75%}
.sp1{width:95%}
.pwv,.pwv a{color:#000}
.pwv{-webkit-appearance:none;padding:0.5em 0 0.5em;font-weight:bold;text-align:center;border-radius:0.25em;
background-color:#CCC;border:1px outset #aaa}
}
@media all and (max-width:400px) {
.pi_pr{float:none}
.pi_pr,.pi_eur{text-align:left}
.pi_eur{clear:right}
}