#muster_dark_matter{display:none;height:100%;width:100%;background:rgba(0,0,0,.7);position: absolute;top: 0;left: 0;z-index:10000;}
#muster_layer{background:#farbe1#;border-bottom-right-radius:1px;border-bottom-left-radius:1px;width:1077px;margin:0 auto;overflow:hidden;margin-top:4em;}

#muster_header {background:#farbe5#;display: table;width: 100%;}
#muster_header span {padding:10px;color:#farbe2#;display: table-cell;text-align: right;padding-top: 0;padding-bottom: 4px;}
#muster_header span a {color:#farbe2#;transform: scaleY(0.7);display: inline-block;font-size: 2em;}
#muster_header span:first-child{width:30%;text-align: left;white-space: nowrap;}

#muster_header.muster_close {width:70%;text-align:right;}

#muster_header .button{min-width:204px;text-align:center;box-sizing: border-box;}
#muster_body{background:#farbe2#;padding:16px 16px 0 16px;}
#muster_layer .button{margin: 10px 0 0 0;padding: 20px 10px;display:inline-block;text-transform:uppercase;white-space: nowrap;}
#muster_layer .button::before {content: ' ';display: block;top: 0;left: 0;width: inherit;height: inherit;position: absolute;z-index: 100000}
.muster_close {cursor:pointer;}

.muster_kachel {box-sizing:border-box;float: left;margin-top: 10px;background:#farbe2#;padding: 20px;margin-left: 10px;height: 705px;margin-bottom: 10px;}
.muster_kachel div {padding: 5px;max-width:295px;}
.muster_kachel a {width:94%;text-align:right;}
.muster_bild_div img {max-width:295px;}
.muster_text {font-size:0.8em;min-height: 140px;}
.muster_vers {font-size:0.8em;min-height: 40px;z-index:1000;}
.muster_var {min-height: 59px;z-index:1000;}
.muster_vk {font-size:0.8em;min-height: 30px;white-space: nowrap;}

@media (max-width: 1100px){ #muster_layer{width:721px;]
@media (max-width: 800px){
#muster_layer .button{padding: 20px 20px;}
.muster_text {min-height: 0px!important;}
.muster_kachel div {max-width:100%;}
#muster_layer{width:97%;position: absolute;} .muster_kachel {width:95%;height: 720px;} .muster_text {min-height: 240px;} .muster_vers {min-height: 40px;} .muster_vk {min-height: 40px;} .muster_kachel .button {font-size: 1em;]
.muster_wk {color:#farbe7#}
.muster_img_wk {max-height:60px;}

#muster#<script>var jqdark = window.setInterval(function(){ if(typeof $ != 'undefined'){ window.clearInterval(jqdark); $(".muster_close").click(function(){ $("#muster_dark_matter").hide(); }); ],10);</script>
#je_pos_muster#
<div class=muster_kachel><div class=muster_titel>#mustertitel</div><div class=muster_bild_div><img src=#musterbild></div><div class=muster_text>#mustertext</div><div class=muster_vk><span style="font-size:2em;">Preis: #muster_vk #curk </span> (#muster_st)</div><div class=muster_vers>zzgl. Versandkosten:<br>#muster_vers</div><div class=muster_var>#muster_var</div><a class='button' href='#muster_link' id=muster#muster_cnt>In den Warenkorb</a></div>
#je_pos_muster_ende#
<span onClick="$('#muster_dark_matter').show();" class="button" style="margin-top: 20px;margin-bottom: 20px;display: table;background: rgb(152, 152, 152);">MUSTER BESTELLEN (ab #muster_kp€)</span>
#muster_ende#

<div id=muster_dark_matter class='animated fadeIn' style="z-index:100;"><div id=muster_layer class='animated slideInDown' style="z-index:10000;"><div id=muster_header><span>Muster bestellen:</span><span><a class='muster_close'>x</a></span></div><div id=muster_kacheln>#muster_kacheln</div></div></div>