{namespace hd=HDNET\Focuspoint\ViewHelpers}
<div xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers">
    <f:section name="main">
        <div class="panel panel-default" itemscope itemtype="https://schema.org/SingleFamilyResidence">
            <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
                <meta itemprop="addressLocality" content="{realty.objektOrt.bezeichner}" />
                <meta itemprop="postalCode" content="{realty.objektPlz}" />
                <meta itemprop="addressCountry" content="DE" />
                <meta itemprop="streetAddress" content="{realty.objektStrasse} {realty.objektHausnummer}" />
            </div>
            <div class="focuspoint card-image focuspoint__small" data-image="uploads/tx_sgestatecore/media/{realty.titelbild.datei}" data-focus-x="0" data-focus-y="0" data-image-w="0" data-image-h="0">
                <f:link.action pageUid="{settings.pid.detail}" arguments="{realty: realty.urlIdentifier}" noCacheHash="true">
                    <img class="focuspoint-lazyload-target" itemprop="photo" alt="Bild der Mietwohnung in {realty.objektOrt.bezeichner} {realty.objektStadtteil.bezeichner}" title="Details zur Mietwohnung in {realty.objektOrt.bezeichner} {realty.objektStadtteil.bezeichner}" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=">
                </f:link.action>
            </div>
            <div class="panel-body match-height-target">
                <h3 class="card-title"><f:link.action pageUid="{settings.pid.detail}" arguments="{realty: realty.urlIdentifier}" title="Mietwohnung in {realty.objektOrt.bezeichner} {realty.objektStadtteil.bezeichner} anzeigen" noCacheHash="true">{realty.objektTitel}</f:link.action></h3>
                <p>{realty.objektStrasse} {realty.objektHausnummer}, {realty.objektPlz} {realty.objektOrt.bezeichner}</p>

                <meta itemprop="floorSize" content="{realty.wohnflaeche -> f:format.number(decimals: '2', decimalSeparator: ',')} MTK" />
                <p><strong><f:translate key="word.rentWithoutHeating" default="Rent without Heating"/>:</strong> 
                <f:format.currency currencySign="€" decimalSeparator="," decimals="2" separateCurrency="true">{realty.kaltmiete}</f:format.currency><br>
                <strong><f:translate key="word.livingSpace" default="Livingspace" />:</strong> 
                <f:format.number decimals="2" decimalSeparator=",">{realty.wohnflaeche}</f:format.number> m&sup2;<br>
                <strong><f:translate key="word.room" default="Rooms" />:</strong> 
                <span itemprop="numberOfRooms"><f:format.number decimals="1" decimalSeparator=",">{realty.anzahlZimmer}</f:format.number></span></p>
            </div>
            <div class="panel-footer">
                <f:link.action pageUid="{settings.pid.detail}" arguments="{realty: realty.urlIdentifier}" title="Mietwohnung in {realty.objektOrt.bezeichner} {realty.objektStadtteil.bezeichner} anzeigen" class="btn btn-primary" noCacheHash="true"><f:translate key="template.list.toDetail" default="show more" /></f:link.action>
            </div>
        </div>
    </f:section>
</div>