{@load resource="roomcategories"}
    <div class="categoryList">
        {#roomCategories}
        <div class="row categoryItem">
            <div class="col-sm-4 col-xs-5">
                <a href="{id|url}">
                    {?mediums}
                        <img src="{@imageurl id=mediums[0].id type="LT" /}" title="{name}" />
                    {/mediums}
                </a>
            </div>
            <div class="col-sm-8 col-xs-7">
                <h2><a href="{id|url}">{name}</a></h2>
                {@load resource="roomcategories/{id}" name="room"}
                    {room.teaser|t|s}
                    Belegung: &amp;nbsp;{room.minimumOccupancy} - {room.maximumOccupancy}
                {/load}
                <div class="more"><a href="{id|url}">mehr</a></div>
            </div>
        </div>
        {/roomCategories}
    </div>
    {/load}