{% if dev_home_sidebar_offer_pages is defined and dev_home_sidebar_offer_pages is not empty %}
    {% include 'default/components/sidebar/pageSliderSidebarWidget.html.twig' with {
        slider_title: dev_home_sidebar_offer_title|default('Aktuell planbare Reisen'),
        target_widget: 'dev-home-offers-widget',
        pages: dev_home_sidebar_offer_pages,
        new_badge_active: dev_home_sidebar_new_badge_active|default(false),
        show_item_counter: true,
        new_page_ids: dev_home_sidebar_new_page_ids|default([])
    } %}
{% endif %}

{% if dev_home_sidebar_news_pages is defined and dev_home_sidebar_news_pages is not empty %}
    {% include 'default/components/sidebar/pageSliderSidebarWidget.html.twig' with {
        slider_title: dev_home_sidebar_news_title|default('Reisenews'),
        target_widget: 'dev-home-news-widget',
        pages: dev_home_sidebar_news_pages,
        show_item_counter: true
    } %}
{% endif %}

<style>
    #dev-home-usedom-widget .box_mid {
        padding: 24px 20px;
        background: #f6f1e8;
        border: 1px solid #eadfcf;
        border-radius: 4px;
    }
    #dev-home-usedom-widget .hl5 {
        margin-bottom: 12px;
        color: #d89a13;
    }
    #dev-home-usedom-widget p {
        margin-bottom: 18px;
    }
    #dev-home-usedom-widget .dev-usedom-sidebar-button {
        display: inline-block;
        padding: 10px 24px;
        border-radius: 3px;
        background: #d89a13;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
    }
    #dev-home-usedom-widget .dev-usedom-sidebar-button:hover {
        background: #b97f00;
        color: #fff;
        text-decoration: none;
    }
</style>

<div class="widget clearfix hidden-xs">
    <div class="widget-title">
        <a class="collapse-widget collapsed" href="#dev-home-usedom-widget" data-toggle="collapse" aria-expanded="true">Ferienwohnungen Usedom</a>
    </div>
    <div class="boxwidget collapse" id="dev-home-usedom-widget" aria-expanded="true">
        <div class="box_mid text-center">
            <div class="hl5">Urlaub an der Ostsee</div>
            <p>8 Ferienwohnungen in zwei Häusern auf Usedom - ideal als nahes, kurzfristig planbares zweites Standbein.</p>
            <a class="dev-usedom-sidebar-button" href="/ferienwohnungen" title="Ferienwohnungen auf Usedom">
                ansehen
            </a>
        </div>
    </div>
</div>