==============================================================================
> DETAILSEITE
==============================================================================

<div id="w_310_310" class="variante">	--> eindeutige ID

    <div class="varTitelUndArtnr">
    
        <a title="Hinzufügen zur Merkliste" class="editWishlist" href="javascript:toggleProductToWishlist(310,310,false)">zu Merkliste hinzufügen</a>
        <div class="varTitel">
            <h3>60 Kps.</h3><p>30 g</p>
        </div>
        <div class="varArtnr">
            <p><span><strong>Art-Nr: </strong></span>7402050<br><span><strong>PZN (A): </strong></span>3861895<br><span><strong>PZN (D): </strong></span>09424262</p>
        </div>
    </div>
    
    <div>

        <div class="varPreis">
            <a title="Produkt in den Warenkorb legen" class="button intoWarenkorb" href="javascript:addAjaxProductToWarenkorb(310,310,$('#datagridVariante310 select option:selected').val(),$('#datagridVariante310 select option').length,0,'nicht verfügbar','in den Warenkorb','bitte warten')">in den Warenkorb</a>
            <select name="produktAnzahl" class="produktAnzahl"><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="98">98</option><option value="99">99</option></select>
            <div class="preis">
                <div>
                    <span class="relPreis">0,630 €/g</span>  --> relativer Stückpreis "#w_310_310 .relPreis"
                    <span class="absPreis aktion">€ 18,90</span>	--> absoluter Stückpreis "#w_310_310 .absPreis"
                </div>

				<div>
                	<span class="aktionGrund">Sonderrabatt</span>
                    <span class="stattPreis"><s>€ 1,00</s></span>
                </div>


            </div>
        </div>
        
        <div class="varStaff">
            <div>ab 5 Stk<span>je € 14,90</span></div>
            <div>ab 3 Stk<span>je € 16,90</span></div>
            <div>1 Stk<span>€ 18,90</span></div>
        </div>

    </div>

</div>


==============================================================================
> SCHNELLANSICHT
==============================================================================

<li id="var310" class="variante odd">

    <div class="varPic">
        <a href="../produkte/detail.asp?id=310">
        <img src="http://192.168.178.4/0413_espara_2022/website/Data/BildArchiv/zuordnung/00246_pre.jpg" alt="Acai-Beere Kapseln">
        </a>
    </div>
    
    <div class="varTitelUndArtnr">
        <div class="varTitel"><a href="../produkte/detail.asp?id=310">Acai-Beere Kapseln<br>60 Kps.</a></div>
        <div class="varArtnr"><p><span><strong>Art-Nr: </strong></span>7402050<br><span><strong>PZN (A): </strong></span>3861895<br><span><strong>PZN (D): </strong></span>09424262</p></div>
    </div>
    
    <div class="varPreis">
    
        <form method="post" id="datagridVariante310" name="datagridVariante310" action="">
            <input type="hidden" name="produktId" value="310"><input type="hidden" name="produktPreis" value="18,90">
            <input type="hidden" name="produktDetail" value="310">
            <a title="Produkt in den Warenkorb legen" class="button intoWarenkorb" href="javascript:addAjaxProductToWarenkorb(310,310,$('#datagridVariante310 select option:selected').val(),$('#datagridVariante310 select option').length,0,'nicht verfügbar','in den Warenkorb','bitte warten')">in den Warenkorb</a>
            <select name="produktAnzahl310" class="produktAnzahl"><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select>
        </form>
    
        <div class="preis">
            <div>
                <span class="relPreis">0,630 €/g</span>
                <span class="absPreis">€ 18,90</span>
            </div>
            <div></div>
        </div>
        
    </div>

</li>