@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);   
    
/* LAYOUT */
.bg {margin:0; padding:30px 0; background: rgb(255,255,255); background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 31%, rgba(178,178,178,1) 100%); background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 31%,rgba(178,178,178,1) 100%); background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 31%,rgba(178,178,178,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b2b2b2',GradientType=1 );}
.box {margin:0; padding:0; border:1px solid #ececec; box-shadow:2px 2px 0px #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fff; overflow:hidden}
.row {margin:0; padding:0;}
     
/* HEADER */    <!-- Hintergrund --><div class="container-fluid bg">
<!-- Wrapper --><div class="container">
<!-- Header --><div class="row header">

<!-- Logo --><div class="col-md-3 logo"><img src="https://cdn02.plentymarkets.com/2l6q02gm44im/item/images/187/full/Collage-ohne-Titel.jpg"></div>
<!-- Right-Logo --><div class="col-md-9 box right-logo hidden-xs">
<!-- Suche --><div class="header-suche"><a target="_blank" href="https://www.ebay.de/sch/preiskracheronline/m.html?_nkw=&_armrs=1&_ipg=&_from="><div class="suchfeld">In allen Muster suchen...</div><div class="suchbutton soh"><i class="fa fa-search"></i></div></a></div>
<!-- Topheader --><div class="topheader">
<ul>
<li><a class="soh" target="_blank" href="http://stores.ebay.de/preiskracheronline">Unser Shop</a></li>    
<li><a class="soh" target="_blank" href="https://www.ebay.de/usr/preiskracheronline">Über Uns</a></li>    
<li><a class="soh" target="_blank" href="https://feedback.ebay.de/ws/eBayISAPI.dll?ViewFeedback2&userid=preiskracheronline">Bewertungen</a></li>    
<li><a class="soh" target="_blank" href="https://my.ebay.de/ws/eBayISAPI.dll?AcceptSavedSeller&sellerid=preiskracheronline&ssPageName=STRK:MEFS:ADDSTR&rt=nc">Shop speichern</a></li>    
<li><a class="soh" target="_blank" href="https://contact.ebay.de/ws/eBayISAPI.dll?ContactUserNextGen&recipient=preiskracheronline">Kontakt</a></li>    
</ul>
<!-- Topheader --></div>  
<!-- Right-Logo --></div>  
<!-- Header --></div> 
<!-- Menubar --><div class="row menubox"> 
<!-- Kategorien --><ul class="menu hidden-xs">
<li class="home"><a target="_blank" href="http://stores.ebay.de/preiskracheronline"><i class="fa fa-home"></i></a></li>
<li><a target="_blank" href="https://www.ebay.de/str/preiskracheronline?rt=nc&_oac=1">Unsere Wachstuch-Tischdecken</a></li>
<li><a target="_blank" href="https://www.ebay.de/str/preiskracheronline/Transparent/_i.html?_storecat=3502113319">Unsere Tisch-Folie</a></li>
<li><a target="_blank" href="https://www.ebay.de/str/preiskracheronline/Alle-Artikel/_i.html?_storecat=3502113919">Unser komplettes Sortiment</a></li>
<!-- Kategorien --></ul>
<!-- Responsive --><ul class="resmenu hidden-lg hidden-md hidden-sm">
<li><a target="_blank" href="http://stores.ebay.de/preiskracheronline"><i class="fa fa-home"></i></a></li>
<li><a target="_blank" href="https://www.ebay.de/usr/preiskracheronline"><i class="fa fa-user"></i></a></li>
<li><a target="_blank" href="https://feedback.ebay.de/ws/eBayISAPI.dll?ViewFeedback2&userid=preiskracheronline"><i class="fa fa-star"></i></a></li>
<li><a target="_blank" href="https://my.ebay.de/ws/eBayISAPI.dll?AcceptSavedSeller&sellerid=preiskracheronline&ssPageName=STRK:MEFS:ADDSTR&rt=nc"><i class="fa fa-bookmark"></i></a></li>
<li><a target="_blank" href="https://contact.ebay.de/ws/eBayISAPI.dll?ContactUserNextGen&recipient=preiskracheronline"><i class="fa fa-envelope"></i></a></li>
<!-- Responsive --></ul>
<!-- Menubar --></div>
<!-- Artikelbeschreibung --><div class="row box">   
<!-- Artikelbilder --><div class="col-md-6 artpic"><div class="artikelbilder galerie">   
<input name="switch" id="slide1" class="anker slide" type="radio" checked="">
<input name="switch" id="slide2" class="anker slide" type="radio">
<input name="switch" id="slide3" class="anker slide" type="radio">
<input name="switch" id="slide4" class="anker slide" type="radio">  
<ul> 
<li class="pic1 img slide"><img src="$ImageURL[1]"></li>
</ul>   
<!-- Artikelbilder --></div></div>



<!-- Artikeldetails --><div class="col-md-6 artdsc">
<h1>{% GetItemName() %}</h1>
<br>✔ abwaschbar & wasserabweisend
<br>✔ robust & pflegeleicht
<br>✔ rutschfest & oberflächenschonend
<br>✔ wetterfest & schmutzabweisend
<br>✔ einfach & praktisch
<br>✔ schön & günstig
<p> </p>
<br>✔ Zuschnitt nach Maß von der Rolle
<br>✔ Schnitt-Toleranz <i>(+/- 5 bis 8 mm)</i> immer zu Deinen Gunsten
<br>✔ PVC - Plastik - Kunststoff - Wachstuch
<br>✔ Zertifikat STANDARD 100 von OEKO-TEX® - lebensmittelecht
<br>✔ Rückseite aus weichem Vlies/Fleece 
<p> </p>
<br>✔ viele Größen & Muster 
<br>✔ gratis Sofortversand! 
<br>✔ Bestellungen bis 13:00Uhr - Versandfertig am gleichen Tag
<br>✔ 30 Tage Rückgaberecht
<br>✔ 100% Kundenzufriedenheit
<p> </p>



<a class="skb soh" target="_blank" href="https://www.ebay.de/str/preiskracheronline/Alle-Artikel/_i.html?_storecat=3502113919"></i>komplettes Sortiment anschauen</a>
<!-- BEOBACHTEN -->
<a class="beo soh" target="_blank" href="https://cgi3.ebay.de/ws/eBayISAPI.dll?MakeTrack&item=$ExternalMarketListingId"><i class="fa fa-plus-circle"></i> beobachten</a>
<!-- FRAGE STELLEN -->
<a class="fsb soh" target="_blank" href="https://contact.ebay.de/ws/eBayISAPI.dll?ContactUserNextGen&recipient=preiskracheronline"><i class="fa fa-question-circle"></i> Frage stellen</a>        



<!-- Artikeldetails --></div>
<!-- Artikelbeschreibung --></div>
<!-- Cross-Selling --><div class="row crosswrapper hidden-xs">
<div class="col-md-4 crossbox">
    <div class="row">
        <div class="col-xs-6">
            <h1>Weihnachts Kollektion</h1>
            <a target="_blank" href="https://www.ebay.de/itm/292807575174">
                <h3 class="soh">hier anschauen</h3>
            </a>
        </div>
        <div class="col-xs-6">
            <img src="https://cdn02.plentymarkets.com/2l6q02gm44im/item/images/184/full/Wachstuch-Weihnachten-abwachbare-Tischdecke.jpg" class="img-responsive">
        </div>
    </div>       
</div>

<div class="col-md-4 crossbox">
    <div class="row">
        <div class="col-xs-6">
            <h1>Herzen</h1>
            <a target="_blank" href="https://www.ebay.de/itm/292807575941">
                <h3 class="soh">hier anschauen</h3>
            </a>
        </div>
        <div class="col-xs-6">
            <img src="https://cdn02.plentymarkets.com/2l6q02gm44im/item/images/185/full/Wachstuch-Herzen-abwaschbare-Tischdecke.jpg" class="img-responsive">
        </div>
    </div>       
</div>

<div class="col-md-4 crossbox">
    <div class="row">
        <div class="col-xs-6">
            <h1>Tischfolie</h1>
            <a target="_blank" href="https://www.ebay.de/itm/292806257535">
                <h3 class="soh">zum Angebot</h3>
            </a>
        </div>
        <div class="col-xs-6">
            <img src="https://cdn02.plentymarkets.com/2l6q02gm44im/item/images/165/full/klar-schutz-tischdecke-transparent-durchsichtig-pvc-f.jpg" class="img-responsive">
        </div>
    </div>       
</div>
<!-- Cross-Selling --></div>
<!-- Tabs --><div class="tabs box">

<input type="radio" name="tabs" id="tab1" checked="">                        
    <label for="tab1"><span>Beschreibung</span></label>                        

<div id="tab-content1" class="tab-content">
<center><i><h2>Für jeden Anlass, die richtige Wahl!</h2></i></center>
<p> </p>
<center><i><h3>Probe-Muster (ca. 40x40cm) für 1,00€!</h3></i></center>
<p> </p>
Wir freuen uns, dass Du Dich für unsere Wachstischdecken interessierst. Wir garantieren eine große Auswahl und viele Größen. Sollte Deine Wunschgröße einmal nicht dabei sein, kannst du einfach die zutreffendste Größe
Deiner Tischdecke bestellen und uns direkt im Anschluss Deine gewünschte Größe mitteilen. Wir freuen uns immer, wenn wir Deine individuellen Wünschen erfüllen können.
<p> </p>
<p style="line-height: 150%">
<b>Welche Vorteile bietet Dir eine Wachstischdecke:</b>
<br>✔ abwaschbar & wetterfest
<br>✔ robust & pflegeleicht
<br>✔ wasserabweisend & schmutzabweisend
<br>✔ einfach & praktisch
<br>✔ schön & günstig
</p>
<p> </p>
<p style="line-height: 150%">
<b>Wachstuchstoff:</b>
<br>✔ individueller Zuschnitt von der Rolle nach Maß
<br>✔ PVC - Plastik - Kunststoff
<br>✔ Geprüft auf Schadstoffe - Zertifikat STANDARD 100 von OEKO-TEX®
<br>✔ Rückseite aus Fleece / Vlies - schont Deinen Tisch
</p>
<p> </p>
<p style="line-height: 150%">
<b>Deine Vorteile bei Preiskracher online:</b>
<br>✔ Gratis Sofortversand! 
<br>✔ Bestellungen bis 13:00Uhr werden am gleichen Tag verschickt
<br>✔ 30 Tage Rückgaberecht
<br>✔ 100% Kundenzufriedenheit
</p>
<p> </p>
<p>
<div typeof="Product" vocab="https://schema.org/"><span property="description"><i>Positive Eigenschaften unserer Wachstischdecken:</i> abwaschbar | wasserabweisend | wetterfest | pflegeleicht | robust | praktisch | rutschfest | tischschonend | einfach | dekorativ | schön | günstig </span></div>
</p>

<center><i><h3>Aktuelle Rabatt-Aktionen!!!</h3></i></center>
<center><h4><span style="color:#E60000"><i>2 KAUFEN, 1 GRATIS DAZU (3 bestellen)</h4></i></span></center>
    
<!-- Tabs --></div>
<!-- Footer --><div class="row footerwrapper hidden-xs">
    
<div class="col-md-4 footbox footer">
<center><h1>Der Umwelt zuliebe</h1></center>
<p>Ist die kurze Seite Deiner Wachsdecke größer als 120cm, dann versenden wir die Tischdecke:</p>
<p> ✔ fachmännisch gefaltet</p>
<p> ✔ im <b>öko</b>nomischem Versandkarton</p>
<p> ✔ Tischfolien werden immer gerollt</p>
<center><p> Dadurch sparen wir mehr als 60% Verpackunsmüll!</p></center>
</div>

<div class="col-md-4 footbox footer">
<center><h1>Schreib uns</h1></center>
<p>Wir freuen uns über jede Nachricht von Dir. Vielleicht möchtest du eine individuelle Größe besprechen? Wir beantworten Dir sehr gerne alle Fragen.</p></center>
<a class="nws" target="_blank" href="https://contact.ebay.de/ws/eBayISAPI.dll?ContactUserNextGen&recipient=preiskracheronline"><i class="fa fa-comments-o fa-fw"></i> eBay Nachricht</a>
</div>

<div class="col-md-4 footbox footer">
<center><h1>Blitzversand!</h1></center>
<center><p>Wir versenden mit Hermes!</center>

<p>✔ 4 Zustellversuche</p>
<p>✔ Sendungsverfolgung</p>
<p>✔ Sendung mobil verfolgen</p>
<p>✔ Wunschzustellung</p>
<p>✔ Lieferung nächster Werktag >90%</p></p>
</div>
    
<!-- Footer --></div>
<!-- Wrapper --></div>
<!-- Hintergrund --></div>
.logo {height:120px; margin:0; padding:0; border:1px solid #ececec; box-shadow:2px 2px 0px #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fff; text-align:center; overflow:hidden} 
.logo h1, .logo h2 {margin:22px 0 0 0; padding:0; display:block; font-family: 'Open Sans', serif; color:#555; font-size:40px; font-weight:700; line-height:38px; text-transform:uppercase; text-align: center;}
.logo h2 {margin:0; padding:0; color:#E60000; font-weight:300;}  
.logo img {max-width:95%; max-height:120px; width:auto; height:auto; margin:0 auto; padding:0;}  
    
/* NAVIGATION */
.right-logo {max-width:73.5%; height:120px; margin:0 0 0 1.5%; padding:1.2% 1%}
.topheader {margin:0; padding:0;}
.topheader ul {margin:0 -0.8%; padding:0;}
.topheader ul li {margin:0; padding:0 5px; float:left; width:20%; list-style-type: none;}
.topheader ul li a {display:block; font-family: 'Open Sans', serif; font-weight:700; color:#fff; font-size:14px; margin:0; padding:10px 0; text-decoration:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#E60000; text-align: center}
     
/* SUCHE */
.header-suche {padding:0; margin:0 0 10px 0; border:none; float:left; text-align: left}
.header-suche a {color:#a8a8a8!important; text-decoration: none!important;}
.suchfeld {width:763px; height:40px; margin:0; float:left; font-family: 'Open Sans', serif; font-size:14px; background:#f1f1f1; color:#a8a8a8; line-height:40px; margin:0; padding:0 20px; border:1px solid #eaeaea; box-shadow: inset 1px 1px 1px #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: left}
.suchbutton {float:right; width:50px; height:50px; border:1px solid #E60000; width:40px; height:40px; background:#E60000!important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#fff; font-size:16px; text-align:center; margin:0 0 0 8px; padding:0;}
.suchbutton i {line-height:40px; color:#fff; font-size:18px;}
.suchbutton:hover {border:1px solid #555; background:#555; color:#fff}    
    
/* MENUBAR & BOX */
.menubox, .crossbox, .footbox {margin:20px 0; padding:0; border:1px solid #ececec; box-shadow:2px 2px 0px #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fff;}
    
/* KATEGORIEN */
ul.menu {width:100%; margin:0; padding:0; position: relative; height:60px;}
ul.menu li {float:left; height:60px; line-height:60px; list-style-type:none; margin:0; padding:0; font-family: 'Open Sans', serif; font-weight:700; font-size:14px; text-transform: uppercase; border-left:1px dotted #dedede; text-align:center}
ul.menu li a {display:block; color:#555; padding:0 30px;}
ul.menu li a i {line-height:60px;}
ul.menu li a:hover {margin:0; text-decoration:none; color:#E60000; background:none}
ul.menu li.home {width:60px; line-height:60px; background:#f4f4f4; border:none; padding:0;}
ul.menu li.home a {color:#E60000; font-size:30px; margin:0; padding:0; line-height: 60px;}
ul.menu li.home a:hover {color:#555}
    
/* DROPDOWN*/
ul.menu ul {display:none; position:absolute; top:60px; z-index:6; list-style-type: none; box-shadow:0 5px 10px rgba(0,0,0,0.1); margin:0; padding:0;}
ul.menu li:hover > ul {display:inherit;}
ul.menu ul li, ul.menu ul li:first-child {width:auto; max-height:50px; float:none; display:block; position: relative; font-weight:700; color:#555; text-transform: uppercase; padding:0; margin:0; font-family: 'Open Sans', serif; font-size:14px; background:#fff; list-style-type: none; line-height:50px; border:none}
ul.menu ul li a, ul.menu ul li:first-child a {display:block; margin:0; font-family: 'Open Sans', serif; font-size:14px; padding:0 20px; font-weight:700; color:#555!important; text-transform: uppercase; text-align: left;}
ul.menu ul li:hover, ul.menu ul li:hover:first-child {background:#E60000;}
ul.menu ul li:hover a {color:#fff!important;}

/* RESPONSIVE MENU */
ul.resmenu {margin:0; padding:0; width:100%;}
ul.resmenu li {display:block; float:left; margin:0; padding:0; width:20%; background:none; list-style-type: none; line-height: 40px}
ul.resmenu li a {display:block; text-align:center; font-size:20px; color:#E60000; background:none; text-decoration: none; margin:0; padding:10px 0; text-align: center;}
ul.resmenu li a:hover {color:#555}
    
/* ARTIKELBILDER */
img {max-width:100%; height:auto}
.artikelbilder.galerie {display:inline-block; position:relative; width:100%; height:auto;}   
.artikelbilder.galerie > .anker {display:none;}
.artikelbilder.galerie > ul {position:relative; z-index:1; font-size:0; line-height:0; margin:0 auto; padding:0; height:auto; overflow:hidden; white-space:nowrap;}
.artikelbilder.galerie > ul > .slide.img img {width:100%; height:auto;}
.artikelbilder.galerie > ul > .slide {position:relative; display:inline-block; width:100%; height:auto; overflow:hidden; line-height: normal; white-space: normal; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
/* Thumbnails */
.artikelbilder.galerie > .thumb {position:absolute; left:0; width:100%; height:auto; z-index:6; text-align:center;}
.artikelbilder.galerie > .thumb > div {margin-left:-50%; width:100%;}
.artikelbilder.galerie > .thumb > label {position:relative; display:inline-block; cursor:pointer;}
.artikelbilder.galerie > .thumb {bottom:5px; margin-bottom:5px;}
.artikelbilder.galerie > .thumb > label {border-radius:50%; margin:0 5px; padding:9px; background:none;}
.artikelbilder.galerie > .thumb > label > .anker {position:absolute; left:50%; top:50%; margin-left:-2px; margin-top:-2px; background: transparent; border-radius: 50%; padding: 2px;}
.artikelbilder.galerie > .thumb > label:hover > .anker,
.artikelbilder.galerie > #slide1:checked~.thumb > label.pic1>.anker, .artikelbilder.galerie > #slide2:checked~.thumb > label.pic2>.anker,
.artikelbilder.galerie > #slide3:checked~.thumb > label.pic3>.anker, .artikelbilder.galerie > #slide4:checked~.thumb > label.pic4>.anker, 
.artikelbilder.galerie > #slide5:checked~.thumb > label.pic5>.anker, .artikelbilder.galerie > #slide6:checked~.thumb > label.pic6>.anker, 
.artikelbilder.galerie > #slide7:checked~.thumb > label.pic7>.anker, .artikelbilder.galerie > #slide8:checked~.thumb > label.pic8>.anker, 
.artikelbilder.galerie > #slide9:checked~.thumb > label.pic9>.anker, .artikelbilder.galerie > #slide10:checked~.thumb > label.pic10>.anker, 
.artikelbilder.galerie > #slide11:checked~.thumb > label.pic11>.anker, .artikelbilder.galerie > #slide12:checked~.thumb > label.pic12>.anker, 
.artikelbilder.galerie > #slide13:checked~.thumb > label.pic13>.anker, .artikelbilder.galerie > #slide14:checked~.thumb > label.pic14>.anker, 
.artikelbilder.galerie > #slide15:checked~.thumb > label.pic15>.anker, .artikelbilder.galerie > #slide16:checked~.thumb > label.pic16>.anker {background:none;}
.artikelbilder.galerie {height: auto; max-height: auto; margin-bottom:0; text-align: center;}
.artikelbilder.galerie img {border-radius: 3px;}
.artikelbilder.galerie .thumb {position:relative; width: 100%; text-align: left; margin-bottom:-75px; margin-bottom: calc(-20px - 5vw); margin-top: 10px;}
.artikelbilder.galerie > .thumb > label {box-sizing: border-box; border-radius: none; margin: 0 auto; padding:5px; background: none; text-align: center;}
.artikelbilder.galerie > .thumb > label img {margin:0 auto; max-height:115px; width:auto;}
.artikelbilder.galerie > ul > .slide.img img {width: auto; max-width: 100%; max-height: 100%; margin:0 auto;}
.artikelbilder.galerie > ul > .slide {text-align:center;}
.artikelbilder.galerie img {box-shadow: none; width:100%; height:auto; max-width:100%;}
/* Original-Bild */ 
.artikelbilder.galerie > #slide1:checked~ul > .slide.pic1, .artikelbilder.galerie > #slide2:checked~ul > .slide.pic2,
.artikelbilder.galerie > #slide3:checked~ul > .slide.pic3, .artikelbilder.galerie > #slide4:checked~ul > .slide.pic4, 
.artikelbilder.galerie > #slide5:checked~ul > .slide.pic5, .artikelbilder.galerie > #slide6:checked~ul > .slide.pic6, 
.artikelbilder.galerie > #slide7:checked~ul > .slide.pic7, .artikelbilder.galerie > #slide8:checked~ul > .slide.pic8, 
.artikelbilder.galerie > #slide9:checked~ul > .slide.pic9, .artikelbilder.galerie > #slide10:checked~ul > .slide.pic10, 
.artikelbilder.galerie > #slide11:checked~ul > .slide.pic11, .artikelbilder.galerie > #slide12:checked~ul > .slide.pic12, 
.artikelbilder.galerie > #slide13:checked~ul > .slide.pic13, .artikelbilder.galerie > #slide14:checked~ul > .slide.pic14, 
.artikelbilder.galerie > #slide15:checked~ul > .slide.pic15, .artikelbilder.galerie > #slide16:checked~ul > .slide.pic16 {opacity:1; z-index:2;}
/* Animations */
.artikelbilder.galerie > ul > .slide {display:inline-block; position:absolute; left: 0; top: 0; opacity: 0; z-index: 1; -webkit-transition: opacity 1250ms ease; transition: opacity 1250ms ease; -webkit-transform: rotate(0deg); transform: rotate(0deg);}
@-webkit-keyframes fade {
0%, 37.254901960784316%, 100% {opacity: 0;}
12.254901960784315%,25% {opacity: 1;}
0%,24.999% {z-index: 2;}
25.001%,100% {z-index: 1;}
}   
@keyframes fade {
0%, 37.254901960784316%, 100% {opacity: 0;}
12.254901960784315%,25% {opacity: 1;}
0%,24.999% {z-index: 2;}
25.001%,100% {z-index: 1;}
}
/* Größe */
.artikelbilder.galerie {max-width:500px;}
.artikelbilder.galerie > ul {height:500px;}
.artikelbilder.galerie > ul > .slide.img img {max-height:500px; width:auto; margin:0 auto;}
.artikelbilder.galerie > .thumb > label img {max-height:90px; width:auto; margin:0 auto;}
@media (min-width:992px) and (max-width: 1200px) {
.artikelbilder.galerie {max-width:400px;}
.artikelbilder.galerie > ul {height:400px;}
.artikelbilder.galerie > ul > .slide.img img {max-height:400px; width:auto; margin:0 auto;}
.artikelbilder.galerie > .thumb > label img {max-height:70px; width:auto; margin:0 auto;}
}   
@media (max-width: 768px) { 
.artikelbilder.galerie {max-width:300px;}
.artikelbilder.galerie > ul {height:300px;}
.artikelbilder.galerie > ul > .slide.img img {max-height:300px; width:auto; margin:0 auto;}
.artikelbilder.galerie > .thumb > label img {max-height:55px; width:auto; margin:0 auto;}
} 

/* ARTIKELBESCHREIBUNG */
.artpic {margin:0; padding:30px 0; text-align: center}
.artdsc {margin:0; padding:20px; padding-left:0; text-align:left; font-family: 'Open Sans', serif; font-weight:400; font-size:14px;}
.artdsc h1 {font-family: 'Open Sans', serif; font-weight:700; font-size: 24px; color:#E60000; text-align:left; text-transform: uppercase; margin:0; padding:10px 0 10px 0; line-height:28px}
.artdsc h2 {font-family: 'Open Sans', serif; font-weight:700; font-size: 20px; color:#555; text-align:left; text-transform: uppercase; margin:0; padding:20px 0 10px 0; line-height:24px}
.artdsc h3 {font-family: 'Open Sans', serif; font-weight:700; font-size: 30px; color:#555; text-align:center; margin:0; padding:30px 0 20px 0;}
.artdsc span {font-size:12px; color:#999; font-weight:700}
.artdsc ul, .tab-content ul, .footbox ul {margin:10px 0; padding:0; font-size:14px; border:none; border-bottom:none;}
.artdsc ul li, .tab-content ul li, .footbox ul li {list-style-type:none; background:none; margin:1px 0; padding:9px 12px; border-bottom:1px dotted #e6e6e6; line-height:20px}
.artdsc ul li:before, .tab-content ul li:before, .footbox ul li:before {font-family: 'FontAwesome'; content: '\f105'; font-size:14px; padding-right:10px; color:#E60000;}
    
/* VARIANTEN */
span.var {display:inline-block; min-width:60px; padding:10px; margin:4px 5px; color:#777; text-align: center; cursor: default; background: none; box-shadow:0 5px 10px rgba(0,0,0,0.05);}    
span.var:hover {box-shadow:0 5px 10px rgba(0,0,0,0.12);}    
    
/* BUTTONS */
a.skb {display:block; font-family: 'Open Sans', serif; font-weight:700; font-size:18px; background:#E60000; margin:0; padding:10px; color:#fff; text-decoration: none; text-align:center; border:none; box-shadow: 2px 2px 2px #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
a.beo, a.fsb {width:49%; display:inline-block; font-family: 'Open Sans', serif; font-weight:700; font-size:14px; background:#E60000; margin:10px 0; padding:10px; color:#fff; text-decoration: none; text-align:center; border:none; box-shadow: 2px 2px 2px #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
a.fsb {float:right}
a.skb i {color:#fff; font-size:18px}
a.skb i, a.fsb i, a.beo i {color:#fff; font-size:14px}
    
/* CROSS SELLING */
.crosswrapper {margin:20px -1%; padding:0;}
.crossbox {max-width:31.33333333333%; overflow:hidden; min-height:180px; background-color:#fff!important; margin:0 1%;}
.crossbox div {margin:0; padding:0;}
.crossbox img {float:right; margin:0;}
.crossbox h1 {font-size:18px; line-height:18px; font-weight:700; color:#333; margin:0; padding:30px 0 5px 30px; text-align:left;}
.crossbox h2 {font-size:24px; line-height:24px; font-weight:700; color:#888; margin:0; padding:0 0 0 30px; text-align:left;}
.crossbox a {color:#fff; text-decoration: none!important;}
.crossbox h3 {float:left; background:#E60000; color:#fff; padding:10px 15px; margin:20px 0 0 30px; font-size:14px; font-weight:700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center}
    
/* TABS */
.tabs {margin:0; padding:10px; background:#fff; text-align: left}
.tabs input[type=radio] {display:none}
.tabs label {display:block; float:left; font-family: 'Open Sans', serif; color:#666; font-size:14px; font-weight:700; text-decoration: none; text-align:center; cursor:pointer; background:none; padding:18px 30px; margin:0}
.tabs label span {display:inline-block}
.tab-content {display:none; width:100%; float:left; padding:15px; box-sizing:border-box; background:#fff; border-top:5px solid #E60000; margin-top:-5px; font-family: 'Open Sans', serif; font-size:14px}
.tab-content h1 {font-family: 'Open Sans', serif; color:#555; background:none; border:none; font-size:18px; font-weight:700; border-bottom:1px dotted #ddd; margin:0 0 10px 0; padding:10px 0}
.tabs [id^="tab"]:checked + label {background:#E60000; color:#fff; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#tab1:checked ~ #tab-content1,#tab2:checked ~ #tab-content2,#tab3:checked ~ #tab-content3,#tab4:checked ~ #tab-content4 {display:block}
.tabs:after {content:''; display:table; clear:both}
    
/* TABLE */
.tab-content table {margin:20px 0; cursor: default; font-family: 'Open Sans', serif; color:#555; font-size:14px;}
.tab-content table tr {border-bottom:1px solid #eaeaea;}
.tab-content table tr:nth-child(odd) {background:#f5f5f5;}
.tab-content table tr:last-child {border-bottom:none;}
.tab-content table td {padding:10px;}
.tab-content table td:first-child {font-weight:700; border-right:1px solid #eaeaea;}     
    
/* STYLES */
blockquote, code, mark, small, kbd {font-family:Arial; font-size:14px}
blockquote {display:block; margin:20px 0; padding:20px; color:#3f3f3f; background:#f5f5f5; border-left:4px solid #E60000;}
code {display:block; margin:20px 0; padding:20px; color:#fff; background:#363636; border-left:4px solid #E60000;}
mark {color:#3f3f3f; background:#fff0ce;}
small {font-size:11px; color:#999; font-weight:400}
kbd {box-shadow:none; font-weight:400; font-weight:700; background:#E60000;}    
    
/* FOOTER */
.footerwrapper {margin:20px -1%; margin-bottom:0; padding:0;}
.footer {max-width:31.33333333333%; overflow:hidden; margin:0 1%; min-height:210px; padding:0 20px 10px 20px; text-align:left; font-family: 'Open Sans', serif; font-weight:400; font-size:14px;}
.footer h1 {font-family: 'Open Sans', serif; color:#555; font-size:18px; font-weight:700; border-bottom:1px solid #E60000; margin:10px 0; padding:8px 0; text-align:center}
.footer i, .footer a {color:#E60000}
.footer a:hover {color:#555; text-decoration:none}
a.nws i {color:#fff; font-size:16px; padding-right:15px}
a.nws {margin:0; display:block; background:#E60000; font-size:14px; padding:10px; color:#fff; text-decoration:none; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top:20px;}
a.nws:hover {background:#555; color:#fff}

/* ANIMATION */
.soh {display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.soh:before {content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #555; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.soh:hover, .soh:focus, .soh:active {color: white;}
.soh:hover:before, .soh:focus:before, .soh:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);}
           
/* MEDIA QUERY */      
@media (min-width:992px) and (max-width: 1200px) {
    .logo img {margin:15px auto 0 auto;}
    .right-logo {padding:1.5% 1%}
    .suchfeld {width:620px}
    ul.menu li a {padding:0 15px;}
    .crossbox h1, .crossbox h2 {padding-left:20px; font-size:14px}
    .crossbox h2 {font-size:18px; line-height:18px;}
    .crossbox h3 {font-size:12px; line-height:12px; margin-left:20px; padding:8px 13px;}
    }
    
@media (min-width:768px) and (max-width: 992px) {
    .right-logo {max-width:100%; margin:15px 0 0 0; padding:2% 1.5%;}
    .suchfeld {width:648px}
    ul.menu li a {font-size:11px; padding:0 10px;}
    ul.menu li ul li a, ul.menu li ul li:first-child a {font-size:11px;}
    .crosswrapper, .footerwrapper {margin:0; padding:0;}
    .crossbox, .footbox {max-width:100%; margin:20px 0;} 
    .artdsc {margin:30px; margin-top:0; padding:0}
    }
    
@media (max-width: 768px) { 
    .bg {padding:10px 0; margin:0}
    .header {margin:0 auto; padding:0;}
    .artdsc {margin:0; padding:0 20px 10px 20px;}
    a.beo, a.fsb {font-size:12px;}
    .tabs {margin:20px 0 10px 0;}
    .tabs label {width:25%; padding:20px 0 25px 0; font-size:10px}
    .tabs label span {display:inline-block}
    .tabs [id^="tab"]:checked + label {-webkit-border-radius:0px!important; -moz-border-radius:0px!important; border-radius:0px!important;}
    }