@font-face{font-family:'icons';src:url('../iconfonts/icons.eot');src:url('../iconfonts/icons.eot#iefix') format('embedded-opentype'),
url('../iconfonts/icons.ttf') format('truetype'),url('../iconfonts/icons.woff') format('woff'),url('../iconfonts/icons.woff2') format('woff2'),url('../iconfonts/icons.svg#icons') format('svg');font-weight:normal;font-style:normal;font-display:block}
.i-home:before{content:"\e902"}
.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,nav 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,.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%}
/*Slider Produktbilder */
.cardpi{min-height:400px;overflow-x:scroll;margin:0 2em 1em 0}
.card--contentpi{min-width:300px}
/*Slider Google Reviews */
.grew-ue,.card-content-grew{background-color:#f5f5f5}
.grew-ue,.card-content-grew{border-radius:25px}
.grew-ue{padding:0.1em 1em}
#grew{height:340px;overflow-x:auto}
.card-content-grew{min-width:270px;padding:.5em 1.5em;margin:2em 1.5em 0 0;line-height:1.25em;overflow-y:scroll}
/*Slider "passt zu" */
.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}
/*Slider Kundenfotos*/
.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,#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%}
.akk{background:#e6ffe6;font-weight:bold;padding:1em 0.5em 1em}
.ohne a,.button-g,.sb-ge,.button,.sb-go,.sb-gr,.button a,.button-g a,.sb-ge a,.sb-gr a,.plumi,nav a{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}
nav ul ul li a,nav a:hover{color:#00f}
.wk_del a{color:#c00}
nav a:hover,nav ul ul li a:hover{text-decoration:underline}
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}
#b,#m,#k,#f,#brdcr,.toptxt,#herotxt{max-width:1000px}
#f{margin:12.5em auto 0}
.i-txt,#l,#li_img:hover div,nav ul ul{position:absolute}
#k1{height:4.5em}
#k1,#su,.suchtext,#spr,.modal-content,nav ul,nav ul ul li,.i-such{position:relative}
#k1,nav ul ul li{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:450px;padding:1em 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,nav ul,nav ul li,.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{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,nav:after,.bre:after,.wk,#k,#brdcr,#grew{clear:both}
#herotxt h1,#herotxt p,.li,.UeWK,nav ul,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,#lnav,#navi,.navbar,.wk_menge,#checkout p,.sb-go,.sb-ge,.sb-gr,.card--content,.card--contentpi,#hero,#herobutton{text-align:center}
#f ul li,.manufacturers,nav ul{list-style:none}
.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,.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,.navbar{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,#lnav,#checkout p,.unterlegt,.card--contentpi{padding:0.5em}
.pi_pr,.bst{padding-top:0.75em}
nav a{padding: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,#lnav{font-size:80%}
.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}
nav ul{line-height:1.25em}
.pwv{line-height:2em}
.details,.pl_eur{line-height:100%}
.suchtext,#hero,.prolist,.kat:hover,.ukat:hover,.pr-det,.plumi,input,TEXTAREA,SELECT,#checkout p,#lnav,.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,nav a{display:block}
.navbar,nav ul li{display:inline-block}
#li_img div,.toggle,[id^=drop],.modal,nav ul ul{display:none}
nav ul li:hover > ul {display:inherit}
.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}
nav,#navi,nav ul li,.button,.sb-go,.sb-gr{background:#ccc}
nav a:hover,nav ul ul li,.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:2.75em}
nav:after{content:"";display:table}
nav ul ul li{display:list-item;line height:0.5em}
li > a:after{content:' ▾'}
li > a:only-child:after{content: ''}
.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,nav ul ul li{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,nav{width:100%}
#checkout p{line-height:1.5em;margin-bottom:-1em}

@media all and (max-width:900px) {
#hero{height:300px}
#herotxt{margin-top:3em;max-width:880px}
#herotxt h1{font-size:250%}
#herotxt p{font-size:150%;line-height:1.5em}
#herobutton{margin-top:1em;font-size:120%}
#b{max-width:880px}
#k{margin-right:0.5em}
.hide{display:none}
.wk_del,.wk_txt,nav{margin:0}
.plumi{font-size:125%;padding:0.25em 0.75em}
.wk_txt,nav ul ul{float:none}
#navi,.toggle{text-align:left}
#menu-btn:checked ~ .btn.menu-btn,#close-btn:checked ~ .btn.menu-btn,[id^=drop]:checked + ul,nav ul li,.toggle,nav ul ul li{display:block}
.toggle + a,.menu,nav ul ul li:hover > ul,nav ul li:hover > ul{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%}
nav ul li,nav ul ul li{width:100%}
#menu-btn:checked ~ .nav-links{left:0%}
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,nav ul li ul li .toggle,nav ul ul a{background-color: #ffc}	
nav ul ul .toggle,nav ul ul a{padding:0 2em}
nav a:hover{text-decoration:underline}
nav ul li ul li .toggle,nav ul ul a{padding:0.75em 3em;color:#00f}		
nav ul ul{position:static;color:#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{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{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}
}