/* coypright: Touch Art, Kiel, www.touchart.de */
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; font-size:100%;height:100%;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;}
body{line-height:1.5;color:var(--txt);background:var(--white);height:100%;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;}
body,textarea,input,select,option,button{font-family:"Roboto",sans-serif;font-size:14px;font-size:0.875rem;font-weight:normal;font-weight:300;}
textarea,input,select,option{-webkit-border-radius:0;}
.clearfix:after{content:".";clear:both;display:block;visibility:hidden;height:0;}
img,svg{border:none;vertical-align:middle;}
b,strong,.txtbold{font-weight:bold;font-weight:500;}
a{color:var(--links);text-decoration:none;transition:all 0.3s ease;}
a:hover{color:var(--high);text-decoration:underline;}
a:active{color:var(--activ);background:transparent;}
a.agrey,a.agrey:hover,a.agrey:active{color:var(--txt);text-decoration:none;}
a,a:focus,input:focus,input:focus-within,textarea:focus,textarea:focus-within,select:focus-within,select:focus-visible{outline:none !important;box-shadow:0 0 0;}
h1{font-size:21px;font-size:1.3125rem;}
h1,h2,h3,h4,h5{font-weight:300;}
::selection{color:var(--txtwhite);background-color:var(--high);}
.txtl{text-align:left;}
.txtc{text-align:center;}
.txtr{text-align:right;}
.txtnowrap{white-space:nowrap;}
.txt11{font-size:0.6875rem;}
.txt12{font-size:12px;font-size:0.75rem;}
.txt13{font-size:12px;font-size:0.75rem;}
.txt14{font-size:14px;font-size:0.875rem;}
.posabs{position:absolute;}
.posrel{position:relative;}
.brc100,.br3-1,.br3-2,.brc50,.brl50,brl33{width:100%;}
.brl50{margin:0 auto;}
.brc25,.brc33,.brc40,.brc60,.brc75,.br50{width:50%;}
.br30{width:30%;}
.br70{width:70%;}
.hfull{height:100%;}
.wmax360{max-width:360px;}
.wmax400{max-width:400px;}
.flexdisplay{display:-webkit-flex;display:flex;display:-ms-flex;display:-ms-flexbox;}
.flexjuspa{-webkit-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify;}
.flexjustr{-webkit-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start;}
.flexjuend{-webkit-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:end;}
.flexjucent{-webkit-justify-content:center;justify-content:center;-ms-flex-pack:center;}
.flexalstr{-webkit-align-items:stretch;align-items:stretch;-ms-flex-align:stretch;}
.flexalcent{-webkit-align-items:center;align-items:center;-ms-flex-align:center;}
.flexwarp,.flexwrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.flexcol{flex-direction:column;}
.order1{order:1;}
.order2,.formorder form{order:2;}
.order3{order:3;}
.order4{order:4;}
.order5{order:5;}
.order6{order:6;}
.order7{order:7;}
.order8{order:8;}
.flussl{float:left;}
.fitimgcover{object-fit:cover;object-position:center center;}
.mtxsh{margin-top:4px;margin-top:0.25rem;}
.mtsh{margin-top:8px;margin-top:0.5rem;}
.mtmh{margin-top:16px;margin-top:1rem;}
.mtlh{margin-top:32px;margin-top:2rem;}
.mtxlh{margin-top:48px;margin-top:3rem;}
.mtxxlh{margin-top:64px;margin-top:4rem;}
.mbxsh{margin-bottom:4px;margin-bottom:0.25rem;}
.mbsh{margin-bottom:8px;margin-bottom:0.5rem;}
.mbmh{margin-bottom:16px;margin-bottom:1rem;}
.mblh{margin-bottom:32px;margin-bottom:2rem;}
.mbxlh{margin-bottom:48px;margin-bottom:3rem;}
.mbxxlh{margin-bottom:64px;margin-bottom:4rem;}
.mlxs{margin-left:0.25rem;}
.mls{margin-left:0.5rem;}
.mrxs{margin-right:0.25rem;}
.mrs{margin-right:0.5rem;}
.mrm{margin-right:1rem;}
.mrxm{margin-right:1.5rem;}
.mlss{margin-left:0.625rem;}
.mrss{margin-right:0.625rem;}
.plxsh{padding:4px 0 0 0;padding:0.25rem 0 0 0;}
.plsh{padding:8px 0 0 0;padding:0.5rem 0 0 0;}
.plmh{padding:16px 0 0 0;padding:1rem 0 0 0;}
.pllh{padding:32px 0 0 0;padding:2rem 0 0 0;}
.plxlh{padding:48px 0 0 0;padding:3rem 0 0 0;}
.plxxlh{padding:64px 0 0 0;padding:4rem 0 0 0;}
.pssnh,.plistnh{padding:0 10px 0 10px;padding:0 0.625rem 0 0.625rem;}
.pssxsh{padding:4px 10px 0 10px;padding:0.25rem 0.625rem 0 0.625rem;}
.psssh{padding:8px 10px 0 10px;padding:0.5rem 0.625rem 0 0.625rem;}
.pssmh{padding:16px 10px 0 10px;padding:1rem 0.625rem 0 0.625rem;}
.psslh,.psslhxl{padding:32px 10px 0 10px;padding:2rem 0.625rem 0 0.625rem;}
.pssxlh{padding:48px 10px 0 10px;padding:3rem 0.625rem 0 0.625rem;}
.pssxxlh{padding:64px 10px 0 10px;padding:4rem 0.625rem 0 0.625rem;}
.errorall{padding:0.625rem;color:var(--txtwhite);background:var(--error);}
.okall{padding:0.625rem;color:var(--txtwhite);background:var(--ok);}
.txtgreen{color:var(--ok);}
.txtred{color:var(--error);}
.txtwhite,.txtwhite:hover{color:var(--txtwhite);}
.txtgrey,.txtgrey:hover{color:var(--txtmidgrey);}
.boxsizecontent{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.hyphensnone{-ms-hyphens:none;-webkit-hyphens:none;hyphens:none;}
.txtellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.btnformfull,
.btnlink,
.btnsubform,
.btnsublink{display:block;padding:6px 20px 6px 20px;padding:0.375rem 1.25rem 0.375rem 1.25rem;line-height:32px;line-height:2rem;font-size:14px;font-size:0.875rem;font-weight:400;text-align:center;text-decoration:none;cursor:pointer;border:none;border-radius:3px;transition:all 0.2s ease;}

.btnformfull,
.btnsubform{-webkit-appearance:none;-webkit-border-radius:3px;}

.btnformfull,
.btnlink{min-width:8rem;background-color:var(--btn);color:var(--txtwhite);transition:all 0.25s ease;white-space:nowrap;}
.btnsubform,
.btnsublink{background-color:var(--lstrowsbg);color:var(--txt);transition:all 0.25s ease;white-space:nowrap;}

.trackbox .btnsublink{background-color:var(--trackbtnsubgrey);}
.btnsubadr{font-weight:normal;line-height:1.6rem;margin:0 10px 0 0;margin:0 0.625rem 0 0;min-width:8.5rem;}
.btninfo{width:30%;min-width:8.5rem;padding:2px 20px 2px 20px;padding:0.125rem 1.25rem 0.125rem 1.25rem;margin:20px auto 0 auto;margin:1.25rem auto 0 auto;font-weight:300;line-height:1.6rem;font-size:0.875rem;}
.btnformfull:hover,.btnlink:hover{background-color:var(--btnover);color:var(--txtwhite);text-decoration:none;}
.btnformfull:active,.btnlink:active{background-color:var(--btnactive);color:var(--txtwhite);text-decoration:none;}
.btnsubform:hover,.btnsublink:hover{background-color:var(--btnover);color:var(--txtwhite);text-decoration:none;}
.btnsubform:active,.btnsublink:active{color:var(--txtwhite);background-color:var(--btnactive);text-decoration:none;}
button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner{cursor:pointer;border-width:0;}
.ipfull,.txtfull,.selfull,.dvarianten select{-webkit-appearance:none;width:100%;padding:8px 3px 8px 10px;padding:0.5rem 0.1875rem 0.5rem 0.625rem;color:var(--txtdarkgrey);background-color:var(--txtwhite);border:1px solid var(--bordertopmid);border:0.0625rem solid var(--bordertopmid);-webkit-border-radius:3px;border-radius:3px;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
.selfull,.dvarianten select{background-image:url('arrowdown.svg');background-position:center right 8px;background-repeat:no-repeat;}
.txtfull{height:160px;height:10rem;}
.ipfull:invalid,.txtfull:invalid,.selfull:invalid{border:1px solid var(--error);border:0.0625rem solid var(--error);box-shadow:0 0 0 var(--white);}
.ipfull:valid,.txtfull:valid,.selfull:valid{border:1px solid var(--bordertopmid);border:0.0625rem solid var(--bordertopmid);}
.ipfull:focus,.selfull:focus,.txtfull:focus{border:1px solid var(--txt);background-color:var(--white);}
.ipinfo:focus{border:1px solid var(--error);background-color:var(--lockedbg);}
::placeholder{color:var(--bordermid);}
.iplstfilter{width:calc(100% - 53px);}
.boxlstfilter::after{content:url('filter.svg');background-color:var(--btn);position:absolute;bottom:0;left:calc(100% - 88px);width:auto;height:1.25rem;padding:9px 10px 6px 10px;border-top-right-radius:3px;border-bottom-right-radius:3px;cursor:pointer;}
.boxlstfilter:hover::after{background-color:var(--btnover);}
.filterreset{width:45px;cursor:pointer;}
.filterreset svg{width:auto;height:1.25rem;}
.filterreset:hover svg path{fill:var(--rot);}
.filterreset:active svg path{fill:var(--btnactive);}

#bestellsuchbox .filterreset{right:0.5rem;}
.btnformnormlink{-webkit-appearance:none;-webkit-border-radius:0;background:transparent;border:none;padding:0;cursor:pointer;color:var(--black);font-size:14px;font-size:0.875rem;transition:all 0.3s ease;}
.btnformnormlink:hover{color:var(--high);background:transparent;text-decoration:underline;}
.btnformnormlink:active{color:var(--activ);background:transparent;text-decoration:underline;}
.btnw80{width:80%;min-width:auto;margin:2rem 10% 0 10%;}
.btnwm{width:100%;min-width:auto;max-width:25rem;margin:2rem auto 0 auto;}
.btnwl{width:100%;max-width:11rem;}
.btnnxticon{padding:0.375rem 1.75rem 0.375rem 1.25rem;background-image:url('arrownext-wht.svg');background-position:center right 8px;background-repeat:no-repeat;}
.btnnxticonblk{background-image:url('arrownext.svg');}
.btnnxticon:hover{padding:0.375rem 1.75rem 0.375rem 1.25rem;background-image:url('arrownext-wht.svg');background-position:center right 8px;background-repeat:no-repeat;}
.btnbackicon{padding:6px 20px 6px 28px;padding:0.375rem 1.25rem 0.375rem 1.75rem;background-image:url('arrowprev.svg');background-position:center left 8px;background-repeat:no-repeat;}
.btnbackicon:hover{padding:6px 20px 6px 28px;padding:0.375rem 1.25rem 0.375rem 1.75rem;background-image:url('arrowprev-wht.svg');background-position:center left 8px;background-repeat:no-repeat;}
.btnbackiconblk{padding:6px 20px 6px 28px;padding:0.375rem 1.25rem 0.375rem 1.75rem;background-image:url('arrowprev-wht.svg');background-position:center left 8px;background-repeat:no-repeat;}
.btnbackiconblk:hover{padding:6px 20px 6px 28px;padding:0.375rem 1.25rem 0.375rem 1.75rem;background-image:url('arrowprev-wht.svg');background-position:center left 8px;background-repeat:no-repeat;}
a[target="_blank"],.newtab{padding-right:1.25rem;background-image:url('new-tab.svg');background-position:center right;background-repeat:no-repeat;}
a[target="_blank"]:hover,.newtab:hover{padding-right:1.25rem;background-image:url('new-tab-over.svg');background-position:center right;background-repeat:no-repeat;}
a[target="_blank"]:active,.newtab:active{padding-right:1.25rem;background-image:url('new-tab-active.svg');background-position:center right;background-repeat:no-repeat;}
.dsbox{position:relative;}
.dsformbez{padding:0 0 0 24px;padding:0 0 0 1.5rem;margin:-24px 0 0 0;margin:-1.5rem 0 0 0;cursor:pointer;display:block;}
.dsradio:checked,.dsradio:not(:checked){background:transparent;position:relative;opacity:0;margin:0;padding:0;width:16px;width:1rem;height:16px;height:1rem;}
.dsradio:checked + .dsformbez::before,.dsradio:not(:checked) + .dsformbez::before{position:absolute;top:0; left:0;margin:auto;content:"";content:url('checkbox-unchecked.svg');}
.dsradio:checked + .dsformbez::before{content:url('checkbox-checked-active.svg');}
.dsradio:not(:checked):hover + .dsformbez::before,
.dsradio:not(:checked):focus + .dsformbez::before{content:url('checkbox-unchecked-active.svg');}
.dsradio:not(:checked) + .dsreq::before{content:url('checkbox-unchecked-red.svg');}
.topline{border-top:1px solid var(--bordernorm);border-top:0.0625rem solid var(--bordernorm);}
.botline{border-bottom:1px solid var(--bordernorm);border-bottom:0.0625rem solid var(--bordernorm);}
.toplinegrey{border-top:1px solid var(--bordertopmid);border-top:0.0625rem solid var(--bordertopmid);}
.botlinegrey{border-bottom:1px solid var(--bordertopmid);border-bottom:0.0625rem solid var(--bordertopmid);}
.boxradius{border-radius:3px;}
.cpoint{cursor:pointer;}
.boxmax{max-width:800px;margin:0 auto;}
.nodisplay{display:none;}
.indisplay,.ptinline,.ptinline div,.ptinline p{display:inline;}
.inbldisplay{display:inline-block;}
header,main,footer,.bldisplay{display:block;}
.mhno,.flexdm,.flexds,.flexdxs{display:none;}
.mhyes{display:inline;}
.mobilview{display:block;}

#itbBOP2SC3710{position: fixed; bottom: 0.5rem; z-index:1; opacity: 0.8; right:45vw;}
.fixed_button{position:absolute !important;margin-bottom: -35px;}