@font-face {
    font-family: 'Alex Brush';
    font-style: normal;
    font-weight: 400;
    src: url("/fonts/Alex_Script.woff2") format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Alex Brush';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/Alex_Script2.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/opsans-i-400.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/opsans-i-400-2.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/opsans-i-700.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/opsans-i-700-2.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/opsans-400.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/opsans-400-2.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/opsans-700.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/opsans-700-2.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
    font-family:'Glyphicons Halflings';
    src:url(/fonts/glyphicons-halflings-regular.eot);
    src:url(/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
        url(/fonts/glyphicons-halflings-regular.woff) format('woff'),
        url(/fonts/glyphicons-halflings-regular.ttf) format('truetype'),
        url(/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

* {  font-family: "Open Sans";  }
body{ background-color: seashell;
    background: radial-gradient(circle, rgba(249,238,223,1) 0%, rgba(207,231,212,1) 50%, rgba(228,243,255,1) 100%);
    background: radial-gradient(circle, rgba(249,238,223,1) 0%, rgba(207,231,212,1) 50%, rgba(180,208,231,1) 100%);
    background-attachment: fixed;
    min-height: 100%;
}

#tpheader{background-color:#fff; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.navbar-brand{font-size: 2.6rem;  color: maroon;  margin-bottom: -1rem;  padding-bottom: 0;  padding-top: 0;  margin-top: -1rem;}
.navbar-brand span{ position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal;
                    font-weight: 100; line-height: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
                    font-size: 1.3rem; top:15px; margin-left:-8px;}
.navbar-brand span:before {  content: "\e064";  }
.logo{font-family: 'Alex Brush', cursive;color:maroon;font-size:3rem;margin-right: 1.5rem;}
.filtercontainer{overflow-y: scroll; height:200px; font-size:0.8rem;margin-right:2rem;padding-right:1rem;border:1px solid silver;padding-left:1rem;}
.filterelem{min-height: 1rem;}
.ghl{cursor:pointer;}

.footer{padding:10px;background-color:#333;color:#fff;position: fixed;bottom: 0;}
.footer a{color:#fff;font-size:12px;text-decoration: none; }

.tinte, .zubehoer{margin:10px 3px; border-radius:5px; padding:5px;border:1px solid silver;max-width:162px;background-color: #fff;}
.tinte h6, .zubehoer h6 {font-size:.9rem;font-style: italic; margin-bottom:.2rem;color: #638de4; font-weight: 700;}
.tinte .p1, .zubehoer .p1{margin-bottom: .4rem;min-height:1rem;font-size: .85rem}
.zubehoer .p1e {height: 8px;  padding: 0;  margin: 0;}
.zwrap{height: 145px;  border: 1px solid white;  padding: 0;  margin: 0;}
.iwrap{height: 70px;  border: 1px solid white;  padding: 0;  margin: 0;}
.tinte .p2, .zubehoer .p2{margin-bottom: .2rem;font-size:.82rem;font-weight: 700;line-height:1.1}
.tinte .p3, .zubehoer .p3{margin-bottom: .2rem;font-size:.8rem;font-weight: 400;}
.tinte .p3 p, .zubehoer .p3 p {margin-top:2px; margin-bottom: 2px;}
.zprc {font-size: .8rem;position: relative;  top: -3px;}
.zoom img {width:150px;box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 12px 0px, rgba(0, 0, 0, 0.3) 0px 3px 7px 0px;}
.vfgb{font-size:0.72rem;position: relative;top:10px;}
.vfgbz .vfgb{top:2px;}
.vfgb span{font-weight: 700;}
.ppml {font-size: 0.55rem;display:block;}
.wkbct select{font-size:.8rem;}
.atci, .atcz{border:none;padding:0;margin:0;background: transparent;height:35px; width:35px;position: relative; top:1px;}
.wkbct .atci:disabled span{color:silver;border-color:silver;}
.atcn{font-size: .75rem;  width: 40px;padding: 0px 3px; position: relative;top:-2px;}
.maxw {max-width:800px;background-color: #fff;  padding: 1px 0px;margin-top:-30px;}
.maxw h3{margin:60px 0 20px;width:100%;text-align: center;}
.mabo35 {margin-bottom: 35px;}
#warenkorb, .wksymbol{
    font-family: 'Glyphicons Halflings';  font-size: 1.6rem;
    color: white;  padding: 2px 14px;  border-radius: 40px;
    background-color: maroon;
    cursor: pointer;
}
.wksymbol{background-color:#fff; color:green; border:1px solid green; border-radius: 3px;}

.glyphicon-shopping-cart{    font-family: 'Glyphicons Halflings';  font-size: 1.1rem;
    background-color: #f9f9f9;  color: #606060;
    padding: 6px 8px;  border-radius: 26px;  border: 1px solid #aaa;
    position: relative;  top: 1px;}
#warenkorb:before, .glyphicon-shopping-cart:before, .wksymbol:before{  content:"\e116";  }

.modal-body h3 {
    font-size:1.1rem;
}
#wkcontent, #wkabill, #wkadeliver, #ifo { padding: 20px 8px; box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 27px -5px, rgba(0, 0, 0, 0.3) 0px 2px 16px -8px; background-color:#fff; }
#wkabill, #wkadeliver, #ifo {padding: 20px 16px;}
#wkt td {padding:4px 14px 4px 0;vertical-align: bottom;}
#wkt th {text-align: center;}
#wkt .wktar {text-align: right;}

#wkt td.deltd, #wkt th.deltd {padding:5px 5px 0 0;vertical-align: top;}
.delI, .delZ {font-family: 'Glyphicons Halflings';text-decoration: none;color:maroon;}
.delI:before, .delZ:before { content:"\e014";}

.form-label{margin-bottom:0; font-size: .9rem;}
#wkabill .form-control, #wkadeliver .form-control {padding: .275rem .75rem;font-size:.95rem;}

.labelpreview {max-width:500px;margin:0 auto;border: 1px solid darkgrey;}


@media (min-height: 400px) {
    .filtercontainer{height:268px;}
}

#kaufresultat {padding: 70px 10px 20px 30px;}
#wkifo {position: absolute;  font-size: 12px;  padding-left: 8px;  margin-top: 15px;  padding-right: 3px;  background-color: maroon;  border-radius: 10px;}