Attempt for Essen & Trinken small stage teasers

dabblet.css

/**
 * Attempt for Essen & Trinken small stage teasers
 */

* { padding: 0; margin: 0; }
body { padding: 2%; max-width: 25em; font-family: Verdana; } a { color: black; text-decoration: none; }

.left { float: left; }
.right { float: right; }
.left, .right {
    width: 48%;
}
a.left, a.right {
	display: block;
}
.kicker, .headline {
	overflow: hidden;
    text-overflow: ellipsis;
}
.kicker {
	font-size: 85%;
	text-transform: uppercase;
	min-height: 1rem;
	max-height: 1rem;
}
.imgs {
	clear: both;
    overflow: hidden; /* clearfix */
    padding-top: 1em;
}
.imgs img {
	width: 100%;
	height: auto;
}

dabblet.html

<div class="mod-teaser teaser-stage-small-both article-type-video">
    <a class="left" href="http://dev.m.essen.und-trinken.de/article_standard">
	    <h2 class="kicker">Lorem & ipsum & dolor sit amet</h2>
        <h3 class="headline">Investigationes demonstraverunt lecto</h3>
    </a>
	<a class="right" href="http://dev.m.essen.und-trinken.de/article_standard">
		<h2 class="kicker"></h2>
        <h3 class="headline">A Typi non Habent</h3>
    </a>
    <div class="imgs">
	    <figure class="left image-place-holder" style="/*padding-top: 63%*/">
            <img src="http://dev.m.essen-und-trinken.de/mocked-feed/images/238x150.jpg" width="238" height="150">
        </figure>
        <figure class="right image-place-holder" style="/*padding-top: 63%*/">
            <img src="http://dev.m.essen-und-trinken.de/mocked-feed/images/238x150.jpg" width="238" height="150">
        </figure>
    </div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}