/* ------------------------------------------------------------------------------------- */
/*                                                                                       */
/*               Copyright 2020 by Andreas Strysio - info@ads-media.de                   */
/*                                      -----                                            */
/*                Script darf nur mit gueltiger Lizenz genutzt werden!                   */
/*                                       ---                                             */
/*  Originale Lizenzen, Scripte, Addons und Interfaces nur auf ADS-Media.de erhältlich!  */
/*                                                                                       */
/* ------------------------------------------------------------------------------------- */



/* ========================================== */
/* ==========> WARENKORB-MENUEBOX <========== */
/* ========================================== */

div.warenkorb {font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
.button-warenkorb {padding-left:30px; margin-top:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:10px 4px; width:160px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-warenkorb:hover {padding-left:30px; margin-top:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:10px 4px; width:160px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}



/* ========================================== */
/* ===========> ARTIKEL-MENUEBOX <=========== */
/* ========================================== */

div.artikel-startseitenbox-links-suche {text-align:right; margin-top:10px;}
.artikel-startseitenbox-links-suchfeld {width:190px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.artikel-startseitenbox-links-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.artikel-startseitenbox-links-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

div.artikel-startseitenbox-links-box {width:90%; min-height:120px; text-align:left; padding:8px; margin-left:4px; margin-top:0px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}

div.artikel-startseitenbox-links-name {float:left; width:96%;}
a.artikel-startseitenbox-links-name {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold;}
a.artikel-startseitenbox-links-name:hover, a.artikel-kategorien-name-kurz:focus, a.artikel-kategorien-name-kurz:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold;}

div.artikel-startseitenbox-links-favoritenfunktion {float:left; width:2%;}
img.artikel-startseitenbox-links-favoritenbild {width:16px; height:16px;}
img:hover.artikel-startseitenbox-links-favoritenbild {width:16px; height:16px;}

div.artikel-startseitenbox-links-kurzbeschreibung {clear:left; padding-top:4px; padding-bottom:4px;}

div.artikel-startseitenbox-links-preiseundbuttons {clear:left;}
div.artikel-startseitenbox-links-bewertung {clear:left; width:100%;}
img.artikel-startseitenbox-links-sterne {float:left; height:16px; width:16px; margin-top:8px;}
span.artikel-startseitenbox-links-anzahlverfuegbar {float:left; margin-top:9px; margin-left:8px; font-family:Arial, serif; font-size:13px; font-weight:bold;}

div.artikel-startseitenbox-links-preis {clear:left; width:100%;}
span.artikel-startseitenbox-links-preisangabe-kurz {float:right; padding-top:7px; font-family:Arial, serif; font-size:13px; font-weight:bold; color:#006400;}

.button-artikel-startseitenbox-links-kaufen {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-startseitenbox-links-kaufen:hover {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.artikel-menubox-links-links {text-align:right; margin-right:8px;}



/* =============================================== */
/* ==========> FUER BREITE BILDSCHIRME <========== */
/* =============================================== */

@media (min-width: 1200px) {

/* ==========> FUER DIE AUFLISTUNG IN DER BOX AUF DER STARTSEITE <========== */
div.artikel-startseitenbox-rechts-suche {text-align:right; margin-top:10px;}
.artikel-startseitenbox-rechts-suchfeld {width:280px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.artikel-startseitenbox-rechts-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.artikel-startseitenbox-rechts-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

div.artikel-startseitenbox-rechts-box {width:98%; min-height:90px; padding:8px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}

div.artikel-startseitenbox-rechts-name {float:left; width:98%;}
a.artikel-startseitenbox-rechts-name-lang {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold;}
a.artikel-startseitenbox-rechts-name-lang:hover, a.artikel-kategorien-name-lang:focus, a.artikel-kategorien-name-lang:active {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold;}
a.artikel-startseitenbox-rechts-name-mittel {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-startseitenbox-rechts-name-mittel:hover, a.artikel-kategorien-name-mittel:focus, a.artikel-kategorien-name-mittel:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-startseitenbox-rechts-name-kurz {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-startseitenbox-rechts-name-kurz:hover, a.artikel-kategorien-name-kurz:focus, a.artikel-kategorien-name-kurz:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}

div.artikel-startseitenbox-rechts-favoritenfunktion {float:left; width:2%;}
img.artikel-startseitenbox-rechts-favoritenbild {width:16px; height:16px;}
img:hover.artikel-startseitenbox-rechts-favoritenbild {width:16px; height:16px;}

div.artikel-startseitenbox-rechts-kurzbeschreibung-lang {clear:left; padding-top:4px; padding-bottom:4px;}
div.artikel-startseitenbox-rechts-kurzbeschreibung-mittel {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-startseitenbox-rechts-kurzbeschreibung-kurz {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-startseitenbox-rechts-kurzbeschreibung-extrakurz {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}

div.artikel-startseitenbox-rechts-preiseundbuttons {clear:left;}
div.artikel-startseitenbox-rechts-bewertung {float:left; width:30%;}
img.artikel-startseitenbox-rechts-sterne {float:left; height:16px; width:16px; margin-top:8px;}
span.artikel-startseitenbox-rechts-anzahlverfuegbar {float:left; margin-top:8px; margin-left:8px; font-family:Arial, serif; font-size:14px; font-weight:bold;}

div.artikel-startseitenbox-rechts-preis {float:left; width:70%;}
span.artikel-startseitenbox-rechts-preisangabe-lang {float:right; padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
span.artikel-startseitenbox-rechts-preisangabe-kurz {float:right; padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400; display:none; visibility:hidden;}

.button-artikel-startseitenbox-rechts-kaufen-gross {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-startseitenbox-rechts-kaufen-gross:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

.button-artikel-startseitenbox-rechts-kaufen-klein {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}
.button-artikel-startseitenbox-rechts-kaufen-klein:hover {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}

div.artikel-startseitenbox-rechts-links {text-align:right; margin-right:8px;}


/* ==========> FUER DIE INHALTSEITE DES WARENKORBS / KASSE <========== */

div.warenkorb-artikelzeile {background-color:#EFEFEF; text-align:left; padding:0; margin:0; overflow:hidden; position:relative;}
.warenkorb-anzahlfeld {width:34px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
div.warenkorb-artikel {float:left; text-align:left; width:420px; margin:0; padding:2px;}
div.warenkorb-preis {float:left; text-align:right; width:190px; margin:0; padding:2px;}
div.warenkorb-summe {float:left; text-align:right; vertical-align:top; width:240px; margin:0; padding:2px;}
.warenkorb-loeschbutton {height:25px; width:30px; padding:4px; margin-left:4px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/rewardshop/shoppingcart_remove_item.png); background-repeat:no-repeat; background-position:6px 5px;}
.warenkorb-aendernbutton {height:25px; width:30px; padding:4px; margin-left:4px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/rewardshop/shoppingcart_edit_item.png); background-repeat:no-repeat; background-position:6px 5px;}
div.warenkorb-summegesamt {float:none; text-align:right; margin:0; padding:2px 10px 2px 2px; background-color:#DFDFDF;}

div.warenkorb-register {display:flex; justify-content:center; align-items:center; float:left; width:50%;}
div.warenkorb-login {display:flex; justify-content:center; align-items:center; float:left; width:50%;}

div.warenkorb-bezahlen {float:none; text-align:right; margin:0; padding:4px;}
.button-warenkorb-bezahlen {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-warenkorb-bezahlen:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}


/* ==========> FUER DIE AUFLISTUNG DER BESTELLUNGEN <========== */

div.bestellung {clear:left; background-color:#e4e4e4; text-align:left; padding:0; margin:0; overflow:hidden; position:relative;}
div.bestellungs-infos {float:none; text-align:left;margin:0; padding:0;}
div.bestellungs-infos-nummer {float:left; text-align:left; width:30%; margin:0; padding:4px;}
div.bestellungs-infos-datum {float:left; text-align:left; width:30%; margin:0; padding:4px;}
div.bestellungs-infos-status {float:left; text-align:left; width:30%; margin:0; padding:4px;}
div.bestellungs-artikel {clear:left; text-align:left;margin:0; padding:4px;}
div.bestellungs-wert {float:none; text-align:right; margin:0; padding:4px;}


/* ==========> FUER DIE AUFLISTUNG IN DEN KATEGORIEN <========== */

div.artikel-kategorien-suche {text-align:left; width:422px; float:left;}
.artikel-kategorien-suchfeld {width:280px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.artikel-kategorien-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.artikel-kategorien-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
div.artikel-kategorien-sortieren {text-align:right; width:422px; padding-right:1%; float:left;}
.artikel-kategorien-sortieren-auswahlfeld {width:160px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.artikel-kategorien-box {width:98%; min-height:90px; padding:8px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}

div.artikel-kategorien-name {float:left; width:98%;}
a.artikel-kategorien-name-lang {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold;}
a.artikel-kategorien-name-lang:hover, a.artikel-kategorien-name-lang:focus, a.artikel-kategorien-name-lang:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold;}
a.artikel-kategorien-name-mittel {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-kategorien-name-mittel:hover, a.artikel-kategorien-name-mittel:focus, a.artikel-kategorien-name-mittel:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-kategorien-name-kurz {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-kategorien-name-kurz:hover, a.artikel-kategorien-name-kurz:focus, a.artikel-kategorien-name-kurz:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}

div.artikel-kategorien-favoritenfunktion {float:left; width:2%;}
img.artikel-kategorien-favoritenbild {width:16px; height:16px;}
img:hover.artikel-kategorien-favoritenbild {width:16px; height:16px;}

div.artikel-kategorien-kurzbeschreibung-lang {clear:left; padding-top:4px; padding-bottom:4px;}
div.artikel-kategorien-kurzbeschreibung-mittel {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-kategorien-kurzbeschreibung-kurz {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-kategorien-kurzbeschreibung-extrakurz {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}

div.artikel-kategorien-preiseundbuttons {clear:left;}
div.artikel-kategorien-bewertung {float:left; width:30%;}
img.artikel-kategorien-sterne {float:left; height:16px; width:16px; margin-top:8px;}
span.artikel-kategorien-anzahlverfuegbar {float:left; margin-top:8px; margin-left:8px; font-family:Arial, serif; font-size:14px; font-weight:bold;}

div.artikel-kategorien-preis {float:left; width:70%;}
span.artikel-kategorien-preisangabe-lang {float:right; padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
span.artikel-kategorien-preisangabe-kurz {float:right; padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400; display:none; visibility:hidden;}

.button-artikel-kategorien-kaufen-gross {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-kategorien-kaufen-gross:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

.button-artikel-kategorien-kaufen-klein {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}
.button-artikel-kategorien-kaufen-klein:hover {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}


/* ==========> FUER DIE DETAILSEITEN DER ARTIKEL <========== */

div.artikel-details-infozeile {float:left; width:90%; text-align:left; padding:0; margin:0;}
div.artikel-details-infozeile-infos {float:left; margin-right:80px; margin-top:6px;}
div.artikel-details-infozeile-bewertung {float:left;}
div.artikel-details-infozeile-bewertung-sterne {float:left;}
div.artikel-details-infozeile-bewertung-formular {float:left;}

img.artikel-details-sterne {height:20px; width:20px; margin-top:4px;}
.artikel-details-bewertungsauswahlfeld {width:90px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:2px; margin-left:6px;}
.artikel-details-bewertungsbutton {height:28px; width:40px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}
.artikel-details-bewertungsbutton:hover {height:28px; width:40px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}

div.artikel-details-favoritenfunktion {float:left; overflow:hidden; position:relative; width:10%; height:24px; text-align:right; padding:0; margin:0;}
img.artikel-details-favoritenbild {width:20px; height:20px;}
img:hover.artikel-details-favoritenbild {width:24px; height:24px;}

div.artikel-details-name {padding:0; margin:0; font-family:Arial, serif; font-size:18px; color:#000000; font-weight:bold; display:inline;}

div.artikel-details-bestellformular {text-align:right; margin:0; padding:0;}
.artikel-details-bestellformular-anzahlfeld {width:34px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
span.artikel-details-bestellformular-preisangabe {padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
.button-artikel-details-bestellformular-gross {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-details-bestellformular-gross:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.artikel-details-fehlermeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#8B0000; font-weight:normal; background-color:#FFDADA; border:1px solid #8B0000; text-align:left; padding:16px; margin:0; overflow:hidden; position:relative;}
div.artikel-details-listenspalte {float:left; width:240px; padding:4px; margin:0;}

}



/* ================================================= */
/* ==========> FUER MITTLERE BILDSCHIRME <========== */
/* ================================================= */

@media (min-width: 990px) and (max-width: 1200px) {

/* ==========> FUER DIE AUFLISTUNG IN DER BOX AUF DER STARTSEITE <========== */
div.artikel-startseitenbox-rechts-suche {text-align:right; margin-top:10px;}
.artikel-startseitenbox-rechts-suchfeld {width:280px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.artikel-startseitenbox-rechts-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.artikel-startseitenbox-rechts-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

div.artikel-startseitenbox-rechts-box {width:97%; min-height:90px; padding:8px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}

div.artikel-startseitenbox-rechts-name {float:left; width:97%;}
a.artikel-startseitenbox-rechts-name-lang {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold;}
a.artikel-startseitenbox-rechts-name-lang:hover, a.artikel-kategorien-name-lang:focus, a.artikel-kategorien-name-lang:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold;}
a.artikel-startseitenbox-rechts-name-mittel {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-startseitenbox-rechts-name-mittel:hover, a.artikel-kategorien-name-mittel:focus, a.artikel-kategorien-name-mittel:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-startseitenbox-rechts-name-kurz {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-startseitenbox-rechts-name-kurz:hover, a.artikel-kategorien-name-kurz:focus, a.artikel-kategorien-name-kurz:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}

div.artikel-startseitenbox-rechts-favoritenfunktion {float:left; width:2%;}
img.artikel-startseitenbox-rechts-favoritenbild {width:16px; height:16px;}
img:hover.artikel-startseitenbox-rechts-favoritenbild {width:16px; height:16px;}

div.artikel-startseitenbox-rechts-kurzbeschreibung-lang {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-startseitenbox-rechts-kurzbeschreibung-mittel {clear:left; padding-top:4px; padding-bottom:4px;}
div.artikel-startseitenbox-rechts-kurzbeschreibung-kurz {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-startseitenbox-rechts-kurzbeschreibung-extrakurz {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}

div.artikel-startseitenbox-rechts-preiseundbuttons {clear:left;}
div.artikel-startseitenbox-rechts-bewertung {float:left; width:30%;}
img.artikel-startseitenbox-rechts-sterne {float:left; height:16px; width:16px; margin-top:8px;}
span.artikel-startseitenbox-rechts-anzahlverfuegbar {float:left; margin-top:8px; margin-left:8px; font-family:Arial, serif; font-size:14px; font-weight:bold;}

div.artikel-startseitenbox-rechts-preis {float:left; width:70%;}
span.artikel-startseitenbox-rechts-preisangabe-lang {float:right; padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
span.artikel-startseitenbox-rechts-preisangabe-kurz {float:right; padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400; display:none; visibility:hidden;}

.button-artikel-startseitenbox-rechts-kaufen-gross {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-startseitenbox-rechts-kaufen-gross:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

.button-artikel-startseitenbox-rechts-kaufen-klein {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}
.button-artikel-startseitenbox-rechts-kaufen-klein:hover {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}

div.artikel-startseitenbox-rechts-links {text-align:right; margin-right:8px;}


/* ==========> FUER DIE INHALTSEITE DES WARENKORBS / KASSE <========== */

div.warenkorb-artikelzeile {background-color:#EFEFEF; text-align:left; padding:0; margin:0; overflow:hidden; position:relative;}
.warenkorb-anzahlfeld {width:34px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
div.warenkorb-artikel {float:left; text-align:left; width:280px; margin:0; padding:2px;}
div.warenkorb-preis {float:left; text-align:right; width:140px; margin:0; padding:2px;}
div.warenkorb-summe {float:left; text-align:right; width:220px; margin:0; padding:2px;}
.warenkorb-loeschbutton {height:25px; width:30px; padding:4px; margin-left:4px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/rewardshop/shoppingcart_remove_item.png); background-repeat:no-repeat; background-position:6px 5px;}
.warenkorb-aendernbutton {height:25px; width:30px; padding:4px; margin-left:4px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/rewardshop/shoppingcart_edit_item.png); background-repeat:no-repeat; background-position:6px 5px;}
div.warenkorb-summegesamt {float:none; text-align:right; margin:0; padding:2px 10px 2px 2px; background-color:#DFDFDF;}

div.warenkorb-register {display:flex; justify-content:center; align-items:center; float:left; width:50%;}
div.warenkorb-login {display:flex; justify-content:center; align-items:center; float:left; width:50%;}

div.warenkorb-bezahlen {float:none; text-align:right; margin:0; padding:4px;}
.button-warenkorb-bezahlen {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-warenkorb-bezahlen:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}


/* ==========> FUER DIE AUFLISTUNG DER BESTELLUNGEN <========== */

div.bestellung {clear:left; background-color:#e4e4e4; text-align:left; padding:0; margin:0; overflow:hidden; position:relative;}
div.bestellungs-infos {float:none; text-align:left;margin:0; padding:0;}
div.bestellungs-infos-nummer {float:left; text-align:left; width:30%; margin:0; padding:4px;}
div.bestellungs-infos-datum {float:left; text-align:left; width:30%; margin:0; padding:4px;}
div.bestellungs-infos-status {float:left; text-align:left; width:30%; margin:0; padding:4px;}
div.bestellungs-artikel {clear:left; text-align:left;margin:0; padding:4px;}
div.bestellungs-wert {float:none; text-align:right; margin:0; padding:4px;}


/* ==========> FUER DIE AUFLISTUNG IN DEN KATEGORIEN <========== */

div.artikel-kategorien-suche {text-align:left; width:440px; float:left;}
.artikel-kategorien-suchfeld {width:280px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.artikel-kategorien-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.artikel-kategorien-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
div.artikel-kategorien-sortieren {text-align:right; width:200px; padding-right:1%; float:left;}
.artikel-kategorien-sortieren-auswahlfeld {width:160px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.artikel-kategorien-box {width:97%; min-height:90px; padding:8px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}

div.artikel-kategorien-name {float:left; width:97%;}
a.artikel-kategorien-name-lang {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold;}
a.artikel-kategorien-name-lang:hover, a.artikel-kategorien-name-lang:focus, a.artikel-kategorien-name-lang:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold;}
a.artikel-kategorien-name-mittel {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-kategorien-name-mittel:hover, a.artikel-kategorien-name-mittel:focus, a.artikel-kategorien-name-mittel:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-kategorien-name-kurz {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-kategorien-name-kurz:hover, a.artikel-kategorien-name-kurz:focus, a.artikel-kategorien-name-kurz:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}

div.artikel-kategorien-favoritenfunktion {float:left; width:2%;}
img.artikel-kategorien-favoritenbild {width:16px; height:16px;}
img:hover.artikel-kategorien-favoritenbild {width:16px; height:16px;}

div.artikel-kategorien-kurzbeschreibung-lang {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-kategorien-kurzbeschreibung-mittel {clear:left; padding-top:4px; padding-bottom:4px;}
div.artikel-kategorien-kurzbeschreibung-kurz {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-kategorien-kurzbeschreibung-extrakurz {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}

div.artikel-kategorien-preiseundbuttons {clear:left;}
div.artikel-kategorien-bewertung {float:left; width:30%;}
img.artikel-kategorien-sterne {float:left; height:16px; width:16px; margin-top:8px;}
span.artikel-kategorien-anzahlverfuegbar {float:left; margin-top:8px; margin-left:8px; font-family:Arial, serif; font-size:14px; font-weight:bold;}

div.artikel-kategorien-preis {float:left; width:70%;}
span.artikel-kategorien-preisangabe-lang {float:right; padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
span.artikel-kategorien-preisangabe-kurz {float:right; padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400; display:none; visibility:hidden;}

.button-artikel-kategorien-kaufen-gross {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-kategorien-kaufen-gross:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

.button-artikel-kategorien-kaufen-klein {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}
.button-artikel-kategorien-kaufen-klein:hover {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}


/* ==========> FUER DIE DETAILSEITEN DER ARTIKEL <========== */

div.artikel-details-infozeile {float:left; width:90%; text-align:left; padding:0; margin:0;}
div.artikel-details-infozeile-infos {float:left; margin-right:40px; margin-top:6px;}
div.artikel-details-infozeile-bewertung {float:left;}
div.artikel-details-infozeile-bewertung-sterne {float:left;}
div.artikel-details-infozeile-bewertung-formular {float:left;}

img.artikel-details-sterne {height:20px; width:20px; margin-top:4px;}
.artikel-details-bewertungsauswahlfeld {width:90px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:2px; margin-left:6px;}
.artikel-details-bewertungsbutton {height:28px; width:40px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}
.artikel-details-bewertungsbutton:hover {height:28px; width:40px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}

div.artikel-details-favoritenfunktion {float:left; overflow:hidden; position:relative; width:10%; height:24px; text-align:right; padding:0; margin:0;}
img.artikel-details-favoritenbild {width:20px; height:20px;}
img:hover.artikel-details-favoritenbild {width:24px; height:24px;}

div.artikel-details-name {padding:0; margin:0; font-family:Arial, serif; font-size:18px; color:#000000; font-weight:bold; display:inline;}

div.artikel-details-bestellformular {text-align:right; margin:0; padding:0;}
.artikel-details-bestellformular-anzahlfeld {width:34px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
span.artikel-details-bestellformular-preisangabe {padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
.button-artikel-details-bestellformular-gross {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-details-bestellformular-gross:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.artikel-details-fehlermeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#8B0000; font-weight:normal; background-color:#FFDADA; border:1px solid #8B0000; text-align:left; padding:16px; margin:0; overflow:hidden; position:relative;}
div.artikel-details-listenspalte {float:left; width:240px; padding:4px; margin:0;}

}



/* ================================================ */
/* ==========> FUER SCHMALE BILDSCHIRME <========== */
/* ================================================ */

@media (min-width: 800px) and (max-width: 990px) {

/* ==========> FUER DIE AUFLISTUNG IN DER BOX AUF DER STARTSEITE <========== */
div.artikel-startseitenbox-rechts-suche {text-align:right; margin-top:10px;}
.artikel-startseitenbox-rechts-suchfeld {width:280px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.artikel-startseitenbox-rechts-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.artikel-startseitenbox-rechts-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

div.artikel-startseitenbox-rechts-box {width:96%; min-height:140px; padding:8px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}

div.artikel-startseitenbox-rechts-name {float:left; width:96%;}
a.artikel-startseitenbox-rechts-name-lang {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-startseitenbox-rechts-name-lang:hover, a.artikel-kategorien-name-lang:focus, a.artikel-kategorien-name-lang:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-startseitenbox-rechts-name-mittel {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold;}
a.artikel-startseitenbox-rechts-name-mittel:hover, a.artikel-kategorien-name-mittel:focus, a.artikel-kategorien-name-mittel:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold;}
a.artikel-startseitenbox-rechts-name-kurz {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-startseitenbox-rechts-name-kurz:hover, a.artikel-kategorien-name-kurz:focus, a.artikel-kategorien-name-kurz:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}

div.artikel-startseitenbox-rechts-favoritenfunktion {float:left; width:2%;}
img.artikel-startseitenbox-rechts-favoritenbild {width:16px; height:16px;}
img:hover.artikel-startseitenbox-rechts-favoritenbild {width:16px; height:16px;}

div.artikel-startseitenbox-rechts-kurzbeschreibung-lang {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-startseitenbox-rechts-kurzbeschreibung-mittel {clear:left; padding-top:4px; padding-bottom:4px;}
div.artikel-startseitenbox-rechts-kurzbeschreibung-kurz {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-startseitenbox-rechts-kurzbeschreibung-extrakurz {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}

div.artikel-startseitenbox-rechts-preiseundbuttons {clear:left;}
div.artikel-startseitenbox-rechts-bewertung {clear:left; width:100%;}
img.artikel-startseitenbox-rechts-sterne {float:left; height:16px; width:16px; margin-top:8px;}
span.artikel-startseitenbox-rechts-anzahlverfuegbar {float:left; margin-top:8px; margin-left:8px; font-family:Arial, serif; font-size:14px; font-weight:bold;}

div.artikel-startseitenbox-rechts-preis {clear:left; width:100%;}
span.artikel-startseitenbox-rechts-preisangabe-lang {float:right; padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
span.artikel-startseitenbox-rechts-preisangabe-kurz {float:right; padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400; display:none; visibility:hidden;}

.button-artikel-startseitenbox-rechts-kaufen-gross {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-startseitenbox-rechts-kaufen-gross:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

.button-artikel-startseitenbox-rechts-kaufen-klein {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}
.button-artikel-startseitenbox-rechts-kaufen-klein:hover {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}

div.artikel-startseitenbox-rechts-links {text-align:right; margin-right:8px;}


/* ==========> FUER DIE INHALTSEITE DES WARENKORBS / KASSE <========== */

div.warenkorb-artikelzeile {background-color:#EFEFEF; text-align:left; padding:0; margin:0; overflow:hidden; position:relative;}
.warenkorb-anzahlfeld {width:34px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
div.warenkorb-artikel {float:left; text-align:left; width:460px; margin:0; padding:2px;}
div.warenkorb-preis {float:left; text-align:right; width:240px; margin:0; padding:2px;}
div.warenkorb-summe {float:left; text-align:right; width:210px; margin:0; padding:2px;}
.warenkorb-loeschbutton {height:25px; width:30px; padding:4px; margin-left:4px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/rewardshop/shoppingcart_remove_item.png); background-repeat:no-repeat; background-position:6px 5px;}
.warenkorb-aendernbutton {height:25px; width:30px; padding:4px; margin-left:4px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/rewardshop/shoppingcart_edit_item.png); background-repeat:no-repeat; background-position:6px 5px;}
div.warenkorb-summegesamt {float:none; text-align:right; margin:0; padding:2px 10px 2px 2px; background-color:#DFDFDF;}

div.warenkorb-register {display:flex; justify-content:center; align-items:center; float:left; width:50%;}
div.warenkorb-login {display:flex; justify-content:center; align-items:center; float:left; width:50%;}

div.warenkorb-bezahlen {float:none; text-align:right; margin:0; padding:4px;}
.button-warenkorb-bezahlen {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-warenkorb-bezahlen:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}


/* ==========> FUER DIE AUFLISTUNG DER BESTELLUNGEN <========== */

div.bestellung {clear:left; background-color:#e4e4e4; text-align:left; padding:0; margin:0; overflow:hidden; position:relative;}
div.bestellungs-infos {float:none; text-align:left;margin:0; padding:0;}
div.bestellungs-infos-nummer {float:left; text-align:left; width:20%; margin:0; padding:4px;}
div.bestellungs-infos-datum {float:left; text-align:left; width:30%; margin:0; padding:4px;}
div.bestellungs-infos-status {float:left; text-align:left; width:40%; margin:0; padding:4px;}
div.bestellungs-artikel {clear:left; text-align:left;margin:0; padding:4px;}
div.bestellungs-wert {float:none; text-align:right; margin:0; padding:4px;}


/* ==========> FUER DIE AUFLISTUNG IN DEN KATEGORIEN <========== */

div.artikel-kategorien-suche {text-align:left; width:268px; float:left;}
.artikel-kategorien-suchfeld {width:200px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.artikel-kategorien-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.artikel-kategorien-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
div.artikel-kategorien-sortieren {text-align:right; width:188px; padding-right:1%; float:left;}
.artikel-kategorien-sortieren-auswahlfeld {width:140px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.artikel-kategorien-box {width:96%; min-height:140px; padding:8px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}

div.artikel-kategorien-name {float:left; width:96%;}
a.artikel-kategorien-name-lang {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-kategorien-name-lang:hover, a.artikel-kategorien-name-lang:focus, a.artikel-kategorien-name-lang:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-kategorien-name-mittel {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold;}
a.artikel-kategorien-name-mittel:hover, a.artikel-kategorien-name-mittel:focus, a.artikel-kategorien-name-mittel:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold;}
a.artikel-kategorien-name-kurz {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-kategorien-name-kurz:hover, a.artikel-kategorien-name-kurz:focus, a.artikel-kategorien-name-kurz:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}

div.artikel-kategorien-favoritenfunktion {float:left; width:2%;}
img.artikel-kategorien-favoritenbild {width:16px; height:16px;}
img:hover.artikel-kategorien-favoritenbild {width:16px; height:16px;}

div.artikel-kategorien-kurzbeschreibung-lang {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-kategorien-kurzbeschreibung-mittel {clear:left; padding-top:4px; padding-bottom:4px;}
div.artikel-kategorien-kurzbeschreibung-kurz {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-kategorien-kurzbeschreibung-extrakurz {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}

div.artikel-kategorien-preiseundbuttons {clear:left;}
div.artikel-kategorien-bewertung {clear:left; width:100%;}
img.artikel-kategorien-sterne {float:left; height:16px; width:16px; margin-top:8px;}
span.artikel-kategorien-anzahlverfuegbar {float:left; margin-top:8px; margin-left:8px; font-family:Arial, serif; font-size:14px; font-weight:bold;}

div.artikel-kategorien-preis {clear:left; width:100%;}
span.artikel-kategorien-preisangabe-lang {float:right; padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
span.artikel-kategorien-preisangabe-kurz {float:right; padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400; display:none; visibility:hidden;}

.button-artikel-kategorien-kaufen-gross {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-kategorien-kaufen-gross:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

.button-artikel-kategorien-kaufen-klein {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}
.button-artikel-kategorien-kaufen-klein:hover {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}


/* ==========> FUER DIE DETAILSEITEN DER ARTIKEL <========== */

div.artikel-details-infozeile {float:left; width:90%; text-align:left; padding:0; margin:0;}
div.artikel-details-infozeile-infos {float:left; margin-right:10px; margin:0;}
div.artikel-details-infozeile-bewertung {float:left; width:400px; margin-top:8px;}
div.artikel-details-infozeile-bewertung-sterne {float:left;}
div.artikel-details-infozeile-bewertung-formular {float:left;}

img.artikel-details-sterne {height:20px; width:20px; margin-top:4px;}
.artikel-details-bewertungsauswahlfeld {width:90px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:2px; margin-left:6px;}
.artikel-details-bewertungsbutton {height:28px; width:40px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}
.artikel-details-bewertungsbutton:hover {height:28px; width:40px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}

div.artikel-details-favoritenfunktion {float:left; overflow:hidden; position:relative; width:10%; height:24px; text-align:right; padding:0; margin:0;}
img.artikel-details-favoritenbild {width:20px; height:20px;}
img:hover.artikel-details-favoritenbild {width:24px; height:24px;}

div.artikel-details-name {padding:0; margin:0; font-family:Arial, serif; font-size:18px; color:#000000; font-weight:bold; display:inline;}

div.artikel-details-bestellformular {text-align:right; margin:0; padding:0;}
.artikel-details-bestellformular-anzahlfeld {width:34px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
span.artikel-details-bestellformular-preisangabe {padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
.button-artikel-details-bestellformular-gross {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-details-bestellformular-gross:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.artikel-details-fehlermeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#8B0000; font-weight:normal; background-color:#FFDADA; border:1px solid #8B0000; text-align:left; padding:16px; margin:0; overflow:hidden; position:relative;}
div.artikel-details-listenspalte {float:left; width:240px; padding:4px; margin:0;}

}



/* =================================================================================== */
/* ==========> FUER DEN UEBERGANG VON SCHMALE AUF SEHR SCHMALE BILDSCHIRME <========== */
/* =================================================================================== */

@media (min-width: 540px) and (max-width: 800px) {

/* ==========> FUER DIE AUFLISTUNG IN DER BOX AUF DER STARTSEITE <========== */
div.artikel-startseitenbox-rechts-suche {text-align:right; margin-top:10px;}
.artikel-startseitenbox-rechts-suchfeld {width:280px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.artikel-startseitenbox-rechts-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.artikel-startseitenbox-rechts-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

div.artikel-startseitenbox-rechts-box {width:96%; min-height:90px; padding:8px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}

div.artikel-startseitenbox-rechts-name {float:left; width:96%;}
a.artikel-startseitenbox-rechts-name-lang {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-startseitenbox-rechts-name-lang:hover, a.artikel-kategorien-name-lang:focus, a.artikel-kategorien-name-lang:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-startseitenbox-rechts-name-mittel {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold;}
a.artikel-startseitenbox-rechts-name-mittel:hover, a.artikel-kategorien-name-mittel:focus, a.artikel-kategorien-name-mittel:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold;}
a.artikel-startseitenbox-rechts-name-kurz {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-startseitenbox-rechts-name-kurz:hover, a.artikel-kategorien-name-kurz:focus, a.artikel-kategorien-name-kurz:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}

div.artikel-startseitenbox-rechts-favoritenfunktion {float:left; width:2%;}
img.artikel-startseitenbox-rechts-favoritenbild {width:16px; height:16px;}
img:hover.artikel-startseitenbox-rechts-favoritenbild {width:16px; height:16px;}

div.artikel-startseitenbox-rechts-kurzbeschreibung-lang {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-startseitenbox-rechts-kurzbeschreibung-mittel {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-startseitenbox-rechts-kurzbeschreibung-kurz {clear:left; padding-top:4px; padding-bottom:4px;}
div.artikel-startseitenbox-rechts-kurzbeschreibung-extrakurz {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}

div.artikel-startseitenbox-rechts-preiseundbuttons {clear:left;}
div.artikel-startseitenbox-rechts-bewertung {float:left; width:20%;}
img.artikel-startseitenbox-rechts-sterne {float:left; height:16px; width:16px; margin-top:8px;}
span.artikel-startseitenbox-rechts-anzahlverfuegbar {float:left; margin-top:8px; margin-left:8px; font-family:Arial, serif; font-size:14px; font-weight:bold; display:none; visibility:hidden;}

div.artikel-startseitenbox-rechts-preis {float:left; width:80%;}
span.artikel-startseitenbox-rechts-preisangabe-lang {float:right; padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400; display:none; visibility:hidden;}
span.artikel-startseitenbox-rechts-preisangabe-kurz {float:right; padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}

.button-artikel-startseitenbox-rechts-kaufen-gross {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-startseitenbox-rechts-kaufen-gross:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

.button-artikel-startseitenbox-rechts-kaufen-klein {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}
.button-artikel-startseitenbox-rechts-kaufen-klein:hover {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}

div.artikel-startseitenbox-rechts-links {text-align:right; margin-right:8px;}


/* ==========> FUER DIE INHALTSEITE DES WARENKORBS / KASSE <========== */

div.warenkorb-artikelzeile {background-color:#EFEFEF; text-align:left; padding:0; margin:0; overflow:hidden; position:relative;}
.warenkorb-anzahlfeld {width:34px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
div.warenkorb-artikel {float:left; text-align:left; width:33%; margin:0; padding:2px;}
div.warenkorb-preis {float:left; text-align:right; width:27%; margin:0; padding:2px;}
div.warenkorb-summe {float:left; text-align:right; width:37%; margin:0; padding:2px;}
.warenkorb-loeschbutton {height:25px; width:30px; padding:4px; margin-left:4px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/rewardshop/shoppingcart_remove_item.png); background-repeat:no-repeat; background-position:6px 5px;}
.warenkorb-aendernbutton {height:25px; width:30px; padding:4px; margin-left:4px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/rewardshop/shoppingcart_edit_item.png); background-repeat:no-repeat; background-position:6px 5px;}
div.warenkorb-summegesamt {float:none; text-align:right; margin:0; padding:2px 10px 2px 2px; background-color:#DFDFDF;}

div.warenkorb-register {display:flex; justify-content:center; align-items:center; float:left; width:50%;}
div.warenkorb-login {display:flex; justify-content:center; align-items:center; float:left; width:50%;}

div.warenkorb-bezahlen {float:none; text-align:right; margin:0; padding:4px;}
.button-warenkorb-bezahlen {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-warenkorb-bezahlen:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}


/* ==========> FUER DIE AUFLISTUNG DER BESTELLUNGEN <========== */

div.bestellung {clear:left; background-color:#e4e4e4; text-align:left; padding:0; margin:0; overflow:hidden; position:relative;}
div.bestellungs-infos {float:none; text-align:left;margin:0; padding:0;}
div.bestellungs-infos-nummer {float:left; text-align:left; width:20%; margin:0; padding:4px;}
div.bestellungs-infos-datum {float:left; text-align:left; width:30%; margin:0; padding:4px;}
div.bestellungs-infos-status {float:left; text-align:left; width:40%; margin:0; padding:4px;}
div.bestellungs-artikel {clear:left; text-align:left;margin:0; padding:4px;}
div.bestellungs-wert {float:none; text-align:right; margin:0; padding:4px;}


/* ==========> FUER DIE AUFLISTUNG IN DEN KATEGORIEN <========== */

div.artikel-kategorien-suche {text-align:left; width:59%; float:left;}
.artikel-kategorien-suchfeld {width:200px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.artikel-kategorien-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.artikel-kategorien-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
div.artikel-kategorien-sortieren {text-align:right; width:39%; padding-right:1%; float:left;}
.artikel-kategorien-sortieren-auswahlfeld {width:160px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.artikel-kategorien-box {width:96%; min-height:90px; padding:8px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}

div.artikel-kategorien-name {float:left; width:96%;}
a.artikel-kategorien-name-lang {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-kategorien-name-lang:hover, a.artikel-kategorien-name-lang:focus, a.artikel-kategorien-name-lang:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-kategorien-name-mittel {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold;}
a.artikel-kategorien-name-mittel:hover, a.artikel-kategorien-name-mittel:focus, a.artikel-kategorien-name-mittel:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold;}
a.artikel-kategorien-name-kurz {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-kategorien-name-kurz:hover, a.artikel-kategorien-name-kurz:focus, a.artikel-kategorien-name-kurz:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}

div.artikel-kategorien-favoritenfunktion {float:left; width:2%;}
img.artikel-kategorien-favoritenbild {width:16px; height:16px;}
img:hover.artikel-kategorien-favoritenbild {width:16px; height:16px;}

div.artikel-kategorien-kurzbeschreibung-lang {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-kategorien-kurzbeschreibung-mittel {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-kategorien-kurzbeschreibung-kurz {clear:left; padding-top:4px; padding-bottom:4px;}
div.artikel-kategorien-kurzbeschreibung-extrakurz {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}

div.artikel-kategorien-preiseundbuttons {clear:left;}
div.artikel-kategorien-bewertung {float:left; width:20%;}
img.artikel-kategorien-sterne {float:left; height:16px; width:16px; margin-top:8px;}
span.artikel-kategorien-anzahlverfuegbar {float:left; margin-top:8px; margin-left:8px; font-family:Arial, serif; font-size:14px; font-weight:bold; display:none; visibility:hidden;}

div.artikel-kategorien-preis {float:left; width:80%;}
span.artikel-kategorien-preisangabe-lang {float:right; padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400; display:none; visibility:hidden;}
span.artikel-kategorien-preisangabe-kurz {float:right; padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}

.button-artikel-kategorien-kaufen-gross {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-kategorien-kaufen-gross:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

.button-artikel-kategorien-kaufen-klein {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}
.button-artikel-kategorien-kaufen-klein:hover {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}


/* ==========> FUER DIE DETAILSEITEN DER ARTIKEL <========== */

div.artikel-details-infozeile {float:left; width:90%; text-align:left; padding:0; margin:0;}
div.artikel-details-infozeile-infos {float:left; margin-right:20px; margin-top:12px;}
div.artikel-details-infozeile-bewertung {float:left; margin-top:8px;}
div.artikel-details-infozeile-bewertung-sterne {float:left;}
div.artikel-details-infozeile-bewertung-formular {float:left;}

img.artikel-details-sterne {height:20px; width:20px; margin-top:4px;}
.artikel-details-bewertungsauswahlfeld {width:90px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:2px; margin-left:6px;}
.artikel-details-bewertungsbutton {height:28px; width:40px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}
.artikel-details-bewertungsbutton:hover {height:28px; width:40px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}

div.artikel-details-favoritenfunktion {float:left; overflow:hidden; position:relative; width:10%; height:24px; text-align:right; padding:0; margin:0;}
img.artikel-details-favoritenbild {width:20px; height:20px;}
img:hover.artikel-details-favoritenbild {width:24px; height:24px;}

div.artikel-details-name {padding:0; margin:0; font-family:Arial, serif; font-size:18px; color:#000000; font-weight:bold; display:inline;}

div.artikel-details-bestellformular {text-align:right; margin:0; padding:0;}
.artikel-details-bestellformular-anzahlfeld {width:34px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
span.artikel-details-bestellformular-preisangabe {padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
.button-artikel-details-bestellformular-gross {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-details-bestellformular-gross:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.artikel-details-fehlermeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#8B0000; font-weight:normal; background-color:#FFDADA; border:1px solid #8B0000; text-align:left; padding:16px; margin:0; overflow:hidden; position:relative;}
div.artikel-details-listenspalte {float:left; width:240px; padding:4px; margin:0;}

}



/* ============================================================================ */
/* ==========> FUER SEHR SCHMALE BILDSCHIRME WIE HANDYS UND TABLETS <========== */
/* ============================================================================ */

@media (max-width: 540px) {

/* ==========> FUER DIE AUFLISTUNG IN DER BOX AUF DER STARTSEITE <========== */
div.artikel-startseitenbox-rechts-suche {text-align:right; margin-top:10px;}
.artikel-startseitenbox-rechts-suchfeld {width:190px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.artikel-startseitenbox-rechts-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.artikel-startseitenbox-rechts-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

div.artikel-startseitenbox-rechts-box {width:93%; min-height:120px; padding:8px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}

div.artikel-startseitenbox-rechts-name {float:left; width:96%;}
a.artikel-startseitenbox-rechts-name-lang {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-startseitenbox-rechts-name-lang:hover, a.artikel-kategorien-name-lang:focus, a.artikel-kategorien-name-lang:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-startseitenbox-rechts-name-mittel {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-startseitenbox-rechts-name-mittel:hover, a.artikel-kategorien-name-mittel:focus, a.artikel-kategorien-name-mittel:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-startseitenbox-rechts-name-kurz {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold;}
a.artikel-startseitenbox-rechts-name-kurz:hover, a.artikel-kategorien-name-kurz:focus, a.artikel-kategorien-name-kurz:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold;}

div.artikel-startseitenbox-rechts-favoritenfunktion {float:left; width:2%;}
img.artikel-startseitenbox-rechts-favoritenbild {width:16px; height:16px;}
img:hover.artikel-startseitenbox-rechts-favoritenbild {width:16px; height:16px;}

div.artikel-startseitenbox-rechts-kurzbeschreibung-lang {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-startseitenbox-rechts-kurzbeschreibung-mittel {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-startseitenbox-rechts-kurzbeschreibung-kurz {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-startseitenbox-rechts-kurzbeschreibung-extrakurz {clear:left; padding-top:4px; padding-bottom:4px;}

div.artikel-startseitenbox-rechts-preiseundbuttons {clear:left;}
div.artikel-startseitenbox-rechts-bewertung {clear:left; width:100%;}
img.artikel-startseitenbox-rechts-sterne {float:left; height:16px; width:16px; margin-top:8px;}
span.artikel-startseitenbox-rechts-anzahlverfuegbar {float:left; margin-top:9px; margin-left:8px; font-family:Arial, serif; font-size:13px; font-weight:bold;}

div.artikel-startseitenbox-rechts-preis {clear:left; width:100%;}
span.artikel-startseitenbox-rechts-preisangabe-lang {float:right; padding-top:7px; font-family:Arial, serif; font-size:13px; font-weight:bold; color:#006400; display:none; visibility:hidden;}
span.artikel-startseitenbox-rechts-preisangabe-kurz {float:right; padding-top:7px; font-family:Arial, serif; font-size:13px; font-weight:bold; color:#006400;}

.button-artikel-startseitenbox-rechts-kaufen-gross {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}
.button-artikel-startseitenbox-rechts-kaufen-gross:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}

.button-artikel-startseitenbox-rechts-kaufen-klein {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-startseitenbox-rechts-kaufen-klein:hover {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.artikel-startseitenbox-rechts-links {text-align:right; margin-right:8px;}


/* ==========> FUER DIE INHALTSEITE DES WARENKORBS / KASSE <========== */

div.warenkorb-artikelzeile {background-color:#EFEFEF; text-align:left; padding:0; margin:0; overflow:hidden; position:relative;}
.warenkorb-anzahlfeld {width:34px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
div.warenkorb-artikel {float:left; text-align:left; width:234px; margin:0; padding:2px;}
div.warenkorb-preis {float:left; text-align:right; width:234px; margin:0; padding:2px;}
div.warenkorb-summe {float:left; text-align:right; width:240px; margin:0; padding:2px;}
.warenkorb-loeschbutton {height:25px; width:30px; padding:4px; margin-left:4px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/rewardshop/shoppingcart_remove_item.png); background-repeat:no-repeat; background-position:6px 5px;}
.warenkorb-aendernbutton {height:25px; width:30px; padding:4px; margin-left:4px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/rewardshop/shoppingcart_edit_item.png); background-repeat:no-repeat; background-position:6px 5px;}
div.warenkorb-summegesamt {float:none; text-align:right; margin:0; padding:2px 10px 2px 2px; background-color:#DFDFDF;}

div.warenkorb-register {display:flex; justify-content:center; align-items:center; float:left; width:50%;}
div.warenkorb-login {display:flex; justify-content:center; align-items:center; float:left; width:50%;}

div.warenkorb-bezahlen {float:none; text-align:right; margin:0; padding:4px;}
.button-warenkorb-bezahlen {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-warenkorb-bezahlen:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}


/* ==========> FUER DIE AUFLISTUNG DER BESTELLUNGEN <========== */

div.bestellung {clear:left; background-color:#e4e4e4; text-align:left; padding:0; margin:0; overflow:hidden; position:relative;}
div.bestellungs-infos {float:none; text-align:left;margin:0; padding:0;}
div.bestellungs-infos-nummer {float:none; text-align:left; width:100%; margin:0; padding:4px;}
div.bestellungs-infos-datum {float:none; text-align:left; width:100%; margin:0; padding:4px;}
div.bestellungs-infos-status {float:none; text-align:left; width:100%; margin:0; padding:4px;}
div.bestellungs-artikel {clear:left; text-align:left;margin:0; padding:4px;}
div.bestellungs-wert {float:none; text-align:right; margin:0; padding:4px;}


/* ==========> FUER DIE AUFLISTUNG IN DEN KATEGORIEN <========== */

div.artikel-kategorien-suche {text-align:left; width:100%; margin-bottom:20px;}
.artikel-kategorien-suchfeld {width:190px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.artikel-kategorien-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.artikel-kategorien-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
div.artikel-kategorien-sortieren {text-align:right; width:100%; padding-right:1%;}
.artikel-kategorien-sortieren-auswahlfeld {width:160px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.artikel-kategorien-box {width:93%; min-height:120px; padding:8px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}

div.artikel-kategorien-name {float:left; width:96%;}
a.artikel-kategorien-name-lang {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-kategorien-name-lang:hover, a.artikel-kategorien-name-lang:focus, a.artikel-kategorien-name-lang:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-kategorien-name-mittel {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-kategorien-name-mittel:hover, a.artikel-kategorien-name-mittel:focus, a.artikel-kategorien-name-mittel:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold; display:none; visibility:hidden;}
a.artikel-kategorien-name-kurz {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold;}
a.artikel-kategorien-name-kurz:hover, a.artikel-kategorien-name-kurz:focus, a.artikel-kategorien-name-kurz:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold;}

div.artikel-kategorien-favoritenfunktion {float:left; width:2%;}
img.artikel-kategorien-favoritenbild {width:16px; height:16px;}
img:hover.artikel-kategorien-favoritenbild {width:16px; height:16px;}

div.artikel-kategorien-kurzbeschreibung-lang {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-kategorien-kurzbeschreibung-mittel {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-kategorien-kurzbeschreibung-kurz {clear:left; padding-top:4px; padding-bottom:4px; display:none; visibility:hidden;}
div.artikel-kategorien-kurzbeschreibung-extrakurz {clear:left; padding-top:4px; padding-bottom:4px;}

div.artikel-kategorien-preiseundbuttons {clear:left;}
div.artikel-kategorien-bewertung {clear:left; width:100%;}
img.artikel-kategorien-sterne {float:left; height:16px; width:16px; margin-top:8px;}
span.artikel-kategorien-anzahlverfuegbar {float:left; margin-top:9px; margin-left:8px; font-family:Arial, serif; font-size:13px; font-weight:bold;}

div.artikel-kategorien-preis {clear:left; width:100%;}
span.artikel-kategorien-preisangabe-lang {float:right; padding-top:7px; font-family:Arial, serif; font-size:13px; font-weight:bold; color:#006400; display:none; visibility:hidden;}
span.artikel-kategorien-preisangabe-kurz {float:right; padding-top:7px; font-family:Arial, serif; font-size:13px; font-weight:bold; color:#006400;}

.button-artikel-kategorien-kaufen-gross {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}
.button-artikel-kategorien-kaufen-gross:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px; display:none; visibility:hidden;}

.button-artikel-kategorien-kaufen-klein {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-kategorien-kaufen-klein:hover {float:right; padding-right:26px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:8px 5px; width:20px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}


/* ==========> FUER DIE DETAILSEITEN DER ARTIKEL <========== */

div.artikel-details-infozeile {float:left; width:90%; text-align:left; padding:0; margin:0;}
div.artikel-details-infozeile-infos {float:left; margin-right:20px; margin-top:12px;}
div.artikel-details-infozeile-bewertung {float:left; margin-top:8px;}
div.artikel-details-infozeile-bewertung-sterne {float:left;}
div.artikel-details-infozeile-bewertung-formular {float:left;}

img.artikel-details-sterne {height:20px; width:20px; margin-top:4px;}
.artikel-details-bewertungsauswahlfeld {width:90px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:2px;  margin-left:2px;}
.artikel-details-bewertungsbutton {height:28px; width:30px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}
.artikel-details-bewertungsbutton:hover {height:28px; width:30px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}

div.artikel-details-favoritenfunktion {float:left; overflow:hidden; position:relative; width:10%; height:24px; text-align:right; padding:0; margin:0;}
img.artikel-details-favoritenbild {width:20px; height:20px;}
img:hover.artikel-details-favoritenbild {width:24px; height:24px;}

div.artikel-details-name {padding:0; margin:0; font-family:Arial, serif; font-size:18px; color:#000000; font-weight:bold; display:inline;}

div.artikel-details-bestellformular {text-align:right; margin:0; padding:0;}
.artikel-details-bestellformular-anzahlfeld {width:34px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
span.artikel-details-bestellformular-preisangabe {padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
.button-artikel-details-bestellformular-gross {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-details-bestellformular-gross:hover {float:right; padding-right:30px; margin-left:6px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/rewardshop/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.artikel-details-fehlermeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#8B0000; font-weight:normal; background-color:#FFDADA; border:1px solid #8B0000; text-align:left; padding:16px; margin:0; overflow:hidden; position:relative;}
div.artikel-details-listenspalte {float:left; width:240px; padding:4px; margin:0;}

}