@model Livs.Web.Views.NKPLandingPage.NkpLandingPageViewModel

<style>
        .bkg { background-image: url(@Model.ResponsiveImage.ImageUrl); }
        @@media only screen and (max-width: 767px)
        {
            .bkg { background-image: url(@Model.MobileImage.ImageUrl); }
        }
</style>
<section id="main" role="main" aria-label="Huvudinnehåll" class="news nkp-landingpage">
    <figure class="bkg">
    </figure>
    <div class="nkp-landingpage-header" style="">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-4 navigationContainer">

                </div>
                <div class="col-md-8 col-sm-8 col-xs-12">
                    <header>
                        @{
                            Html.RenderPartial("Framework/Breadcrumbs", Model.NavigationViewModel.Breadcrumbs);
                        }
                        <h1>@Html.PropertyFor(x => x.CurrentPage.NkpHeader)</h1>
                    </header>
                    <div class="landing-puff">
                        <div>
                            <h2>
                                <a href="@Model.NkpTodoLinkUrl">
                                    <i class="fa fa-chevron-right fa-linkbutton" aria-hidden="true"></i>
                                    @Html.PropertyFor(x => x.CurrentPage.NkpTodoHeader)
                                </a>
                            </h2>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-sm-4 navigationContainer negMargMenu">
                @{
                    Html.RenderPartial("Framework/LocalNavigation", Model.NavigationViewModel.LocalNavigationViewModel);
                    Html.RenderPartial("Framework/MyShortcuts", Model.NavigationViewModel.MyShortcutsViewModel);
                }
            </div>
            <div class="col-md-8 col-sm-8 col-xs-12 articlePage">
                <article id="article">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="clearfix">
                                @{ Html.RenderPartial("LanguageOptions", Model.LanguageOptionsViewModel); }
                            </div>
                            <div class="preamble">
                                @Html.PropertyFor(m => m.CurrentPage.Preamble)
                            </div>
                            @Html.PropertyFor(m => m.ReplacedXhtml)
                        </div>
                    </div>
                    <div class="nkp-landing-puffs">
                        @Html.PropertyFor(m => m.CurrentPage.PageTeaserBlockContentArea, new { CssClass = "row", ChildrenCssClass = "col-xs-6 col-sm-4 nkp-puff", Tag = "PageTeasers" })
                    </div>
                </article>
            </div>
        </div>
    </div>    
    <div class="sender-list">
        <div class="container">
            @Html.PropertyFor(m => m.CurrentPage.SenderLogotypesContentArea, new { CssClass = "logos" })
        </div>
    </div>
</section>