/* poppins-regular - latin */
@font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('https://www.balewo24.de/fonts/poppins-v21-latin-regular.woff2') format('woff2'), url('https://www.balewo24.de/fonts/poppins-v21-latin-regular.ttf') format('truetype'); }
/* poppins-600 - latin */
@font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('https://www.balewo24.de/fonts/poppins-v21-latin-600.woff2') format('woff2'), url('https://www.balewo24.de/fonts/poppins-v21-latin-600.ttf') format('truetype'); }
/* poppins-800 - latin */
@font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 800; src: url('https://www.balewo24.de/fonts/poppins-v21-latin-800.woff2') format('woff2'), url('https://www.balewo24.de/fonts/poppins-v21-latin-800.ttf') format('truetype'); }

:root {
 --weiss:255,255,255;
 --schwarz:0,0,0;
 --grau:208,217,226;
 --grauB:205,210,219;
 --grau2:200,205,210;
 --grau3:75,95,118;
 --akzent:0,0,51;
 --akzentB:0,51,102;
 --xakzent:95,31,0;
 --akzentI:237,216,194;
 --rot:200,0,0;
 --gruen:0,177,0;
 --gelb:222,111,0;
 interpolate-size: allow-keywords;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit;font-size: 100%; font-family: inherit; vertical-align: baseline; }
html, body, input, select, textarea, button{ font-family: Poppins; font-size:100%; color:rgb(var( --schwarz)); }
html, body{ background:rgb(var(--weiss)); line-height:1.4em; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote::after, q:before, q::after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
b,strong,.bold { font-weight:600; }
i{font-style:italic; }
.linethrough{ text-decoration: line-through; }
img{ max-width:100%; image-rendering: -webkit-optimize-contrast; }
.nov{ display:none; }
video{ max-width:100%; }
.nobr{ white-space: nowrap; }
a{ text-decoration:none; color:rgb(var( --akzentB)); }
.tacenter{text-align:center !important;}
.taleft{text-align:justify !important;}
.tajust{text-align:justify !important;}
.taright{text-align:right !important;}
.clear{ clear:both; }
.cpointer{ cursor:pointer; }
.fcenter{ align-items: center !important; }
.div_il{ display:inline-block; }
.allwrapper{ overflow-x:clip; }
.bodywrapper{ position:relative; background: rgb(var(--weiss)); left:0; transition: all ease-in-out .3s; }
.allwrapper.showmenu .bodywrapper{ filter:contrast(.5); left:min(25em , 85vw); }

body:has(.allwrapper.showmenu){ overflow:hidden; }
body:has(.agallery.fs){ overflow:hidden; }

.cba{ max-width:1200px;margin:auto; }
.cba .logo{ width: 16em; display: inline-block; margin: 1em; fill:rgb(var(--akzentB)); }
.cba .logo .logosymbol{ fill:rgb(var(--akzent)); }
.cba  .btn1{ font-size:1.2em; display:inline-block; width:12em; padding:.6em 0;background:rgb(var(--akzentB)); color:rgb(var(--weiss)); text-align:center; border-radius:.2em; margin:.5em; cursor:pointer; }

.menuwrapper{ display:block; position:fixed; top:0; left:0em; width:min(25em , 85vw); height:100dvh; background:rgb(var( --akzent)); transform:translateX(-100%); transition: all ease-in-out .3s; }
.menuwrapper .closemenu{ padding:1em; }
.menuwrapper .closemenu img{ width:1.5em; padding:.4em; background:rgb(var(--weiss)); border-radius:100%; cursor:pointer; }
.menuwrapper .menu2{ color:rgb(var(--weiss)); margin:0 1em; padding:1em; overflow: auto; height: calc(100dvh - 10em); }
.menuwrapper .menu2 .cat{ display:none; }
.menuwrapper .menu2 .cat.active{ display:block; }
.menuwrapper .menu2 .cat li{ margin:1.6em 0; }
.menuwrapper .menu2 .cat li.topcat{ font-size:1.1em; }

.menuwrapper .menu2 .cat .title{ font-weight:bold; margin-bottom:1.2em; }
.menuwrapper .menu2 .cat a{ color:rgb(var(--w)); }

.allwrapper.showmenu .menuwrapper{ transform:translateX(0%); }

.bggrau{ background:rgb(var(--grau)); }
.bgweiss{ background:rgb(var(--weiss)); }

.fullwidth{ max-width:min(1440px, 90%); position:relative; margin:auto; }
.bar1{ color:rgb(var(--weiss)); background: rgb(var(--akzent)); position:relative; padding:.8em 1em; position:sticky; top:0; z-index:101; box-shadow:0 .4em .4em rgba(var(--schwarz),.1); }
.bar1 .countrysel{ display:inline-block; }
.bar1 .countrysel .countryimg{ filter:unset; width:1em; height:1em; border-radius:1em; object-fit:cover; }
.bar1 .countrysel .countrysel2{ display:none; position:absolute; background:rgb(var(--grau)); z-index:9999999; box-shadow:0 .4em .4em rgba(var(--schwarz),.1); width: 17em; text-align:center; margin-left:-11em; }
.bar1 .countrysel .countrysel2 .countryimg{ width:3em; height:2em; border-radius:.2em; margin:.5em; opacity:.6; transition: all ease-in-out .3s; }
.bar1 .countrysel .countrysel2 .countryimg:hover{ opacity:1; }
.bar1 .countrysel:hover .countrysel2{ display:block; }
.bar1 .mail{  }
.bar1 .phone{  }
.bar1 a{ color:rgb(var(--weiss)); }
.bar1 a:hover{ color:rgba(var(--weiss),.7); }
.bar1 img{ height:1em; margin: -.2em 0 0 1.2em; vertical-align: middle; filter:invert(); }
.bar1 .mmenu{ display:inline-block; width:1.7em; vertical-align: middle; }
.bar1 .mmenu div{ display:block; height:.19em; background:rgb(var(--weiss)); margin:.19em; }
.bar1 .menuitem{ font-weight: 600; text-transform: uppercase; font-size: 1.2em; display:inline-block; vertical-align: middle; cursor:pointer; cursor:pointer; }
.bar1 .menuspace{ display:inline-block; vertical-align: middle; margin:0 .8em; width:2px; height:1.3em; background:rgb(var(--akzent)); }

header{ position:relative; z-index:2; padding:.8em 0; }
header .fullwidth{ display:flex; align-items: center; }
header .logo{ width:18em; }
header .icons .icon{ display:inline-block; text-align:center; margin:.5em; color:rgb(var(--schwarz)); cursor:pointer; }
header .icons .icon img{ display:block; margin:auto; width:2em; border:1px solid rgb(var(--grau2)); border-radius:50%; padding:.5em; }
header .icons .icon .img svg{ display:block; margin:auto; width:2em; height:2em; border:1px solid rgb(var(--grau2)); border-radius:50%; padding:.5em; }
header .icons .icon span{ display:block; margin:auto; margin-top:.5em; font-size:.8em; }
header .icons .icon:hover{ color:rgb(var(--akzent)); }
header .icons .icon:hover .img svg{ fill:rgb(var(--akzent)); }
header .search{ flex: 1; position:relative; }
header .search input[type="text"]{ border:1px solid rgb(var(--schwarz)); width:calc(100% - 4em - 2px); margin:1em; line-height:2.6em; padding:0 1em; border-radius:calc(1.3em + 2px); }
header .search input[type="text"]:focus{ outline:none; }
header .search input[type="image"]{ position:absolute; top:50%; filter:invert(1); transform:translateY(-50%); right: calc(1.1em + 1px); width: 1.5em; background:rgb(var(--akzentI)); border-radius:100%; padding:.4em; }

.menu{ background:rgb(var(--weiss)); box-shadow:0 .4em .4em rgba(var(--schwarz),.1); position:relative; z-index:1; padding:.8em 0; }
.menu .mmenu{ display:inline-block; width:1.7em; vertical-align: middle; }
.menu .mmenu div{ display:block; height:.19em; background:rgb(var(--schwarz)); margin:.19em; }
.menu .menuitem{ font-weight: 600; text-transform: uppercase; font-size: 1.2em; display:inline-block; vertical-align: middle; cursor:pointer; }
.menu .menuspace{ display:inline-block; vertical-align: middle; margin:0 .8em; width:2px; height:1.3em; background:rgb(var(--akzent)); }
.header{ position:relative; width:100%; aspect-ratio:4; margin-bottom:1em; }
.header .fullwidth{ display: flex; align-items: center; padding-top: .8em; }
.header .headerimg{ position:absolute; width:100%; height:calc(100% - 1em); object-fit:cover; filter:brightness(.85); }
.header h1{ color:rgb(var(--weiss)); display:block; position:relative; text-transform: uppercase; position:absolute; bottom:2em; font-size: 3.5em; font-weight: 600; text-shadow: 0 .1rem .3rem rgba(var(--schwarz), .3); }
.header .usps{ max-width:min(1440px, 98%); left:calc( ( 100vw - min(1440px, 98%) ) / 2 ); z-index:2; display:flex; gap:2em; position:absolute; bottom:0; width:100%; }
.header .usp{ background:rgb(var(--weiss)); box-shadow:0 .3em .5em rgba(var(--schwarz),.1); flex:1; font-weight:600; padding: .5em 1em; line-height: 2em; border-radius:2em; }
.header svg{ width:1.7em; fill:rgb(var(--akzent)); vertical-align:middle; margin-right:.5em; }
.header .logo{ width:18em; position:relative; filter:invert(1) brightness(10) drop-shadow( 0 .1rem .3rem rgba(var(--schwarz), .3)); }
.header .icons{ position:relative; }
.header .icons .icon{ display:inline-block; text-align:center; margin:.5em; color:rgb(var(--schwarz)); cursor:pointer; filter: drop-shadow(0 .1rem .3rem rgba(var(--schwarz), .3)); }
.header .icons .icon img{ display:block; margin:auto; width:2em; border:1px solid rgb(var(--grau2)); border-radius:50%; padding:.5em; }
.header .icons .icon .img svg{ display:block; margin:auto; width:2em; height:2em; border:1px solid rgb(var(--grau2)); border-radius:50%; padding:.5em; background: rgb(var(--weiss)); }
.header .icons .icon span{ display:block; margin:auto; margin-top:.5em; font-size:.8em; background: #fff; border-radius: 2em; padding: .1em 1em; margin-top: -.6em; }
.header .icons .icon:hover{ color:rgb(var(--akzent)); }
.header .icons .icon:hover .img svg{ fill:rgb(var(--akzent)); }
.header .search{ flex: 1; position:relative; }
.header .search input[type="text"]{ border:1px solid rgb(var(--schwarz)); width:calc(100% - 4em - 2px); margin:1em; line-height:2.6em; padding:0 1em; border-radius:calc(1.3em + 2px); box-shadow: 0 .1rem .3rem rgba(var(--schwarz), .3); }
.header .search input[type="text"]:focus{ outline:none; }
.header .search input[type="image"]{ position:absolute; top:50%; filter:invert(1); transform:translateY(-50%); right: calc(1.1em + 1px); width: 1.5em; background:rgb(var(--akzentI)); border-radius:100%; padding:.4em; }

.aheader{ position:relative; width:100%; background:rgb(var(--weiss)); padding:.5em 0; }
.aheader .fullwidth{ display: flex; align-items: center; padding: .8em 0; }
.aheader .headerimg{ position:absolute; width:100%; height:calc(100%); object-fit:cover; filter:brightness(.85) blur(1px); top:0; opacity:.4; }
.aheader svg{ fill:rgb(var(--akzentB)); vertical-align:middle; margin-right:.5em; }
.aheader .logo{ width:18em; position:relative; fill:unset; }
.aheader .logo .logosymbol{ fill:rgb(var(--akzent)); transition: all ease-in-out .3s; }
.aheader.anion .logosymbol{ fill:rgb(var(--akzent)); }
.aheader .logotext{ opacity:0; transition: all ease-in-out .3s; }
.aheader.anion .logotext{ opacity:1; }

.aheader .icons{ position:relative; }
.aheader .icons .icon{ display:inline-block; text-align:center; margin:.5em; color:rgb(var(--schwarz)); cursor:pointer; }
.aheader .icons .icon img{ display:block; margin:auto; width:2em; border:1px solid rgb(var(--akzent)); border-radius:50%; padding:.5em; }
.aheader .icons .icon .img svg{ display:block; margin:auto; width:2em; height:2em; border-radius:50%; padding:.5em; background: rgb(var(--weiss)); }
.aheader .icons .icon span{ display:block; margin:auto; margin-top:.5em; font-size:.8em; background: #fff; border-radius: 2em; padding: .1em 0; margin-top: -.6em; }
.aheader .icons .icon:hover{ color:rgb(var(--akzent)); }
.aheader .icons .icon:hover .img svg{ fill:rgb(var(--akzent)); }
.aheader .search{ flex: 1; position:relative; }
.aheader .search input[type="text"]{ border: 1px solid rgba(var(--schwarz), .2); width:calc(100% - 4em - 2px); margin:1em; line-height:2.6em; padding:0 1em; border-radius:calc(1.3em + 2px); }
.aheader .search input[type="text"]:focus{ outline:none; }
.aheader .search input[type="image"]{ position:absolute; top:50%; filter:invert(1); transform:translateY(-50%); right: calc(1.1em + 1px); width: 1.5em; background:rgb(var(--akzentI)); border-radius:100%; padding:.4em; }

.yah{ margin:0 0 1em 0; padding:1em 0; background:rgba(var(--akzent),0.1); font-size:.9em; }
.yah, .yah a{ color:rgba(var(--schwarz),.4); }

footer{ background:rgba(var(--akzent)); color:rgb(var(--weiss)); margin-top:3em; }
footer .fullwidth{ display:flex; }
footer .fullwidth .third{ flex: 1; }
footer .fullwidth .third:nth-child(2) img{ height:5em; }
footer .fullwidth .third:nth-child(3) img{ height:3.2em; border-radius: .4em; margin: .2em; }

footer .menu3 a{ display:block; }
footer h2{ font-size: 1.1em; padding: 2.5em 0 1.5em 0; font-weight: 600; }
footer a{ color: rgb(var(--weiss)); }
footer a:hover{ color: rgba(var(--weiss),.9); }
.trustami_textOnly_box{ color: rgba(var(--weiss),.8) !important; font-size:1.1em !important; }

.footerhint{ font-size:0.7em; }
.footerhint a{ color:rgb(var(--weiss)); }

.headmenu{ font-size:.9em; color: rgb(var(--grau3)); padding:.5em 0; }
.headmenu a { text-decoration: none; color: rgb(var(--grau3)); }

#iframedrucken{ height:0; border:none; position:absolute; }
.headmenu{ margin:0 0 1em 0; }

.ah1{ font-weight:700; font-size:1.8em; padding: 0; line-height: 1.4em; display:inline-block; vertical-align:middle; margin-right:.5em; }
.h1icons{ display:inline-block; white-space:nowrap; vertical-align:middle; }
.h1icons svg{ width: 1.8em; fill: rgb(var(--akzent)); margin:.2em .1em .1em .1em; cursor:pointer; transition: fill ease .8s; }
.h1icons svg:hover{ fill: rgb(var(--akzentB)); }
.ah2{ font-weight:600; font-size:1.4em; padding: 1.6em 0 .8em 0; line-height: 1.4em; }
.artnr{ padding: .4em 0; font-size:.9em; color:rgb(var(--grau3)); }
.aflex{ display:flex; gap:2em; margin:1em 0; flex-wrap: wrap; }
.aleft{ width:calc(70% - 2em); }
.aleft.shadow{ box-shadow: 0 .1em 1.7em rgba(var(--schwarz), .05); }
.aleft.border{ border: 1px solid rgb(var(--grau)); width: calc(70% - 2em - 2px); }
.agallery{ width:100%; display:flex; gap:2em; }
.agallery.fs{ position:fixed; top:1em; left:1em; width:calc(100% - 6em); height:calc(100dvh - 6em); z-index:200; background:rgb(var(--weiss)); box-shadow: 0 .1em 10em rgba(var(--schwarz), .8); padding: 2em; }
.agallery.fs .agallerybigi{ height:100%; aspect-ratio:unset; }
.agallery.fs .agalleryprvi{ margin-bottom: 1em; height: calc(25% - 2px - .75em); }
.agallery.fs .agalleryprvi.on{ margin-bottom: 1em; height: calc(25% - 4px - .75em); }
.agallery .close{ position: absolute; right: 1em; top: 1em; background: rgb(var(--akzent)); color: rgb(var(--weiss)); height: 2em; aspect-ratio: 1; text-align: center; line-height: 2em; font-weight: bold; border-radius: .2rem; z-index: 99; display:none; cursor:pointer; font-size:1.2em; }
.agallery.fs .close{ display:block; }
.agallerybig{ width:80%; position:relative; }
.agalleryprv{ width:20%; position:relative; block-size:100%; aspect-ratio:.4; aspect-ratio: .3685; overflow: auto; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; scroll-snap-type: y mandatory; }
.agalleryprvi{ width:calc(100% - 2px); height:calc(25% - 1em); border:1px solid rgb(var(--grau)); border-radius:.2rem; position:relative; margin-bottom: 1em; scroll-snap-align: start; cursor:pointer; }
.agalleryprv img{ display:block; width:calc(100%); height:calc(100%); position:absolute; object-fit:contain; }
.agalleryprvi.on img{ width:calc(100% - 4px); height:calc(100% - 4px); border:2px solid rgb(var(--akzent));}
.agallerybigi{ width:calc(100% - 2px); aspect-ratio:1.5; border:1px solid rgb(var(--grau)); border-radius:.2rem; position:relative; scroll-snap-type: x mandatory; overflow:auto; -ms-overflow-style: none; scrollbar-width: none; white-space: nowrap; }
.agalleryhint{ font-size:.8em; color:rgb(var(--grau2)); }
.agallerybig img{ width:calc(100%); height:calc(100%); object-fit:contain; display: inline-block; scroll-snap-align: start; vertical-align:bottom; }
.agalleryprev{ display:block; background: rgba(var(--weiss), .9); height:3.6em; aspect-ratio:1; position:absolute; left:1px; top:calc(50% - 1.8em); cursor:pointer; backdrop-filter: blur(2px); }
.agalleryprev:after{ content:' '; display:block; width:1em; aspect-ratio:1; border:4px solid rgb(var(--akzent)); border-right:0; border-bottom:0; transform: translateX(-36%) translateY(-50%) rotate(315deg); position: absolute; top: 50%; left: 50%; transition: all ease .3s; }
.agalleryprev:hover:after{ transform: translateX(-36%) translateY(-50%) rotate(315deg) scale(1.25); }
.agallerynext{ display:block; background: rgba(var(--weiss), .9); height:3.6em; aspect-ratio:1; position:absolute; right:1px; top:calc(50% - 1.8em); cursor:pointer; backdrop-filter: blur(2px); }
.agallerynext:after{ content:' '; display:block; width:1em; aspect-ratio:1; border:4px solid rgb(var(--akzent)); border-right:0; border-bottom:0; transform: translateX(-64%) translateY(-50%) rotate(135deg); position: absolute; top: 50%; left: 50%; transition: all ease .3s; }
.agallerynext:hover:after{ transform: translateX(-64%) translateY(-50%) rotate(135deg) scale(1.25); }
.aright{ width:30%; z-index: 100; }
.aprice{ position: sticky; top: 4em; transform:scale(0.5); opacity:0; transition: all ease-in-out .3s; }
.aprice.anion{ transform:scale(1); opacity:1; }
.aprice .euro{ font-size:.8em; }
.apricebox{ background:rgba(var(--grau),.2); border-radius:.2rem; padding:1em; border:1px solid rgb(var(--grau)); }
.apricebox .korb{ box-sizing: border-box; color:#fff; display:block; padding:.7em; text-align:center; width:100%; border:none; border-radius:.2rem; background: rgb(var(--akzent)); font-size: 1.1em; line-height:1.5em; cursor:pointer; }
.apricebox .korb:hover{ filter:contrast(0.8) brightness(1.2); }
.aprice .preis{ text-align:right; line-height: 1.4em; }
.aprice .preis .elabel{ margin:.4em 0; display:inline-block; }
.aprice .preis .elabel .db{ vertical-align:middle; display:inline-block; padding:0 .4em 0 .4em; margin-left:.4em; background:rgba(var(--schwarz),.1); height:1.5em; line-height:1.5em;}
.aprice .preis .elabel .db a{ color:rgba(var(--schwarz),.6); font-size:.8em; }
.aprice .preis .elabel .label{ display:inline-block; vertical-align:middle; height:1.5em; }
.aprice .preis .elabel .label img{ height:1.5em; vertical-align:middle; }
.aprice .preis.center{ text-align:center; }
.aprice .vkpreis{ display:inline-block; font-size:1.8em; font-weight:700; }
.aprice .vkpreis2{ display:inline-block; font-size:1.4em; font-weight:700; }
.aprice .preisAlt{ text-decoration: line-through; margin-right:.5em; font-size:1em; font-weight:normal; color:rgb(var(--grau3)); }
.aprice .preisplus{ font-size:.9em; color:rgb(var(--grau3)); }
.aprice .menge{ float:left; user-select: none;  }
.aprice .menge input{ width:2em; border:1px solid rgba(var(--grau)); padding: 0 .5em; line-height:2.5em; }
.aprice .menge .pm{ display:inline-block; background:rgb(var(--weiss)); line-height:2.5em; width:2em; text-align:center; cursor:pointer; border:1px solid rgba(var(--grau)); }
.aprice .menge .pm:hover{ background:rgb(var(--w2)); }
.aprice .menge .pm:first-child{ border-right:none; }
.aprice .menge .pm:last-child{ border-left:none; }
.aprice .vkfrei{ background:rgb(var(--weiss)); font-size:.9em; border-radius:.2rem; padding:.4em; margin:.5em 0; }
.aprice .bgredh2{ background:rgb(var(--rot)); font-size:.9em; border-radius:.2rem; padding:.4em; margin:.5em 0; color:rgb(var(--weiss)); }
.aprice .bggreenh2{ background:rgb(var(--gruen)); font-size:.9em; border-radius:.2rem; padding:.4em; margin:.5em 0; color:rgb(var(--weiss)); }
.aprice .bgyellowh2{ background:rgb(var(--gelb)); font-size:.9em; border-radius:.2rem; padding:.4em; margin:.5em 0; color:rgb(var(--weiss)); }
.aprice .bgredh2{ background:rgb(var(--rot)); font-size:.9em; border-radius:.2rem; padding:.4em; margin:.5em 0; color:rgb(var(--weiss)); }
.aprice .korbdiv .img{ fill:rgb(var(--weiss)); width:1.6em; display:inline-block; vertical-align:middle; margin: -.2em .5em 0 0; }
.aprice .korbdiv .img svg{ display:block; }
.aprice .vkfrei .img{ fill:rgb(var(--gruen)); width:1.6em; display:inline-block; vertical-align:middle; margin: -.2em .5em 0 0; }
.aprice .vkfrei .img svg{ display:block; }
.aprice .frage{ display:block; background:rgb(var(--weiss)); font-size:.9em; border-radius: .2rem; padding: 1em; border: 1px solid rgb(var(--grau)); cursor:pointer; margin: 1em 0;}
.aprice .frage img{ float:left; border-radius:3em; height:5.2em; width:5.2em; margin-right:1em; }
.aprice .frage h2{ font-weight:600; font-size: 1.4em; padding: 0; line-height: 1.4em; }
.aprice .frage span{ display: block; color: rgb(var(--akzent)); font-weight:600; }
.adesc{ overflow:hidden; transition: max-height 1s; position:relative; max-height:max-content; }
.adesc.hide{ max-height:25em; }
.adesc.hide::after{ content:' '; display:block; position:absolute; bottom:0; width:100%; height:5em; background: linear-gradient(0deg, rgba(var(--weiss),1) 0%, rgba(var(--weiss),0) 100%); }
.adescswitch{ display:block; text-align:center; cursor:pointer; color:rgb(var(--akzent)); font-weight:bold; font-size:.9em; padding:1em 0; }
.adesci{ font-size:.9em; }
.adesci ul{ list-style: disc; margin: 0 0 0 2.5em; }
.adesci li{  }
.adesci table td{ padding:0 1em 0 0; }
.varianten a{ display:inline-block; border: 1px solid rgb(var(--grau)); border-radius: .2rem; margin:0 1em 1em 0; text-align:center; color:rgb(var(--schwarz)); opacity:.6; position:relative; overflow:hidden; background: rgb(var(--grau)); padding: 1em; }
.varianten a.on, .varianten a:hover{ opacity:1; }
.varianten a img{ width:11em; aspect-ratio:1; object-fit:contain; display:block; transition: all ease .3s; margin-bottom: 2em; mix-blend-mode: multiply; }
.varianten a:hover img{ transform:scale(1.1); }
.varianten a .text{ font-size:.9em; padding:.4em .8em; position:absolute; bottom:0; width:calc(100% - 1.6em); line-height:1.2em; background:rgba(var(--weiss),.9); left:0; opacity:.8; }

.amenuitem { text-decoration:none; display:inline-block; width:calc(25% - 2em); aspect-ratio:unset; margin:1em; position:relative; box-shadow: 0 .1em 1.7em rgba(var(--schwarz), .05); vertical-align:top; }
.amenuitem .img{ width:100%; aspect-ratio:1.6; background:rgba(var(--akzent),.05); }
.amenuitem img{ width:100%; height:100%; object-fit: contain; mix-blend-mode: multiply; }
.amenuitem:hover { }
.amenuitem .title{ text-align:center; font-size:0.9em; color:rgb(var(--schwarz)); margin:1em; line-height:1.2em; height:3.6em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.amenuitem .preis{ color:rgba(var(--schwarz),.7); font-weight:bold; font-size:1.2em; text-align:center; margin:1em 1em 0 1em; }
.amenuitem .preisAlt{ color:rgba(var(--schwarz),.7); text-decoration: line-through; font-weight:normal; margin-right:.5em; font-size:.9em; opacity:.4; }
.amenuitem .mwst{ color:rgba(var(--schwarz),.4); font-size:0.8em; line-height:1.2em; text-align:center; margin:0 1em; letter-spacing:-0.05em; }

.amenuitem .lieferzeitbggreen, .amenuitem .lieferzeitbgyellow, .amenuitem .lieferzeitbgred{ }
.xamenuitem .lieferzeitbggreen { color:#00aa00; }
.xamenuitem .lieferzeitbgred { color:#cc0000; }
.xamenuitem .lieferzeitbgyellow { color:#dd7700; }

.amenuitem .lieferzeitbggreen, .amenuitem .lieferzeitbgyellow, .amenuitem .lieferzeitbgred{ width:100%; text-align:center; color:#aaa; position:relative; bottom:0; font-size:.8em; height:2.6em; overflow:hidden; line-height:1.3em; letter-spacing: -0.05em; }
.amenuitem .lieferzeitbgred:before { content:' '; width:.6em; height:.6em; display:inline-block; background:rgb(222,0,0); margin:.2em .4em .2em .2em; border-radius:1em; }
.amenuitem .lieferzeitbggreen:before { content:' '; width:.6em; height:.6em; display:inline-block; background:rgb(0,222,0); margin:.2em .4em .2em .2em; border-radius:1em; }
.amenuitem .lieferzeitbgyellow:before { content:' '; width:.6em; height:.6em; display:inline-block; background:rgb(222,111,0); margin:.2em .4em .2em .2em; border-radius:1em; }

.amenuitem.animobj{ transform:scale(.7) translateY(1em); opacity:0; transition: all ease-in-out .3s; }
.amenuitem.anion{ transform:scale(1) translateY(0); opacity:1; }
.amenuitem:hover{ transform:scale(1.05); }

.amenuitem .labeldb{ margin:.5em 0; }
.amenuitem .elabel{ display:inline-block; }
.amenuitem .elabel img{ font-size:.9em; height:1.5em; vertical-align:middle; }
.amenuitem .dblatt{ padding:0 .4em; display:inline-block; vertical-align:middle; height:1.5em; line-height:1.5em; font-size:.9em; background:rgba(var(--schwarz),.1); color:rgba(var(--schwarz),.8); }

.categorie{ margin:1em 0; }
.categorie h3{ font-size:1.2em; margin:.5em 0; }
.categorie .subcat{ font-size: .95em; display:inline-block; background:rgb(var(--akzent)); color:rgb(var(--weiss)); padding:.2em .7em; margin:.2em; }

.hero{ position:relative; }
.hero img{ display:block; filter: brightness(1); height:33vw; width:100%; object-fit: cover; opacity:0; transition: all ease .5s; }
.hero.animobj.anion img{ opacity:1; }
.hero .darken{ position:absolute; top:0; left:0; height:33vw; width:100%; background: linear-gradient(0deg,rgba(0,0,0, .4) 0%, rgba(0,0,0, .4) 15%, rgba(0,0,0, 0) 100%); }
.hero .text{ color:rgb(var(--weiss)); position:absolute; max-width: 1440px; right: 50%; bottom:5%; padding: .8em 1.6em; text-align:left; transform:translateX(50%) scale(.6); opacity:0; transition: all ease .5s .5s; border-radius:1em; text-align:center; font-size:1.15em; }
.hero .text .h1{ font-weight:bold; font-size:1.7em; line-height:1.3em; margin:0 0 .5rem 0; }
.hero .text .h2{ font-size:1.2em; line-height:1.3em; padding:0; }
.hero .text .herobutton{ display:inline-block; margin:auto; background:rgb(var(--akzentB)); color:rgb(var(--weiss)); font-size:1.1em; padding:.5em 2em; margin:1rem 1em 0 1em; border-radius:.2em; }
.hero .text .herobutton2{ display:inline-block; margin:auto; background:rgb(var(--weiss)); color:rgb(var(--schwarz)); font-size:1.1em; padding:.5em 2em; margin:1rem 1em 0 1em; border-radius:.2em; }
.hero.animobj.anion .text{ transform:translateX(50%) scale(1); opacity:1; }
.hero .tr{ display:inline-block; margin-right:1em; margin:.5em; }
.hero .tr img{ height:1em; width:1em; display:inline-block; vertical-align:middle; filter: brightness(1); }

.cathero{ display:block; width:100%; position:relative; margin:0 0 1em 0;}
.cathero img{ display:block; filter: brightness(1); height:33vw; width:100%; object-fit: cover; opacity:0; transition: all ease .5s; }
.cathero.animobj.anion img{ opacity:1; }
.cathero h1{ color:rgb(var(--schwarz)); position:absolute; width: 100%; bottom:5%; padding: .5em 0; text-align:left; transform:translateX(50%) scale(.6); opacity:0; transition: all ease .5s .5s; text-align:center; font-size:1.6em; backdrop-filter: contrast(0.2) brightness(1.6) blur(2px); right:50%; }
.cathero.animobj.anion h1{ transform:translateX(50%) scale(1); opacity:1; }

.rub4{ display:flex; flex-wrap: wrap; gap: 2em; margin:1em 0; }
.rub4>div{ width:calc(50% - 1em); position:relative; aspect-ratio:1.8; }
.rub4>div img{ position:absolute; width:100%; height:100%; object-fit:cover; }
.rub4>div .bg{ position:absolute; width:100%; height:100%; background: linear-gradient(0deg, rgba(var(--schwarz), .7) 15%, rgba(var(--schwarz), 0) 60%); }
.rub4>div .text{ position:absolute; bottom:1em; left:1em; color:rgb(var(--weiss)); max-width:66%; }
.rub4>div .text h3{ font-weight:bold; }
.rub4>div .text a{ background:rgb(var(--weiss)); color:rgb(var(--schwarz)); padding:.5em 1em; display:inline-block; margin:.5em 0 0 0; }
.rub4>div img{ opacity:0; transition: all ease .8s; }
.anion .rub4>div img{ opacity:1; }
.rub4>div .text{ transform:translateX(-4em); opacity:0; transition: all ease .8s .5s; }
.anion .rub4>div .text{ transform:translateX(0); opacity:1; }

.usps{ xbackground:rgba(var(--akzent),.08); padding:3em 0; }
.usps h2{ color:rgb(var(--akzent)); margin-bottom:.5em; padding:1em 0; }
.usps p{ margin-bottom:3em; }
.usps .flex{ display:flex; }
.usps .usp{ width:25%; text-align:center; padding:0 3em; }
.usps .usp img{ display:block; margin:auto; width:min(30% , 5em); margin-bottom:1em; padding:1em; transition: transform ease 1s; transform:scale(.3) rotate(-180deg);}
.usps.anion .usp img{ transform:scale(1) rotate(0deg); }
.catsprv, .catsnxt{ display:none; }

.reviews{ xbackground:rgba(var(--akzent),.08); padding:3em 0; }
.reviews h2{ color:rgb(var(--akzent)); margin-bottom:.5em; padding:1em 0; }
.reviews p{ margin-bottom:3em; }
.reviews .flex{ display:flex; }
.reviews .review{ width:33%; margin:1%; text-align:center; padding:3em; background: rgb(var(--grau), .2); box-shadow: 0 .1em 1.7em rgba(var(--schwarz), .05); }
.reviews .review img{ display:block; margin:auto; width:min(66% , 20em); margin-bottom:1em; padding:1em; transition: all ease 1s; opacity:0; border-radius:100%; }
.reviews.anion .review img{ opacity:1;; }
.reviews .stars svg{ width:1.5em; fill:rgb(var(--gelb)); margin:.1em; }

.artikelselI{ margin:1em 0; }

.cpac{ border: 1px solid rgba(var(--schwarz), .2); border-radius: 1em; padding: .5em; box-sizing: border-box; box-shadow: 0 .3em 1.5em rgba(var(--schwarz), .3); position:absolute;background:rgb(var(--weiss)); z-index:100; display:none; }
.cpac a { display:block; text-decoration:none; color:rgb(var(--schwarz)); padding:.2em .6em; }
.cpac a:hover { background:rgb(var(--akzent)) !important; color:rgb(var(--weiss)) !important; }

.popupbg { position:fixed; display:block; width:100%; left:0px; top:0px; right:0px; bottom:0px; z-index:1100; background:rgba(var(--grau2),.95); backdrop-filter:blur(4px); }
.popupbg2 { position:fixed; display:flex; left:0px; top:0px; width:100%; height:100vh; z-index:1100; text-align:center; align-items: center; justify-content: center; }
.popup { position:relative; background:rgb(var(--weiss)); box-shadow:0 .1em 2em rgba(var(--schwarz),.1); border-radius:.2em; text-align:left; }
.popup .head { padding:1em 4em 1em 1.5em; font-weight:600; background:rgba(var(--akzent),1); color:rgb(var(--weiss)); border-radius:.2em .2em 0 0; }
.popup .body { padding:1em; max-height: calc(100vh - 10em); overflow:auto; }
.popup .body h1{ font-weight:bold; margin:0 0 1.2em 0; }
.popup .body h2{ font-weight:bold; margin:2.4em 0 1.2em 0; }
.popup .body p{ margin:1em 0 1em 0; }
.popup form label{ font-size:1em; margin:1em 0 0 0; display:block; }
.popup form input[type="text"]{ width:100%; border:1px solid #aaaaaa; background:#ffffff; padding:1px; }
.popupclose { position:absolute; right:1em; top:1em; width:1.2em; height:1.2em; cursor:pointer; vertical-align:middle; fill:rgb(var(--weiss)); }
.popup table { border-collapse:collapse; width:100%; }
.popup tr {  }
.popup td { padding:1em; vertical-align:middle; }
.popup td img{ border-radius:.2em; }
.popup th { padding:1em; border-bottom:1px solid rgba(var(--schwarz),.1); text-align:left; }
.popup table .right{ text-align:right; }
.popup .foot { padding:.4em; background:rgba(var(--akzent),1); color:rgb(var(--weiss)); border-radius:0 0 .2em .2em; text-align:right; }
.popup .foot a { display:inline-block; padding:.8em 1.5em; background:rgb(var(--akzentB)); text-decoration:none; color:rgb(var(--weiss)); border-radius:.2em; }
.popup .foot a svg{ fill:rgb(var(--weiss)); display: inline-block; height: 2em; vertical-align: middle; margin: -1em .5em -1em -.5em; }
.xpopup .foot a:last-child { padding:.8em 1.5em .8em 3em; background:rgb(var(--akzent)) url('https://daten.balewo24.de/pics/wagenw.png') no-repeat .5em .9em; background-size:1.9em 1.3em; text-decoration:none; color:rgb(var(--weiss)); }
.popup .foot .button { border:0px; padding:1em; background:#f56531; text-decoration:none; color:#ffffff; border-radius:2pxx; }
.popup .foot a:hover { filter: contrast(0.8) brightness(1.2); }

.wkadd img{ max-width: 12em; }

.cphint { position:absolute; background:rgb(var(--akzentB)); color:rgb(var(--weiss)); padding:1.2em; z-index:2000; border-radius:.4em; box-shadow:0px 1px 4px rgba(0,0,0,0.2); display:inline-block; cursor:pointer; }

.searchfilter{ border: 1px solid rgb(var(--grau2)); border-radius: .4em; display: inline-block; max-height: 3em; overflow: hidden; margin: .5em; cursor:pointer; position:relative; }
.searchfilter .arrow{ position:absolute; right:0; }
.searchfilter.showFilter .arrow{ transform:rotate(180deg); }
.searchfilter b{ display:block; padding: .8em 2.8em .8em 1.2em; }
.searchfilter>div{ padding: .8em 1.2em; }
.searchfilter.showFilter{ max-height:unset; }
.searchfilterButton{ display:inline-block; background: rgb(var(--grau)); color: rgb(var(--schwarz)); padding:.7em 2em; border-radius: .2rem; margin:.5em 0; cursor:pointer; }
.searchfilterButton:hover{ background: rgb(var(--akzent)); color: rgb(var(--weiss)); }
.searchfilters{ margin:.5em; }

.button{ display:inline-block; background: rgb(var(--akzent)); color: rgb(var(--weiss)); padding:.7em 2em; border-radius: .2rem; margin:.5em 0; cursor:pointer; }
.button:hover{ filter: contrast(0.8) brightness(1.2); }

@media only screen and (max-width: 640px){
	body{ font-size:.8em; }
	.fright .mail, .fright .phone{ display:none; }
	.aheader .fullwidth{ flex-wrap:wrap; }
	.aheader .logo{ order: 1; width:60%;  }
	.aheader .search{ order: 3; width:100%; }
	.aheader .icons{ order: 2; width:40%; }
	.aheader .icons{text-align: right; }
	.aheader .icons .icon{ font-size:1em; margin:.2em; }
	.aheader .icons .icon span{ display:none; }
	.ah1{ font-size:1.2em; }
	.aflex{ display:block; }
	.aleft { width: calc(100%); }
	.aleft.border{ width: calc(100% - 2px); }
	footer { padding-bottom: 25em; }
	footer .fullwidth { display: block; }
	.agalleryprv{ display:none; }
	.agallerybig { width: 100%; }
	.aright{ position: fixed; bottom: 0; top:unset; width:100%; background:rgb(var(--weiss)); left:0; }
	.aright .frage{ display: none; }
	.widget_container_overlay{ display:none; }
	.amenuitem { width:calc(100% - 2em); }
	.rub4>div{ width:calc(100%); position:relative; aspect-ratio:1.8; }
	.rub4>div .bg{ background: linear-gradient(0deg, rgba(var(--schwarz), .8) 15%, rgba(var(--schwarz), .2) 90%); }	
	.catsprv, .catsnxt { padding: .8em; aspect-ratio: 1; height: 1em; line-height: .9em; position: absolute; z-index: 10; background: rgba(var(--grau), .3); border-radius: 100%; bottom: calc(50% - 2.2em); display: block; }
	.catsnxt{ right:0em; left:unset; }	
	.usps{ padding:2em; }
	.usps .flex{ flex-wrap: wrap; display: block; width: 100%; overflow: auto; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; scroll-snap-type: x mandatory; scroll-behavior: smooth; }
	.usps .flex .usp{ display: inline-block; width: calc(100% - 2em); padding: 1em; white-space: normal; scroll-snap-align: center; vertical-align:top; }

	.reviews{ padding:2em; }
	.reviews .flex{ flex-wrap: wrap; display: block; width: 100%; overflow: auto; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; scroll-snap-type: x mandatory; scroll-behavior: smooth; }
	.reviews .flex .review{ display: inline-block; width: calc(100% - 2em); padding: 1em; white-space: normal; scroll-snap-align: center; vertical-align:top; }

	.hero .text{ width:90vw; }
	.hero .text .h1{ font-size:1.2em; }
	.hero .text .h2{ font-size:1em; }
	.hero img, .hero .darken{ height:55vh; }

	.cathero img{ height:50vw; }
	.cathero h1{ position:relative; bottom:unset; padding: .5em; text-align:left; transform: scale(.6); backdrop-filter: none; right:unset; }
	.cathero.animobj.anion h1{ transform:scale(1); }


	.wkadd table{ display:block; }
	.wkadd tr{ display:flex; flex-wrap: wrap; align-items: center; }
	.wkadd tr td, .wkadd tr th{ display:inline-block; flex-basis: 100%; padding:.5em; }

	.wkadd tr th{ display:none; }
	.wkadd tr td:nth-child(1) { order: 2; }
	.wkadd tr td:nth-child(2) { order: 1; }
	.wkadd tr td:nth-child(3) { order: 2; text-align:left; flex-basis: unset; }
	.wkadd tr td:nth-child(4) { order: 2; display:none; }
	.wkadd tr td:nth-child(5) { order: 2; display:none; }
	.wkadd tr td:nth-child(6) { order: 3; text-align:left; flex-basis: unset; }
	.popup .foot{ text-align:center; }


}


.a-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------{}

.achtung { -webkit-animation: blink 1s ease-in-out infinite; -moz-animation: blink 1s ease-in-out infinite; animation: blink 1s ease-in-out infinite; text-align:center;  font-size:1.2em; line-height:80px; background:#ffff00; color: #ff7777; font-weight:bold; margin-bottom:50px;}
@keyframes blink {      0% { color: #ff7744; font-size:1.2em;  }    50% { color: #ff0000; font-size:1.3em; }}
@-webkit-keyframes blink { 0% { color: #ff7744; font-size:20px; } 50% { color: #ff0000; font-size:1.3em; }}

.ytiframe{ margin:1em 10%; width: 80%; aspect-ratio: 1.6; }

#ticker1{ position:fixed; top: 0; height:1.5rem; width:100%; background:#fff; }
#ticker1outer{ display:block; width:100%; height:1.5rem; }
#ticker1inner{ position:absolute; top:0; left:0; background:rgba(255,255,255,0.9); line-height:1.5rem; white-space:nowrap; overflow:hidden; }
.textstreifen{ display: block; width: calc(100% - 0.8em); background: #ffeb00; padding: 0.4em; margin: 0 0 1em 0; }

.menubutton{ display:none; }
.nobr{  white-space: nowrap;  }
.mobilenav{display:none;}
.mobilenavbg{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 7000;background: #aaa;opacity: 0;transition: opacity ease .3s, visibility .3s 1s;visibility: hidden;}
.mobilenavbgon {position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 7000;background: #aaa; opacity: .9;transition: opacity ease .3s;visibility: visible;}
.mobilenav .active {left: 0vw;z-index: 140000 !important;}
.mobilenav ul {position: fixed;top: 0;left: 0;max-height: calc(100vh - 1px);z-index: 12000;background: #ffffff;overflow: auto;width: calc(100%);border-bottom: 1px solid #bbbbbb;left: -120vw;transition: all ease .3s;}
.mobilenav img{max-width:100%;}
.mobilenav .a{padding: 1em 2.5em 1em 1em;border-bottom: 1px solid #bbb; border-top: 1px solid #eee; border-bottom: 0;display: block;color: #000000;text-decoration: none; background:url('https://daten.balewo24.de/pics/menu_r.png') no-repeat; background-size:auto 1em; background-position:calc(100% - 1em) center; }
.mobilenav .sum{ background:#f3f3f3;font-size:.9em;padding:.1em .4em; border-radius:1.2em; color:#666;margin:0 .4em; display: inline-block; border: 0; text-decoration:none; }
.mobilenav .top{padding: 1em;border-bottom: 1px solid rgb(200,195,190); border-top: 1px solid #eee; display: block;color:#666;text-decoration: none; background:#f3f3f3; font-weight:boold;}
.mobilenav .close{padding: 1em 1em 1em 2.5em;border-bottom: 1px solid rgb(200,195,190); border-top: 1px solid #eee; display: block;color:#666;text-decoration: none; font-weight:boold; background:url('https://daten.balewo24.de/pics/menu_l.png') #f3f3f3 no-repeat; background-size:auto 1em; background-position:1em center; }
.mobilenav .close div{ width: 0;height: 0;border-top: .6em solid transparent;border-bottom: .6em solid transparent;border-right: 1.1em solid #666; display:inline-block; vertical-align:middle;margin-right:1em; }
.mobilenav .close2{ position: absolute;right: .5em;top: .5em;height: 2.5em;}
.mobilenav .a img{ max-height: 1em;margin: 0 .5em 0 0; }
.mobilenav b{font-size:.9em;}
.mobilenav .m_social{text-align:right; border-top: 1px solid #eee;}
.mobilenav .m_social a{margin:.2em; display:inline-block;}
.mobilenav .m_social img{ max-height:2em; }
.mobilenav .m_suche{ border-top: 1px solid #eee; padding:0 1em; }
.mobilenav .m_suche img{ max-height:1em; margin:1em .5em 1em 0; vertical-align:middle; }
.mobilenav .m_suche input[type="text"]{ border-radius:1em 0 0 1em; border:1px solid #f3f3f3; border-right:0; width:calc(100% - 9.5em); background:#f3f3f3; padding:0 .5em; }
.mobilenav .m_suche input[type="submit"]{ background:#666666; border-radius:0 1em 1em 0; color:#fff; border:1px solid #f3f3f3; left:0;  width:6em; text-align:center; }


.nopt { padding-top:.5em; }

.merken_div { height:100%; min-width:33%; max-width:500px; position:fixed; right:0px; top:0px; z-index:1999; background:#ffffff; box-shadow:0px 1px 10px rgba(0,0,0,0.2); padding:0; margin:0 5% 0 5%; overflow:auto }
.merken_div .close { display:block; color:rgb(var(--weiss)); background:rgb(var(--akzent)); font-weight:bold; text-align:center; padding:0.5em; text-decoration:none; }

select { box-sizing:content-box; }
b,strong, .bold { font-weight:bold; }
.center { text-align:center; }
i { font-style:italic; }
sup { vertical-align: super; font-size: smaller; }

.clear{ clear:both; }

.bgred { border-left:20px solid #dd0000; }
.bggreen { border-left:20px solid #00dd00; }
.bgyellow { border-left:20px solid #ffbb00; }
.bgblue { border-left:20px solid #0000dd; }
.bggray { border-left:20px solid #dddddd; }
.bgredh { color:#990000; font-weight:bold;}
.bggreenh { color:#009900; font-weight:bold;}
.bgyellowh { color:#ff8800; font-weight:bold;}
.bgblueh { color:#000099; font-weight:bold;}

.bgredh2 { color:#888888; font-size:0.8em; background-image:url('https://daten.balewo24.de/pics/led_rot.jpg'); padding:0 0 0 10px; background-repeat:no-repeat; background-position: center left; }
.bggreenh2 { color:#888888; font-size:0.8em; background-image:url('https://daten.balewo24.de/pics/led_gruen.jpg'); padding:0 0 0 10px; background-repeat:no-repeat; background-position: center left; }
.bgyellowh2 { color:#888888; font-size:0.8em; background-image:url('https://daten.balewo24.de/pics/led_orange.jpg'); padding:0 0 0 10px; background-repeat:no-repeat; background-position: center left; }


.flip { animation-name: flip; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode:forwards; }
@keyframes xxxflip { 0%{background-color: #ffffff; transform: rotate3d(0,0,0,0); opacity:1; } 100%{background-color: #fafafa; transform: rotate3d(2,1,0,90deg) scale(0.5); opacity:0.5;} }
@keyframes flip { 0%{background-color: #ffffff; transform: rotate3d(0,0,0,0); opacity:1; } 50%{background-color: #fafafa; transform: rotate3d(0,0,0,0) scale(0.9); opacity:0.5;} 100%{background-color: #fafafa; transform: rotate3d(0,0,0,90deg) scale(0.5); opacity:0;} }
.flipb { animation-name: flipb; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode:forwards; }
@keyframes flipb { 0%{ opacity:1; margin-left:0px; } 100%{ opacity:0; margin-left:20px; } }
.flip2 { animation-name: flip2; animation-duration: 1s; animation-iteration-count: 1; animation-fill-mode:forwards; }
@keyframes flip2 { 0%{background-color: #fafafa; transform: rotate3d(0,0,0,0deg); opacity:1; display:block; } 50%{background-color: #fafafa; transform: rotate3d(0,0,0,0deg); opacity:1; display:block; } 100%{background-color: #ffffff; transform: rotate3d(0,0,0,0); opacity:1; display:block; } }
.flip2b { animation-name: flip2b; animation-duration: 1s; animation-iteration-count: 1; animation-fill-mode:forwards; }
@keyframes flip2b { 0%{ opacity:0; margin-left:-20px; } 100%{ opacity:1; margin-left:0px; } }

.sl_leftbtn { width:3em; height:3em; margin-top:-1.5em; background:url('https://daten.balewo24.de/pics/left.png'); background-size:100% 100%; position:absolute; top:50%; left:1em; cursor:pointer; opacity:.8; transition:0.4s ease-in-out; }
.sl_rightbtn { width:3em; height:3em; margin-top:-1.5em; background:url('https://daten.balewo24.de/pics/right.png'); background-size:100% 100%; position:absolute; top:50%; right:1em; cursor:pointer; opacity:.8; transition:0.4s ease-in-out; }
.sl_leftbtn:hover,.sl_rightbtn:hover { opacity:1; }

#laender { position:fixed; left:max( 5vw, calc( 50vw - 600px )); top:40px; z-index:102; cursor:pointer; overflow:hidden; max-height:3em; max-width:10em; background:rgba(251,251,251,1); }
#laender .title{ display:none; }
#laender .title2{ display:block; }
#laender:hover{ max-height:30em; max-width:25em; box-shadow:0 0.1em 0.4em rgba(0,0,0,0.4); padding:.5em; }
#laender img{ max-height:1.8em; margin:.2em;  }
#laender:hover img{ margin:.5em; border:1px solid #bbb; }
#laender a img{ display:none; }
#laender:hover a img{ display:inline-block; }
#laender:hover .title{ display:block; }
#laender:hover .title2{ display:none; }


.fwidth { width:90%; max-width:1200px; margin:auto; position:relative; background:#ffffff; border:10px solid #ffffff; border-width:0 10px; }
#toolbar .fwidth, #menu .fwidth, #foot .fwidth { background:none; border:0; }
#toolbar { border-bottom:0.1em solid #eee; position:relative; background:#006d95; font-size:1.05em; text-align:right; z-index:101; position:fixed; width:100%; top:0px;  }
#toolbar #mail { color:#fff; text-decoration:none; padding:0.2em 0.6em 0.3em 2em; display:inline-block; background:url("https://daten.balewo24.de/pics/mail2.png") no-repeat 0.5em 50%; background-size: auto 1.1em;}
#toolbar #mail:hover { background-color:%acolor%; color:#000; background-image:url("../pics/mail.png"); }
#toolbar #phone { color:#fff; text-decoration:none; padding:0.2em 0.6em 0.3em 2em; display:inline-block; background:url("https://daten.balewo24.de/pics/phone2.png") no-repeat 0.5em 50%; background-size: auto 1.1em;}
#toolbar #phone:hover { background-color:%acolor%; color:#000; background-image:url("https://daten.balewo24.de/pics/phone.png"); }
#toolbar .xstart { position:absolute; left:0; top:0; background:%acolor%; color:#ffffff; text-decoration:none; padding:0.4em 0em; z-index:100; text-align:center; min-width:105px; box-shadow:0 0.1em 0.1em rgba(0,0,0,0.2); }
#toolbar .buttons { display:inline-block; position:absolute; left:0; top:0; z-index:100; }
#toolbar .buttons a { background:%acolor%; color:#ffffff; text-decoration:none; padding:0.4em 0.8em; z-index:100; text-align:center; box-shadow:0 0.1em 0.1em rgba(0,0,0,0.2); display:inline-block; }
#head { border-bottom:0.1em solid #ded9d4; height:8em; position:relative; background:rgba(251,251,251,1); z-index:100; position:fixed; width:100%; top:25px; }
#head .fwidth { background:none; border-color:rgba(251,251,251,1);}
#head #social { position:absolute; left:10px; top:65px; z-index:100; }
#head #social img{ max-width:2.4em; margin:2px; border-radius:3em; }
#head #logo { width:32em; position:absolute; left:45%; margin-left:-16em; top:0.65em; text-align:center; }
#head #logo img{ height:7em; }
#head #korb { position:absolute; right:0; top:2.8em; padding:0.4em 0.7em 0.4em 2.4em; text-decoration:none; color:#fff; border-bottom:0.1em solid #ccc7c2; background:#00b2b2 url("https://daten.balewo24.de/pics/wagen2.png") no-repeat 0.5em 50%; background-size: auto 1.5em; }
#head #korb:hover { background-color:%acolor%; color:#ffffff; background-image:url("https://daten.balewo24.de/pics/wagen2.png"); }
#head #p_merken { position:absolute; right:3em; top:0.65em; padding:0.2em 0.5em; text-decoration:none; cursor:pointer; }
#head #p_merken:hover { border-bottom:0.1em solid #ccc7c2; }
#head #p_merken span { vertical-align:middle; padding:0em 0.1em 0 0.1em; }
#head #p_merken img { width:1.2em; vertical-align:middle; padding:0em 0.1em 0 0.1em; }
#menu { border-bottom:0.3em solid #ccc7c2; position:relative; background:rgb(0,109,149); z-index:100; position:fixed; width:100%; top:154px; }
#menu .menuswitch{ display:none; }
#menu .menuitem{ display:inline-block; color:#fff; }
#menu .menuitem #submenu{ position:absolute; left:0px; background:#ffffff; box-shadow:0 0.2em 0.4em rgba(0,0,0,0.3); width:97%; padding:0; max-height:0px; overflow:hidden; opacity:0; transition:0.4s ease; transition-delay:0.2s; }
#menu .menuitem:hover #submenu{ max-height:10000px; opacity:1; width:97%; padding:1%; }
#menu .menuitem .menuitema{ display:inline-block; padding:0.9em; margin:0.1em; color:#fff; text-decoration:none; text-transform: uppercase; }
#menu .menuitems{ display:block; color:#666666; position:absolute; top:-45px; right:0px; border:1px solid #dddddd; background:#f3f3f3; padding:0.05em; }
#menu .menuitems input[type="text"]{ padding:0.4em; margin:0em 0em; display:inline-block; color:#666666; text-decoration:none; border:0; width:250px; vertical-align:top; }
#menu .menuitems input[type="submit"]{ padding:0.4em 0.4em; margin:0em; display:inline-block; text-decoration:none; text-transform: uppercase; border:0; background:#00b2b2; color:#fff; }

#menu .menuitem h2 { color:%acolor%; padding:0.5em 0.9em 0.9em 0.9em; font-weight:bold; font-size:0.9em; border-bottom:0.1em solid %acolor%; width:30%; margin-bottom:0.5em; }
#menu .submenuitem { display:inline-block; width:30% }
#menu .submenuitem .submenuitema{ display:inline-block; width:96%; padding:0.5em 2%; margin:0.1em; color:#666666; text-decoration:none; text-transform: none; font-size:0.95em; }
#menu .submenuitem .submenuitema:hover {background:#eeeeee; color:#666666; }
#menu .menuitem #suche{ position:absolute; right:0px; background:#ffffff; box-shadow:0 0.2em 0.4em rgba(0,0,0,0.3); padding:0; max-height:0px; overflow:hidden; opacity:0; transition:0.4s ease; transition-delay:0.2s; }
#menu .menuitem:hover #suche{ max-height:10000px; opacity:1; padding:1%; overflow:visible; }
#menu .menuitem #suche input[type="text"] { width:32em; padding:0.2em; border:1px solid #dddddd; }
#menu .menuitem #suche input[type="button"] { padding:0.3em; border:0; cursor:pointer; font-weight:bold; font-size:0.9em; }
#menu .menuitem a:hover{ background:%acolor%; color:#ffffff; }
#menu .menuitem:hover .menuitema{ background:%acolor% !important; color:#ffffff !important ; }
.fright { float:right; }
.right { text-align:right; }
#main .fwidth { padding:13.5em 0 3em 0; min-height:500px;}
.m_head { width:100%; padding-bottom:45.8%; position:relative; overflow:hidden; height:0px; }
.sl900 { float:left;cursor:pointer;width:75%; height:100%; position:absolute; }
.sl900b { float:left;cursor:pointer;width:900px; height:366px; position:relative; }
.div900 { display:inline-block; xfloat:left;max-width:900px; position:relative; vertical-align:top; }
.div300 { display:inline-block; xfloat:left;width:280px; position:relative; vertical-align:top; padding:0 20px 0 0; }
#headright { display:block; position:absolute; width:calc(25% - 5px); right:0px; top:0px; }
#headright .cont { width:100%; height:0; overflow:hidden; padding-bottom:calc(62% - 3px); margin-bottom:5px; position:relative; }
#headright img { width:100%; height:100%; position:absolute; }
h1 { font-weight: 700; font-size: 1.8em; padding: 0; line-height: 1.4em; }
.div300 h1 { font-size:1.4em; padding:1em 0 0.5em 0.5em; border-bottom:1px solid %acolor%; margin-bottom:0.5em; }
.h2, h2 { font-size:1.3em; padding:2em 0 0.5em 0; }
#foot { min-height:200px; border-top:0.1em solid #eee; background:#f3f3f3; padding:0 0 2em 0; }

#main .text h1{ font-weight:bold; font-size:1.8em; }
#main .text h2{ font-weight:bold; font-size:1.4em; padding:2em 0 1em 0; }
#main .text h3{ font-weight:bold; font-size:1.3em; padding:2em 0 1em 0; }
#main .text p{ margin:.8em 0; }
#main .text ol{ list-style-type:decimal; margin:.8em 0 .8em 1em; }
#main .text ul{ list-style:disc; margin:.8em 0 .8em 1em; }
#main .text ul li, #main .text ol li{ padding:.2em 0 .2em 0; }
#main .text ul.check{ list-style-type: "\2714"; }
#main .text ul.check li{ padding:.2em 0 .2em .5em; }
#main .text li{}

#bottomlinks {  }
#bottomlinks div { width:calc(20% - 5px); height:0; padding-bottom:13.32%; margin:5px 5px 5px 0; display:inline-block; position:relative; }
#bottomlinks div:nth-child(5n) { margin:5px 0px 5px 0; }
#bottomlinks img { width:100%; height:100%; position:absolute; }
#bottomlinks span { display:block; position:absolute; bottom:0px; right:0px; background:rgba(122,122,122,0.8); padding:2px 4px; width:228px; color:#ffffff; }

.bmenuitem { text-decoration:none; display:inline-block; width:90%; margin:0.5em 5% 0 5%; position:relative; transition:0.1s ease-in-out; padding-bottom:0.5em; border-bottom:1px solid %acolor%; }
.bmenuitem img{ width:100px; float:left; }
.bmenuitem .title{ color:#444444; font-size:1em; line-height:18px; position:relative; margin:10px; display:block; }
.bmenuitem .preis{ color:rgb(var(--akzent)); font-weight:bold; font-size:1.1em; line-height:18px; position:relative; margin:10px 10px 0px 10px; display:block; }
.bmenuitem .preisAlt{ color:#aaaaaa; text-decoration: line-through; font-weight:normal; margin-right:10px; }
.bmenuitem .mwst{ color:#999999; font-size:0.8em; line-height:18px; letter-spacing:-0.5px; }
.bmenuitem .lieferzeit{ padding:3px 3px 2px 3px; font-size:0.9em; text-align:center; color:#444444; background:#e3e3e3; position:absolute; bottom:0px; right:0px; width:172px; }
.merken_div .del { width:90%; margin:0 5% 0.5em 5%; cursor:pointer; }

.div900 .amenuitem { text-decoration:none; display:inline-block; width:215px; height:400px; overflow:hidden; margin:12px 5px; position:relative;  }
.div900 .amenuitem:hover { border:1px solid %acolor%; margin:11px 4px 12px 4px; }

.rubrikbilder img { width:219px; height:146px; margin:8px 8px 8px 0px; }
.rubrikbilder a:nth-child(4n) img{ margin-right:0px !important; }

.leftmenu { padding:0 0.5em; }
.leftmenu .leftmenu { padding:0 0 0 1em; }
.leftmenu a { padding:0.1em 0.3em 0.1em 0.3em;display:block; text-decoration:none; color:#666666 !important; line-height:1.6em; font-size:0.98em; background:url('https://daten.balewo24.de/pics/lm1b.png') no-repeat right center; 0; }
.leftmenu .leftmenu a{ display:block; text-decoration:none; color:#666666;  }
.leftmenu .leftmenu .leftmenu a{ display:block; text-decoration:none; color:#666666; }
.leftmenu .sel1 { color:#666666; font-weight:bold; font-size:0.96em; }
.leftmenu .sel2 { color:%acolor% !important; font-weight:bold; font-size:0.96em; border-bottom:1px solid %acolor%; background:url('https://daten.balewo24.de/pics/lm1a.png') no-repeat right center; }
.leftmenu a:hover{ background-color:#f3f3f3; 0; }

.seiten { padding:0 0 .5em 0; margin:1em; text-align:right; }
.seiten a{ display:inline-block; color:rgb(var(--schwarz)); text-decoration:none; padding:.5em 1em; text-align:center; font-size:0.9em; background:rgb(var(--grau)); margin:1px; }
.seiten a:hover { background:rgb(var(--akzent)); color:rgb(var(--weiss)); }
.seiten .on { background:rgb(var(--akzent)); color:rgb(var(--weiss)); font-weight:bold; padding:.5em 1.1em; }

#artikel #gallery { width:300px; display:inline-block; vertical-align:top; position:relative; }
#artikel #gallery .anm { font-size:0.8em; color:#aaaaaa; text-align:center; }
#artikel #galleryp { display:none; }
#artikel #galleryp img { margin:10px; }
#artikel #galleryimg { background:#ffffff; width:300px; height:300px; overflow:hidden; }
#artikel #gallerysel { width:300px; text-align:center; padding:8px 0px; }
#artikel #gallerysel img { margin:3px; cursor:pointer; }
#artikel .varianten { margin:0px 0px 20px 0px; }
#artikel .varianten h3 { font-size:15px; font-weight:bold; margin:0px 0px 10px 0px; }
#artikel .variante{ display:inline-block; margin:5px 15px 15px 5px; background:#ffffff; border:1px solid #ffffff; text-decoration:none; font-size:13px; position:relative; width:140px; height:100px; }
#artikel .variante .text{ position:absolute; left:0px; bottom:0px; padding:3px; background:rgba(255,255,255,0.8); color:#444444; font-weight:bold; }
#artikel .on{ display:inline-block; border:5px solid %acolor%; margin:0px 10px 10px 0px; }
#artikel .variante img{ width:120px; vertical-align:center; }

#artikel .preisblock3 .zdiv { margin:5px; overflow:hidden; }
#artikel .preisblock3 .zdiv div { padding:0px 10px; }
#artikel .preisblock3 .zdiv div:hover {background:#cccccc; }
#artikel .preisblock3 label { cursor:pointer; }
#artikel .preisblock3 .zpreis { float:right; padding:3px 0px 0px 0px; }
#artikel .preisblock3 .zlink { display:block; float:right; padding:0px 0px 0px 0px; }
#artikel .preisblock3 .zdiv img{ max-height:20px; border-radius:2px; }
#artikel .preisblock1 .merkendiv { display:inline-block; vertical-align:middle; margin:0px 0px 10px 0px; }
#artikel .preis { display:inline-block; font-size:1.6em; font-weight:bold; color:%acolor%; margin:0.5em 0 0.5em 0; vertical-align:middle; }
#artikel .preisAlt{ color:#aaaaaa; text-decoration: line-through; font-weight:normal; margin-right:10px; }
#artikel .preisplus { display:inline-block; vertical-align:middle; margin:0px 0px 8px 0px; }
#artikel .mwst { font-size:12px; margin:0px 0px 2px 0px; }
#artikel .vkfrei { font-size:12px; display:inline-block; color:#ffffff; background:#009900; border-radius:2px; padding:2px 4px; margin:0px 0px 0px 0px; }
#artikel .cf { font-size:12px; margin:0px; cursor:pointer; }
#artikel p { margin:0px 0px 20px 0px; }
#artikel .lieferzeit { font-size:0.95em; }
#artikel .lieferzeit .text { vertical-align:middle; }
#artikel .lieferzeit img { float:left; height:6em; margin:0px 10px 0px 0px; vertical-align:middle; }

#artikelhead { width:590px; display:inline-block; vertical-align:top; margin:0 0 0 10px; }
.artikelheadf { width:854px !important; }
#artikelhead .artnr { font-size:0.8em; margin:0px; }
#artikelhead h1 { font-size:1.4em; padding:0.5em 0 1em 0; }
#artikelhead hr { height:0px; border:0;border-top:1px solid #dddddd; margin:1em 0; }

.social { background:#f3f3f3; font-size:0.8em; font-weight:bold; display:inline-block; cursor:pointer; padding:1px; margin:5px 0px 20px 0px; vertical-align:bottom; border:1px solid #dddddd; float:right; }
.social .text { display:inline-block; padding:5px 5px 0px 5px; }
.social img { vertical-align:top; margin:1px; max-width:22px !important; }
.merken { font-size:13px; font-weight:bold; display:inline-block; cursor:pointer; padding:4px 4px 4px 34px; margin:0px 0px 0px 15px; vertical-align:bottom; background:url('https://daten.balewo24.de/pics/merken.png') no-repeat; background-size:32px 32px; height:24px; }
.drucken{ font-size:13px; font-weight:bold; display:inline-block; cursor:pointer; padding:4px 4px 4px 34px; margin:0px 0px 0px 15px; vertical-align:bottom; background:url('https://daten.balewo24.de/pics/drucken.png') no-repeat; background-size:32px 32px; height:24px; }
.xxxxfrage{ font-size:13px; font-weight:bold; display:inline-block; cursor:pointer; padding:4px 4px 4px 34px; margin:0px 0px 0px 15px; vertical-align:bottom; background:url('https://daten.balewo24.de/pics/frage.png') no-repeat; background-size:32px 32px; height:24px; }

#headpreis { margin:0 0 0 10px; width:264px; display:inline-block; vertical-align:top; background:#f3f3f3; min-height:230px; padding:10px; }
#headpreis .anm { font-size:0.8em; color:#aaaaaa; margin:1em 0 0 0; }
#headpreis .korbdiv .menge { margin:1.5em 0 1.5em 0; }
#headpreis .korbdiv .pm { display:inline-block; color:#ffffff; background:%acolor%; width:20px; text-align:center; padding:2px 0px; cursor:pointer; }
#headpreis .korbdiv input[type="text"] { width:30px; border:1px solid #cccccc; background:#ffffff; margin:0px 5px; margin:0px 5px; text-align:center; }
#headpreis .korb { color:#ffffff; font-size:1.1em;  border:0px; padding:0.5em 0; cursor:pointer; background:%acolor%; background-size:30px 20px; text-align:center; width:100%; margin:0.5em 0 0.5em 0; }
#headpreis .korb:hover { background-color:#666666; } 


#artikelbody { padding:0px 20px 20px 20px; clear:both; line-height:1.3em; }
#artikelbody h2 { margin:50px 0px 20px 0px; color:#444444; display:block; background:#f3f3f3; padding:0.5em; border-bottom:1px solid #ccc7c2; font-size:1.2em; }
#artikelbody ul { list-style:disc; margin:0px 0px 20px 30px; }
#artikelbody li {  }
#artikelbody #tdaten table { margin:0 0 20px 0; }
#artikelbody #tdaten tr { }
#artikelbody #tdaten td { padding:2px 10px 2px 10px; border:1px solid rgba(200,200,200,0.3); background:rgba(255,255,255,0.5); }

.galleryFS { margin:0px; padding:0px; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:200; }
.galleryFS .bg { background:#f3f3f3; box-shadow:0px 1px 5px rgba(0,0,0,0.2); position:absolute }
.galleryFS .bar { position:absolute; overflow:hidden; right:0px; }
.galleryFS .bari { position:absolute; }
.galleryFS .bar img { box-shadow:0px 1px 3px rgba(0,0,0,0.3); }
.galleryFS .big { position:absolute; background:#ffffff; overflow:hidden; }
.galleryFS .close { position:absolute; right:-10px; top:-10px; cursor:pointer; }

.tabs { }
.tabshead { padding:8px 8px 0px 8px; }
.tabshead_i { padding:6px 7px 6px 7px; cursor:pointer; background:#f3f3f3; border:1px solid #dddddd; display:inline-block; margin:2px 1px 0px 1px; vertical-align:bottom; border-bottom:0px; }
.tabshead_i_on { background:#ffffff; color:%acolor%; padding:7px; cursor:pointer; border:1px solid #dddddd; display:inline-block; margin:2px 1px 0px 1px; vertical-align:bottom; border-bottom:0px; }
.tabshead_i:hover { color:%acolor%; }
.tabsbody { clear:both; padding:1em 1.5em; border:1px solid #dddddd; }

.cphover { display:block; position:absolute; background:#ffffff; padding:5px; border-radius:5px; box-shadow:0px 1px 3px rgba(0,0,0,0.3); }
.cphover .img { display:block; position:absolute; top:-13px; margin-left:14px; background:url('https://daten.balewo24.de/pics/cphover.png'); width:28px; height:13px; }

.ztable{ border-collapse:collapse; width:100%; }
.ztable tr:nth-child(2n){ background:#f3f3f3; }
.ztable td{ padding:0 1em; vertical-align:middle; }
.ztable td:nth-child(1) { text-align:center; width:7em; }
.ztable img{ width: 6em; height: 6em; object-fit: contain; mix-blend-mode: multiply; }
.ztable td:nth-child(3) { text-align:right; color:rgb(var(--akzent)); font-weight:bold; white-space: nowrap; }
.ztable td:nth-child(4) { white-space: nowrap; }
.ztable td:nth-child(5) div{ color:#ffffff; padding:.5em 1.5em; cursor:pointer; background:rgb(var(--akzent)); text-align:center; white-space: nowrap; display:inline-block; text-decoration:none; border-radius:.2em; }
.ztable td:nth-child(5) div:hover { background:#666666; }
.ztable tr:hover { background:#eeeeee; }
.ztable a { color:#666666; }

.warenkorbdiv { background: rgba(var(--grau), .2); border-radius: .2rem; border: 1px solid rgb(var(--grau)); }
.warenkorbdiv h2{ padding:0 0 1em 0; }
.warenkorbdiv img{ mix-blend-mode: multiply; }
.warenkorbdiv .head { padding:1em; background:rgba(var(--akzent), 0.1); text-align:right; }
.warenkorbdiv .head a { padding:10px 12px 10px 43px; background:rgb(var(--akzent)) url('https://daten.balewo24.de/pics/wagen2.png') no-repeat 5px 9px; background-size:30px 20px; text-decoration:none; color:#ffffff; border-radius:2pxx; }
.warenkorbdiv .head a:hover { filter: contrast(0.8) brightness(1.2); }
.warenkorbdiv .head select,.warenkorbdiv .foot select { padding:.8em; margin:.2em; }
.warenkorbdiv .foot { padding:1em; border-top:1px solid rgb(var(--grau)); }
.warenkorbdiv .foot a,.warenkorbdiv .foot button { font-weight:bold; font-size:1em; border:0; cursor:pointer; padding:1em 1em 1em 43px; background:rgb(var(--akzent)) url('https://daten.balewo24.de/pics/wagen2.png') no-repeat 6px 13px; background-size:30px 20px; text-decoration:none; color:#ffffff; line-height:1em; vertical-align:top; display:inline-block; margin:0 1em 0 0;}
.warenkorbdiv .foot .back { float:left; background:rgb(var(--akzent)); padding:1em; margin:0 1em 0 0; }
.warenkorbdiv .foot a:hover, .warenkorbdiv .foot button:hover { background-color:rgb(var(--akzentB)); }
.warenkorbdiv .head .htext,.warenkorbdiv .foot .htext{ display: inline-block; text-align: left; line-height: 1.4em; }

.warenkorbdiv .borderdiv{ padding:1em; }
.warenkorbdiv .formpart { margin:15px; }
.warenkorbdiv .formpart label{ width:200px; display:inline-block; }
.warenkorbdiv .formpart select{ width:322px; border:1px solid #aaaaaa; background:#ffffff; padding:5px; margin-right:10px; vertical-align:middle; }
.warenkorbdiv .formpart input[type="text"],.warenkorbdiv .formpart input[type="password"]{ width:322px; border:1px solid #aaaaaa; background:#ffffff; padding:5px; margin-right:10px; vertical-align:middle; }
.warenkorbdiv .formpart input[type="checkbox"]{ width:auto; padding:5px; margin-right:10px; vertical-align:middle; }
.warenkorbdiv .formpart .label_w{ width:auto !important; }
.warenkorbdiv .rueck { margin:0px 0px 0px 1%; }

.warenkorbdiv .sl1 { width:250px !important; }
.warenkorbdiv .sl2 { width:50px !important; }
.warenkorbdiv .formpart textarea{ width:322px; border:1px solid #aaaaaa; background:#ffffff; padding:5px; margin-right:10px; height:80px; vertical-align:middle; }
.warenkorbdiv .hint { font-size:13px; line-height:15px; border:1px solid #e5c554; background:#fdebad; padding:10px; border-radius:3px; color:#9e670c; }
.warenkorbdiv h3 { font-size:16px; font-weight:bold; margin:10px 0px 20px 0px; display:block; border-top:1px solid #eeeeee; padding-top:10px; }
.warenkorbdiv p { padding:0px 20px 20px 20px; }
.warenkorbdiv .right{ text-align:right; }

.warenkorbtable { width:100%; }
.warenkorbtable th { font-size:0.85em; padding:.5em; text-align:left; font-weight:bold; border-bottom: 1px solid rgb(var(--grau)); }
.warenkorbtable td { padding:.5em; vertical-align:middle; line-height:1.1em; }
.warenkorbtable td:nth-child(4),.warenkorbtable td:nth-child(5),.warenkorbtable td:nth-child(6) { white-space:nowrap; }
.warenkorbtable thead tr{ background:rgba(var(--grau),.3); }
.warenkorbtable tr:nth-child(2n) { background:rgba(var(--grau),.3); }
.warenkorbtable a { color:rgb(var(--akzent)); }
.warenkorbtable a:hover { color:rgb(var(--akzentB)); }
.warenkorbtable select { vertical-align:middle; line-height:2em; height:calc(2em - 2px); padding:0 .5em; border-radius:0; }
.warenkorbtable .delete { height:2em; width:2em; vertical-align:middle; border:0; border-radius:0; background:rgb(var(--akzent)); cursor:pointer; color:rgb(var(--weiss)); }
.warenkorbtable .right{ text-align:right; }
.warenkorbtable .big{ font-size:22px; white-space:nowrap; }
.warenkorbtable .noborder{ border:0px; }
.warenkorbtable .small { font-size:.85em; }


#foot .third{ width:31%; margin:1%; position:relative; line-height:1.4em; display:inline-block; vertical-align:top;}
#foot h2{ }
#foot .menu3 a{ width:49%; margin:0; display:inline-block; text-decoration:none; color:#666666; }
#foot .menu3 a:hover { text-decoration:underline; }

.preisslider { position:relative; margin:0.5em; }
.preissliderbar { position:relative; background:#eeeeee; width:100%; height:0.8em; box-shadow: inset 0 0 10px rgba(0,0,0,0.2); top:0.1em; }
.preissliderbarb { position:absolute; left:0%; right:0%; background:%acolor%; height:0.8em; box-shadow: inset 0 0 10px rgba(0,0,0,0.2); top:0.1em; }
.preissliderml { position:absolute; left:0%; width:4%; height:1em; background:#aaaaaa; cursor:pointer; border-radius:0.2em; box-shadow: 0 0.1em 0.1em rgba(0,0,0,0.2); top:0; }
.preisslidermr { position:absolute; right:0%; width:4%; height:1em; background:#aaaaaa; cursor:pointer; border-radius:0.2em; box-shadow: 0 0.1em 0.1em rgba(0,0,0,0.2); top:0; }
.preissliderinput { margin:1em 1em 0 0; width:4.5em; border:1px solid #dddddd; }

.datei{ text-decoration:none; color:#444444; background-repeat:no-repeat; background-position:center top;padding:36px 0px 0px 0px; font-size:13px; display:inline-block; vertical-align:top; margin:10px 10px 10px 10px; text-align:center; width:150px; overflow:hidden; height:40px;}
.datei:hover { text-decoration:underline; }
.pdffile {  background-image:url('https://daten.balewo24.de/pics/file_pdf.png'); }
.jpgfile { background-image:url('https://daten.balewo24.de/pics/file_jpg.png'); }
.docfile { background-image:url('https://daten.balewo24.de/pics/file_doc.png'); }
.xlsfile { background-image:url('https://daten.balewo24.de/pics/file_xls.png'); }
.abcfile { background-image:url('https://daten.balewo24.de/pics/file_abc.png'); }

#imz { width:990px; margin:60px auto 20px auto; padding:5px; box-shadow:0px 1px 40px rgba(0,0,0,0.1); font-size:13px; background:#ffffff; }
#imz h1 { color:#ffffff; background:%acolor%; font-size:22px; margin:0.2% 0.2% 20px 0.2%; padding:0.5%; }
.p66 { width:56.6%; display:inline-block; vertical-align:top; overflow:hidden; margin:0 0.2%; background:#eeeeee; padding:1%; }
.p34 { width:37.6%; display:inline-block; vertical-align:top; overflow:hidden; margin:0 0.2%; background:#eeeeee; padding:1%; }

.p66b { width:40%; display:inline-block; vertical-align:top; overflow:hidden; margin:0 1% 0 16%; padding:1%; }
.p34b { width:36%; display:inline-block; vertical-align:top; overflow:hidden; margin:0 1%; padding:1%; }

.box { width:900px; margin:20px auto; background:url('https://daten.balewo24.de/pics/phone2.jpg') no-repeat top right; background-color:#ffffff; width:1160px; padding:20px; }
.p40 { width:48%; display:inline-block; margin:1%;  }

#tab_zubehoer { max-height:700px; overflow:auto; }
.zubehoer { padding:25px; border-bottom:1px solid %acolor%; font-size:13px; }
.zubehoer h3 { fant-style:italic }
.zubehoer h2 { font-size:15px; font-weight:bold; margin:0px !important; }
.zubehoer .anm { text-align:center; }
.zubehoer .galleryimg { text-align:center; margin:25px auto 10px auto; padding:5px; }
.zubehoer .galleryimg img{ height:200px; }
.zubehoer .gallerysel { text-align:center; margin:0px 0px 10px 0px; }
.zubehoer .gallerysel img{ height:75px; cursor:pointer; margin:1px 4px; border:2px solid #ffffff; border-radius:2px; box-shadow:0px 1px 5px rgba(0,0,0,0.1); cursor:pointer; }
.zubehoer a { float:right; background:%acolor%; color:#ffffff; padding:10px 15px; text-decoration:none; font-weight:bold; }











.ani {
    animation-name: rainbow;
    animation-duration: 5s;
	animation-iteration-count: infinite;
    animation-delay: 0s;
}

@keyframes rainbow {
	0%{background-color: #ffffff; transform: rotate3d(0,0,0,0); opacity:1; }
	50%{background-color: #fafafa; transform: rotate3d(1,0.5,0,180deg); opacity:0.5;}
	100%{background-color: #fafafa; transform: rotate3d(1,0.5,1,360deg); opacity:1;}
}

.bewertungen { float:right; width:300px; margin:1em 0 2em 2em; }
.bewertungen .bh{ font-weight:bold; background:#dddddd; border-bottom:1px solid #888888; padding:0.5em 1em; }
.bewertungen .bw{ border-bottom:1px solid #888888; background:url('https://daten.balewo24.de/pics/bew.png'); background-repeat:no-repeat; background-size:20px 20px; padding:0.4em 1em 0.4em 30px; background-position:0 0.5em; }
.bewertungen .bw1{ color:#444444; text-decoration:none; display:block; }
.bewertungen .bw2{ color:#999999; font-size:0.9em; text-decoration:none; display:block; }

.prompt { z-index:2000; position:absolute; background:#ffffff; padding:0px; box-shadow:0 1px 6px rgba(0,0,0,0.25); }
.promptHead { padding:12px; font-size:18px; text-shadow: 0px 1px 0px rgba(0,0,0,0.2); }
.promptBody { padding:12px; border-radius:8px; text-shadow: 0px 1px 0px rgba(255,255,255,0.8); }

.prompt input[type="text"],textarea { border:1px solid #aaaaaa; background:#f9f9f9; }
.prompt input[type="submit"],.prompt input[type="button"] { border:0px; cursor:pointer; padding:6px 10px 6px 10px; color:#ffffff; text-decoration:none; background:#999999; text-shadow: 0px 1px 0px rgba(0,0,0,0.2); }
.prompt input[type="submit"]:hover ,.prompt input[type="button"]:hover { background:#aaaaaa; }

.gscode { margin:20px; }
.gscode input[type="submit"]{ padding:4px 6px; background:rgb(var(--akzent)); text-decoration:none; color:rgb(var(--weiss)); border:0px;  font-size:0.95em; }


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

@media only screen and (max-width: 120px){
	#head #logo { width:32em; position:absolute; left:45%; margin-left:-16em; top:0.65em; text-align:center; }
	#head #logo img{ height:6em; }
}

@media only screen and (max-width: 102px) {
	.div300{ display:none; }
	.mobilenav { cursor: pointer; z-index: 100040 !important; display:block; }

	#toolbar { position:relative; display:none; }
	#toolbar #mail,#toolbar #phone{float:right; width:8.5em;}
	#toolbar .buttons { display:none; position:relative; left:0; top:0; z-index:100; text-align:left; }
	#toolbar .buttons a { float:right; background:%acolor%; color:#ffffff; text-decoration:none; padding:0.2em 0.4em; margin:0.1em; z-index:100; text-align:center; box-shadow:0 0.1em 0.1em rgba(0,0,0,0.2); display:inline-block; }
	.menubutton{ display:inline-block; background:url('https://daten.balewo24.de/pics/burgermenu.png'); background-size:contain; width: 2em; height:2em; float:left; opacity:.6;margin:.9em .5em;}
	#head #korb, #head #social{ display:none; }

	.fwidth { width:calc(100% - 20px); }
	#main .fwidth { padding:.5em 0 3em 0; width:calc(100% - 20px); }
	html, body, input, textarea { font-size:16px; }
	#head { position:relative; top:0px; height:auto;}
	#head #logo{ width:calc(100% - 3.5em); max-width:calc(100% - 3.5em); float:right; position:relative; left:0; top:0; text-align:center; margin:.4em 0; }
	#head #logo img{ height:auto; max-width:100%; }
	#menu { position:static; top:0px; max-height:3em; overflow:hidden; display:none; }
	#menu:hover { max-height:10000em; }
	#menu .menuitem{ width:100%; }
	#menu .menuitem #submenu{ position:relative; left:0px; background:#ffffff; box-shadow:0 0.2em 0.4em rgba(0,0,0,0.3); width:97%; padding:0; max-height:100000em; overflow:hidden; opacity:1; transition:0.4s ease; transition-delay:0.2s; }
	#menu .menuitem:hover #submenu{ max-height:10000em; opacity:1; width:97%; padding:1%; }
	#menu .xmenuswitch{ display:block; padding:1em; color:#666666; text-decoration:none; text-transform: uppercase; }
	#menu .menuitem .menuitema{ display:block; padding:0.9em; margin:0.1em; color:#666666; text-decoration:none; text-transform: uppercase; }
	#menu .menuitems{ display:block; color:#666666; position:relative; top:0px; right:0px; border:0px; background:#f3f3f3; padding:0.05em; }
	#menu .fright { float:none; }
	#menu .menuitems input[type="text"]{ width:calc(100% - 1em); margin:0.5em 0.1em 0.1em 0.1em; padding:0.4em; display:inline-block; color:#666666; text-decoration:none; border:0; vertical-align:top; }
	#menu .menuitems input[type="submit"]{ padding:0.4em 0.4em; margin:0em; display:inline-block; text-decoration:none; text-transform: uppercase; border:0; background:none; width:90%; }
	#menu .menuitem h2 { display:none; color:%acolor%; padding:0.5em 0.9em 0.9em 0.9em; font-weight:bold; font-size:0.9em; border-bottom:0.1em solid %acolor%; width:90%; margin-bottom:0.5em; }
	#menu .submenuitem { display:inline-block; width:90% }
	#menu .submenuitem .submenuitema{ display:inline-block; width:96%; padding:0.5em 2%; margin:0.1em; color:#666666; text-decoration:none; text-transform: none; font-size:0.95em; }
	#menu .submenuitem .submenuitema:hover {background:#eeeeee; color:#666666; }
	#menu .menuitem #suche{ position:absolute; right:0px; background:#ffffff; box-shadow:0 0.2em 0.4em rgba(0,0,0,0.3); padding:0; max-height:0px; overflow:hidden; opacity:0; transition:0.4s ease; transition-delay:0.2s; }
	#menu .menuitem:hover #suche{ max-height:10000px; opacity:1; padding:1%; overflow:visible; }
	#menu .menuitem #suche input[type="text"] { width:32em; padding:0.2em; border:1px solid #dddddd; }
	#menu .menuitem #suche input[type="button"] { padding:0.3em; border:0; cursor:pointer; font-weight:bold; font-size:0.9em; }
	#menu .menuitem a:hover{ background:%acolor%; color:#ffffff; }
	#menu .menuitem:hover .menuitema{ background:%acolor% !important; color:#ffffff !important ; }
	#menu .menuitem #suche{ position:relative; right:0px; background:#ffffff; box-shadow:0 0.2em 0.4em rgba(0,0,0,0.3); padding:0; max-height:0px; overflow:hidden; opacity:0; transition:0.4s ease; transition-delay:0.2s; }
	#head #social { position:relative; left:0px; top:0px; float:left; }
	#head #social img{ width:2em; border-bottom:0px; margin:0.1em; }
	#head #korb { position:relative; right:0px; top:0px; margin:0.1em; float:right; }
	#head #p_merken { position:relative; right:0px; top:0px; margin:0.1em; text-decoration:none; cursor:pointer; float:right; display:none; }
	#foot .third { width:100%; }
	.bewertungen { display:none; }

	.popup .foot a { padding:10px 12px 10px 12px; background:%acolor%; text-decoration:none; color:#ffffff; border-radius:2pxx; display:block; text-align:center; }
	.popup .foot a:last-child { padding:10px 12px 10px 12px; background:%acolor% url('https://daten.balewo24.de/pics/wagenw.png') no-repeat 5px 9px; background-size:30px 20px; text-decoration:none; color:#ffffff; border-radius:2pxx; display:block; text-align:center; }
	.popup .foot .button { border:0px; padding:10px 12px 10px 12px; background:#f56531; text-decoration:none; color:#ffffff; border-radius:2pxx; }
	.wkadd tr {display: table;  width:100%;}
	.wkadd th {display:none;}
    .wkadd td {display: table-row;}
	#artikelhead{width:100%;}

	#laender{ top: calc(18vw - 2em); left: 2vw; max-height:2em; max-width:3.5em; }
	#laender .title2{ display:none; }

}

@media only screen and (max-width: 64px){
	.m_head { width:100%; padding-bottom:66.66%; position:relative; overflow:hidden; height:0px; }
	.sl900 { float:left;cursor:pointer;width:100%; height:100%; position:absolute; }
	#headright { position:relative; display:none;}
	#bottomlinks div { width:calc(50% - 5px); height:0; padding-bottom:33.32%; margin:5px 5px 5px 0; display:inline-block; position:relative; }
	#bottomlinks div:nth-child(5n) { margin:5px 0px 5px 0; }
}

@media print {
}