<div class="h-clearfix h-hidden-m-down">
    <ul class="breadcrumbs">
        <li class="breadcrumbs__item"><a href="#">Start</a></li>
        <li class="breadcrumbs__item"><a href="#">Products</a></li>
        <li class="breadcrumbs__item"><a href="#">Categories</a></li>
        <li class="breadcrumbs__item"><a href="#">Product</a></li>
    </ul>
</div>
<div class="h-padding-top-1 h-main-horizontal-padding">
    <div class="h-margin-top-4 h-margin-bottom-4">
        <div class="row row--justify-around">
            <div class="col col--span-m-7 h-margin-bottom-4">
                <div class="carousel">
                    <div class="swiper-container js-carousel">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide js-carousel__item carousel__item">
                                <div class="carousel__img-area">
                                    <img src="/mocks/img/casa-f-principle.jpg" alt="Alt" class="carousel__image">
                                </div>
                            </div>
                            <div class="swiper-slide js-carousel__item carousel__item">
                                <div class="carousel__img-area">
                                    <img src="/mocks/img/kone_syv.png" alt="Alt" class="carousel__image">
                                </div>
                            </div>
                            <div class="swiper-slide js-carousel__item carousel__item">
                                <video class="video" style="width: 100%" controls muted>
                                    <source src=/mocks/video/sample-5s.mp4 type="video/mp4">
                                    Your browser does not support the video tag.
                                </video>
                            </div>
                            <div class="swiper-slide js-carousel__item carousel__item">
                                <video class="video" style="width: 100%" controls muted>
                                    <source src=/mocks/video/sample-5s.mp4 type="video/mp4">
                                    Your browser does not support the video tag.
                                </video>
                            </div>
                            <div class="swiper-slide js-carousel__item carousel__item">
                                <div class="carousel__img-area">
                                    <img src="/mocks/img/kone_syv.png" alt="Alt" class="carousel__image">
                                </div>
                            </div>
                            <div class="swiper-slide js-carousel__item carousel__item">
                                <div class="carousel__img-area">
                                    <img src="/mocks/img/kone_syv.png" alt="Alt" class="carousel__image">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="thumbnail-carousel">
                        <div class="swiper-container js-thumbnail-carousel thumbnail-carousel__container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide carousel__item js-thumbnail-item">

                                    <div class="carousel__img-holder">
                                        <img src="/mocks/img/casa-f-principle.jpg" alt="Alt" class="carousel__image">
                                    </div>

                                    <div class="carousel__thumbnail-info">
                                        <div class="carousel__thumbnail-name">Gold PX</div>
                                        <div class="carousel__thumbnail-descr">Amet, consectetur Amet, consectetur Amet, consectetur Amet, consectetur Amet, consectetur</div>
                                    </div>
                                </div>
                                <div class="swiper-slide carousel__item js-thumbnail-item">

                                    <div class="carousel__img-holder">
                                        <img src="/mocks/img/kone_syv.png" alt="Alt" class="carousel__image">
                                    </div>

                                    <div class="carousel__thumbnail-info">
                                        <div class="carousel__thumbnail-name">Gold PX</div>
                                        <div class="carousel__thumbnail-descr">Amet, consectetur</div>
                                    </div>
                                </div>
                                <div class="swiper-slide carousel__item js-thumbnail-item">

                                    <div class="carousel__video-img-holder">
                                        <img src="/mocks/img/kone_auki_syv.png" alt="Alt" class="carousel__image">
                                    </div>

                                    <div class="carousel__thumbnail-info">
                                        <div class="carousel__thumbnail-name">Gold PX</div>
                                        <div class="carousel__thumbnail-descr">Amet, consectetur</div>
                                    </div>
                                </div>
                                <div class="swiper-slide carousel__item js-thumbnail-item">

                                    <div class="carousel__video-img-holder">
                                        <img src="/mocks/img/casa-f-principle.jpg" alt="Alt" class="carousel__image">
                                    </div>

                                    <div class="carousel__thumbnail-info">
                                        <div class="carousel__thumbnail-name">Gold PX</div>
                                        <div class="carousel__thumbnail-descr">Amet, consectetur</div>
                                    </div>
                                </div>
                                <div class="swiper-slide carousel__item js-thumbnail-item">

                                    <div class="carousel__img-holder">
                                        <img src="/mocks/img/kone_syv.png" alt="Alt" class="carousel__image">
                                    </div>

                                    <div class="carousel__thumbnail-info">
                                        <div class="carousel__thumbnail-name">Gold PX</div>
                                        <div class="carousel__thumbnail-descr">Amet, consectetur</div>
                                    </div>
                                </div>
                                <div class="swiper-slide carousel__item js-thumbnail-item">

                                    <div class="carousel__img-holder">
                                        <img src="/mocks/img/kone_syv.png" alt="Alt" class="carousel__image">
                                    </div>

                                    <div class="carousel__thumbnail-info">
                                        <div class="carousel__thumbnail-name">Gold PX</div>
                                        <div class="carousel__thumbnail-descr">Amet, consectetur</div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- If we need navigation buttons -->
                        <div class="swiper-button-prev">
                            <svg class="icon " focusable="false">
                                <use xlink:href="#icon-slider-arrow"></use>
                            </svg>
                        </div>
                        <div class="swiper-button-next">
                            <svg class="icon " focusable="false">
                                <use xlink:href="#icon-slider-arrow"></use>
                            </svg>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col--span-m-5">
                <div class="h-margin-bottom-3">
                    <h1 class="h-padding-top-4 h-no-margin-bottom">GOLD PX</h1>
                    <div class="headline-5 h-text-color-green">Luftbehandlingsaggregat med motströmsvärmeväxlare</div>
                </div>
                <div class="show-more ">
                    <div class="show-more__content js-show-more-content">

                        <p>GOLD PX är ett komplett luftbehandlingsaggregat med motströmsvärmeväxlare RECOflow,
                            direktdrivna till- och frånluftsfläktar samt till- och frånluftsfilter.
                            Motströmsvärmeväxlare, med sina åtskilda luftströmmar, är särskilt att rekommendera i applikationer där
                            lukter riskerar överföras mellan från- och tilluft, t.ex. i kök eller restaurangapplikationer.</p>
                        <ul>
                            <li>Luftflöden upp till 11.520 m³/h</li>
                            <li>Bypass- och avstängningsspjäll</li>
                            <li>RECOfrost - extremt effektivt avfrostningsstyrning/påfrysningsskydd</li>
                            <li> Optimerade fläktstorlekar ger större möjligheter att välja exakt rätt aggregatstorlek och fläktvariant till anläggningens behov.
                                Därmed ges också ännu större möjligheter att optimera energieffektiviteten för aktuellt projekt</li>
                        </ul>
                        <p>GOLD PX är ett komplett luftbehandlingsaggregat med motströmsvärmeväxlare RECOflow,
                            direktdrivna till- och frånluftsfläktar samt till- och frånluftsfilter.
                            Motströmsvärmeväxlare, med sina åtskilda luftströmmar, är särskilt att rekommendera i applikationer där
                            lukter riskerar överföras mellan från- och tilluft, t.ex. i kök eller restaurangapplikationer.</p>
                        <p>GOLD PX är ett komplett luftbehandlingsaggregat med motströmsvärmeväxlare RECOflow,
                            direktdrivna till- och frånluftsfläktar samt till- och frånluftsfilter.
                            Motströmsvärmeväxlare, med sina åtskilda luftströmmar, är särskilt att rekommendera i applikationer där
                            lukter riskerar överföras mellan från- och tilluft, t.ex. i kök eller restaurangapplikationer.</p>

                    </div>
                    <div class="show-more__btn-holder js-show-more-btn-holder">
                        <button class="show-more__btn js-show-more-btn" data-hide-text="Hide">Show more</button>
                    </div>
                </div>

                <section class="panel theme--white 
    panel--compact 
    panel--no-padding 
    panel--border h-text-center h-margin-top-4">
                    <div class="panel__inner">
                        <div class="h-margin-y-4">
                            <h3 class="headline-5">Ser hur produkten presterar utifrån dina krav</h3>
                            <a class="button  h-no-margin button--icon">
                                <span class="button__label">Beräkna</span>
                                <svg class="icon button__icon" focusable="false">
                                    <use xlink:href="#icon-external-link"></use>
                                </svg>
                            </a>

                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>

    <section class="panel theme--white 
    panel--no-padding 
    panel--compact ">
        <div class="panel__inner">
            <div class="h-margin-top-3 h-margin-bottom-3">
                <div class="row">
                    <div class="col">
                        <h2 class="h-margin-bottom-1">Specifikation</h2>
                        <h4 class="h-no-margin-bottom">LUFTFLÖDE - LJUDTRYCK RUM (Lp10A) *)</h4>
                    </div>
                </div>
            </div>
            <div class="h-margin-top-3 h-margin-bottom-3">
                <div class="
        horizontal-scroller
            horizontal-scroller--show-icon
         " data-show-scroll-icon="true">
                    <div class="horizontal-scroller__scroller">
                        <table id="specification-table" class="table table--zebra table--inverted-zebra">
                            <thead>
                                <tr>
                                    <td>COLIBRI Free</td>
                                    <td></td>
                                    <td>l/s </td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>Storlek</td>
                                    <td>25 dB (A)</td>
                                    <td>30 dB (A)</td>
                                    <td>35 dB (A)</td>
                                </tr>
                            </thead>
                            <tbody id="documents-list">
                                <tr>
                                    <td>100</td>
                                    <td>29</td>
                                    <td>34</td>
                                    <td>49</td>
                                </tr>
                                <tr>
                                    <td>100</td>
                                    <td>29</td>
                                    <td>34</td>
                                    <td>49</td>
                                </tr>
                                <tr>
                                    <td>100</td>
                                    <td>29</td>
                                    <td>34</td>
                                    <td>49</td>
                                </tr>
                                <tr>
                                    <td>100</td>
                                    <td>29</td>
                                    <td>34</td>
                                    <td>49</td>
                                </tr>
                                <tr>
                                    <td>100</td>
                                    <td>29</td>
                                    <td>34</td>
                                    <td>49</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <script type="text/template" id="specification-data-tmpl">
                    <% forEach(results, function(result) { %>
    <tr>
        <td>
            <a href="<%= result.url %>" target="_blank">
                <%= result.title %>
            </a>
        </td>
        <td><%= result.article %></td>
        <td><%= result.type %></td>
        <td><%= result.size %></td>
        <td><%= result.extension %></td>
        <td>
            <a href="<%= result.fileUrl %>" download>
                Ladda ner
            </a>
        </td>
    </tr>
    <% }); %>
</script>

                <div class="row">
                    <div class="col">
                        <p class="disclaimer">
                            Data redovisas för öppet spjäll. Produktens hela arbetsområde gällande tryck, flöde och ljud framgår av dimensioneringsdiagrammen. <br />' *) Lp10A = Ljudtryck inkl. A-filter med 4 dB rumsdämpning och 10 m2 rumsabsorptionsarea.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="h-margin-top-3 h-margin-bottom-3">
        <div class="row">
            <div class="col">
                <h2 class="h-no-margin-bottom">Ladda ner dokument</h2>
                <p>Du hittar fler dokument på vår dokumentsöksida. Letar du efter äldre versioner så kan du hitta dessa i <a href="#">dokumentarkivet</a></p>
            </div>
        </div>
    </div>

    <hr>
    <section class="panel theme--white 
    panel--no-padding-bottom ">
        <div class="panel__inner">
            <div class="filters js-filters js-loader-overlay-holder" aria-controls="filter-documents-list">
                <div class="row">
                    <div class="col h-margin-top-4 h-margin-bottom-1">
                        <div class="headline-5">Filtrera</div>
                    </div>
                </div>

                <div class="h-margin-bottom-2">

                    <div class="row row--justify-between h-margin-bottom-1">
                        <div class="col col--auto-width">
                            <div class="h-display-inline-block h-margin-right-3 h-margin-bottom-2">
                                <div class="form-item">

                                    <div class="js-tooltip">
                                        <div class="tooltip">
                                            <div class="tooltip__content">
                                                Produktblad lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut.
                                                <div class="tooltip__arrow"></div>
                                            </div>
                                        </div>

                                        <div class="checkbox__item ">
                                            <label class="checkbox__label js-filter" for="Produktblad">
                                                <input class="checkbox__input js-filter" type="checkbox" name="Produktblad" id="Produktblad" value="Produktblad" aria-controls="filter-documents-list" data-type="checkbox">
                                                <span class="checkbox__title">Produktblad</span>
                                            </label>
                                        </div>

                                    </div>

                                </div>

                            </div>
                            <div class="h-display-inline-block h-margin-right-3 h-margin-bottom-2">
                                <div class="form-item">

                                    <div class="js-tooltip">
                                        <div class="tooltip">
                                            <div class="tooltip__content">
                                                Manual lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut.
                                                <div class="tooltip__arrow"></div>
                                            </div>
                                        </div>

                                        <div class="checkbox__item ">
                                            <label class="checkbox__label js-filter" for="Manual">
                                                <input class="checkbox__input js-filter" type="checkbox" name="Manual" id="Manual" value="Manual" aria-controls="filter-documents-list" data-type="checkbox">
                                                <span class="checkbox__title">Manual</span>
                                            </label>
                                        </div>

                                    </div>

                                </div>

                            </div>
                            <div class="h-display-inline-block h-margin-right-3 h-margin-bottom-2">
                                <div class="form-item">

                                    <div class="js-tooltip">
                                        <div class="tooltip">
                                            <div class="tooltip__content">
                                                Broschyrer lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut.
                                                <div class="tooltip__arrow"></div>
                                            </div>
                                        </div>

                                        <div class="checkbox__item ">
                                            <label class="checkbox__label js-filter" for="Broschyrer">
                                                <input class="checkbox__input js-filter" type="checkbox" name="Broschyrer" id="Broschyrer" value="Broschyrer" aria-controls="filter-documents-list" data-type="checkbox">
                                                <span class="checkbox__title">Broschyrer</span>
                                            </label>
                                        </div>

                                    </div>

                                </div>

                            </div>
                            <div class="h-display-inline-block h-margin-right-3 h-margin-bottom-2">
                                <div class="form-item">

                                    <div class="js-tooltip">
                                        <div class="tooltip">
                                            <div class="tooltip__content">
                                                Kvalitetsdokument lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut.
                                                <div class="tooltip__arrow"></div>
                                            </div>
                                        </div>

                                        <div class="checkbox__item ">
                                            <label class="checkbox__label js-filter" for="Kvalitetsdokument">
                                                <input class="checkbox__input js-filter" type="checkbox" name="Kvalitetsdokument" id="Kvalitetsdokument" value="Kvalitetsdokument" aria-controls="filter-documents-list" data-type="checkbox">
                                                <span class="checkbox__title">Kvalitetsdokument</span>
                                            </label>
                                        </div>

                                    </div>

                                </div>

                            </div>
                            <div class="h-display-inline-block h-margin-right-3 h-margin-bottom-2">
                                <div class="form-item">

                                    <div class="js-tooltip">
                                        <div class="tooltip">
                                            <div class="tooltip__content">
                                                Ritning lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut.
                                                <div class="tooltip__arrow"></div>
                                            </div>
                                        </div>

                                        <div class="checkbox__item ">
                                            <label class="checkbox__label js-filter" for="Ritning">
                                                <input class="checkbox__input js-filter" type="checkbox" name="Ritning" id="Ritning" value="Ritning" aria-controls="filter-documents-list" data-type="checkbox">
                                                <span class="checkbox__title">Ritning</span>
                                            </label>
                                        </div>

                                    </div>

                                </div>

                            </div>
                            <div class="h-display-inline-block h-margin-right-3 h-margin-bottom-2">
                                <div class="form-item">

                                    <div class="js-tooltip">
                                        <div class="tooltip">
                                            <div class="tooltip__content">
                                                Övrigt lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut.
                                                <div class="tooltip__arrow"></div>
                                            </div>
                                        </div>

                                        <div class="checkbox__item ">
                                            <label class="checkbox__label js-filter" for="Övrigt">
                                                <input class="checkbox__input js-filter" type="checkbox" name="Övrigt" id="Övrigt" value="Övrigt" checked aria-controls="filter-documents-list" data-type="checkbox">
                                                <span class="checkbox__title">Övrigt</span>
                                            </label>
                                        </div>

                                    </div>

                                </div>

                            </div>
                        </div>
                        <div class="col col--auto-width">
                            <label for="Inkludera tillbehörsdokument" class="switch">
                                <input type="checkbox" class="switch__checkbox js-filter" value="includeAccessoryDocuments" aria-controls="filter-documents-list" data-type="switch" checked id="Inkludera tillbehörsdokument">
                                <div class="switch__control"></div>
                                <span class="switch__label">Inkludera tillbehörsdokument</span>
                            </label>

                        </div>
                    </div>

                </div>

                <div class="h-margin-top-3">
                    <div class="row row--justify-between row--align-center">
                        <div class="col col--auto-width">
                            <p class="search-result-count">Visar 5 av 1000 träffar.</p>
                        </div>
                        <div class="col col--auto-width">
                            <div class="form-item form-item--select form-item--horizontal">
                                <label for="categorySelectSort" class="form-item__label">
                                    Sortera:
                                </label>
                                <select id="categorySelectSort" class="select__select js-filter select__select--ghost" name="Sort" aria-controls="filter-documents-list" data-type="select">
                                    <option class="select__option" value="" selected>Senaste</option>
                                    <option class="select__option" value="a-z">A-Z</option>
                                    <option class="select__option" value="z-a">Z-A</option>
                                </select>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="
        horizontal-scroller
            horizontal-scroller--show-icon
         " data-show-scroll-icon="true">
                    <div class="horizontal-scroller__scroller">
                        <table id="filter-documents" class="table table--inverted-zebra ">
                            <thead>
                                <tr>
                                    <td>Dokument</td>
                                    <td><a class="js-sortable-cell" href="#" id="article" aria-controls="filter-documents-list">Artikel</a></td>
                                    <td><a class="js-sortable-cell" href="#" id="doctype" aria-controls="filter-documents-list">Dokumenttyp</a></td>
                                    <td><a class="js-sortable-cell" href="#" id="date" aria-controls="filter-documents-list">Publiceringsdatum</a></td>
                                    <td>Ladda ner</td>
                                </tr>
                            </thead>
                            <tbody id="filter-documents-list">
                                <tr data-extension="test" data-filename="pdf" data-document-category="Övrigt" class="js-document-tracking-row">
                                    <td><a class="js-document-tracking-link" href="#">Anvisningar för isärtagning (pdf 618.54kB)</a></td>
                                    <td>CASA Blues</td>
                                    <td>Övrigt</td>
                                    <td>2021-11-02</td>
                                    <td><a href="/mocks/document.pdf" class="table__icon js-document-tracking-link" download><svg class="icon" focusable="false">
                                                <use xlink:href="#icon-download"></use>
                                            </svg></a></td>
                                </tr>
                                <tr data-extension="test 2" data-filename="pdf2" data-document-category="Övrigt2" class="js-document-tracking-row">
                                    <td><a class="js-document-tracking-link" href="#">Anvisningar för montering, drift och underhåll (pdf 618.54kB)</a></td>
                                    <td><a href="#">CASA Blues</a></td>
                                    <td>Övrigt</td>
                                    <td>2021-10-03</td>
                                    <td><a href="/mocks/document.pdf" class="table__icon js-document-tracking-link" download><svg class="icon" focusable="false">
                                                <use xlink:href="#icon-download"></use>
                                            </svg></a></td>
                                </tr>
                                <tr data-extension="test 3" data-filename="pdf 3" data-document-category="Övrigt 3" class="js-document-tracking-row">
                                    <td><a class="js-document-tracking-link" href="#">Anvisningar för montering, drift och underhåll, Epsilon Echos series (pdf 618.54kB)</a></td>
                                    <td>CASA Blues</td>
                                    <td>Övrigt</td>
                                    <td>2021-10-04</td>
                                    <td><a href="/mocks/document.pdf" class="table__icon js-document-tracking-link" download><svg class="icon" focusable="false">
                                                <use xlink:href="#icon-download"></use>
                                            </svg></a></td>
                                </tr>
                                <tr data-extension="test 4" data-filename="pdf 4" data-document-category="Övrigt 4" class="js-document-tracking-row">
                                    <td><a class="js-document-tracking-link" href="#">Apparatlåda, All Year Comfort (COMPACT) (pdf 618.54kB)</a></td>
                                    <td>CASA Blues</td>
                                    <td>Övrigt</td>
                                    <td>2021-10-04</td>
                                    <td><a href="/mocks/document.pdf" class="table__icon js-document-tracking-link" download><svg class="icon" focusable="false">
                                                <use xlink:href="#icon-download"></use>
                                            </svg></a></td>
                                </tr>
                                <tr data-extension="test 5" data-filename="pdf 5" data-document-category="Övrigt 5" class="js-document-tracking-row">
                                    <td><a href="#">Bedömning, Sunda Hus (pdf 618.54kB)</a></td>
                                    <td>CASA Blues</td>
                                    <td>Övrigt</td>
                                    <td>2021-10-02</td>
                                    <td><a href="/mocks/document.pdf" class="table__icon" download><svg class="icon" focusable="false">
                                                <use xlink:href="#icon-download"></use>
                                            </svg></a></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <script type="text/template" id="document-data-tmpl">
                    <% forEach(results, function(result) { %>
    <tr
        data-extension="<%= result.extension %>" 
        data-filename="<%= result.fileName %>"
        data-document-category="<%= result.type %>"
        class="js-document-tracking-row"
    >
        <td>
            <a class="js-document-tracking-link" href="<%= result.url %>" target="_blank">
                <%= result.title %>
            </a>
        </td>
        <td><%= result.article %></td>
        <td><%= result.type %></td>
        <td><%= result.date %></td>
        <td>
            <a 
                href="<%= result.fileUrl %>" 
                download 
                class="js-document-tracking-link"
            >
                Ladda ner
            </a>
        </td>
    </tr>
    <% }); %>
</script>

                <div class="h-text-align-center">
                    <p class="search-result-count"></p>
                    <button class="button  js-load-more " href="/mocks/api/documents.json" aria-controls="filter-documents-list" data-template-id="document-data-tmpl">
                        <span class="button__label">Ladda fler</span>
                    </button>
                </div>
            </div>
        </div>
    </section>
    <script type="text/template" id="no-results-data-tmpl">
        <div class="row row--justify-around h-text-align-center-m">
    <div class="col col--span-12 col--span-s-8 h-text-align-center">No results message</div>
</div>

</script>

</div>

<section class="panel 
    panel--compact 
    panel--no-padding ">
    <div class="panel__inner">
        <p class="h-margin-x-1 h-margin-y-3">
            <small class="h-text-color-gray-3">
                <i>Whilst we have made every effort to ensure information on this website is up to date and accurate, the technical specification and availability of products/services listed on this website may vary market to market and are subject to change without notice. Please contact your regional representative or visit your local website for further details.</i>
            </small>
        </p>
    </div>
</section>
<div class="h-clearfix h-hidden-m-down">
    {{render "@breadcrumbs"}}
</div>
<div class="h-padding-top-1 h-main-horizontal-padding">
    <div class="h-margin-top-4 h-margin-bottom-4">
        <div class="row row--justify-around">
            <div class="col col--span-m-7 h-margin-bottom-4">
                {{render "@carousel"}}
            </div>
            <div class="col col--span-m-5">
                <div class="h-margin-bottom-3">
                    <h1 class="h-padding-top-4 h-no-margin-bottom">{{about.title}}</h1>
                    <div class="headline-5 h-text-color-green">{{about.subtitle}}</div>
                </div>
                {{#> @show-more showMoreText=about.showMoreText hideText=about.hideText}}
                    {{{about.description}}}
                {{/@show-more}}

                {{#if productLink}}
                    {{#> @panel modifiers="compact,no-padding,border" additionalClasses="h-text-center h-margin-top-4"}}
                    <div class="h-margin-y-4">
                        <h3 class="headline-5">{{icd.label}}</h3>
                        {{ render "@button" icd.button }}
                    </div>
                    {{/@panel}}
                {{/if}}
                {{#if externalLink}}
                    {{render "@external-link-area" externalLinkArea merge=true}}
                {{/if}}
            </div>
        </div>
    </div>

    {{#> @panel modifiers="no-padding,compact"}}
       <div class="h-margin-top-3 h-margin-bottom-3">
            <div class="row">
                <div class="col">
                    <h2 class="h-margin-bottom-1">{{specificationArea.title}}</h2>
                    <h4 class="h-no-margin-bottom">{{specificationArea.subtitle}}</h4>
                </div>
            </div>
        </div>
        <div class="h-margin-top-3 h-margin-bottom-3">
             {{#> @horizontal-scroller showScrollIcon="true" contentContainer="specification-table"}}
                <table id="specification-table" class="table table--zebra table--inverted-zebra">
                    {{#with ../specificationArea.table}}
                        <thead>
                            {{#each headerRows}}
                                <tr>
                                    {{#each cols}}
                                        <td>{{{ this }}}</td>
                                    {{/each}}
                                </tr>
                            {{/each}}
                        </thead>
                        <tbody id="documents-list">
                            {{#each rows}}
                                <tr>
                                    {{#each cols}}
                                        <td>{{{this}}}</td>
                                    {{/each}}
                                </tr>
                            {{/each}}
                        </tbody>
                    {{/with}}
                </table>
            {{/@horizontal-scroller}}
            {{render "@specification-data-tmpl"}}
            {{#if specificationArea.table.note}}
                <div class="row">
                    <div class="col">
                        <p class="disclaimer">{{{specificationArea.table.note}}}</p>
                    </div>
                </div>
            {{/if}}
        </div>
    {{/@panel}}

    <div class="h-margin-top-3 h-margin-bottom-3">
        <div class="row">
            <div class="col">
                <h2 class="h-no-margin-bottom">{{documentsArea.title}}</h2>
                <p>{{{documentsArea.description}}}</p>
            </div>
        </div>
    </div>

    <hr>
    {{render "@filters" productFilter merge=true}}

</div>

{{render "@disclaimer"}}
{
  "marketSelectorModal": {
    "id": "market-selector",
    "closeLabel": "Stäng"
  },
  "theme": "white",
  "externalLink": false,
  "productLink": true,
  "about": {
    "title": "GOLD PX",
    "subtitle": "Luftbehandlingsaggregat med motströmsvärmeväxlare",
    "description": "\n                <p>GOLD PX är ett komplett luftbehandlingsaggregat med motströmsvärmeväxlare RECOflow,\n                direktdrivna till- och frånluftsfläktar samt till- och frånluftsfilter.\n                Motströmsvärmeväxlare, med sina åtskilda luftströmmar, är särskilt att rekommendera i applikationer där\n                lukter riskerar överföras mellan från- och tilluft, t.ex. i kök eller restaurangapplikationer.</p>\n                <ul>\n                    <li>Luftflöden upp till 11.520 m³/h</li>\n                    <li>Bypass- och avstängningsspjäll</li>\n                    <li>RECOfrost - extremt effektivt avfrostningsstyrning/påfrysningsskydd</li>\n                    <li> Optimerade fläktstorlekar ger större möjligheter att välja exakt rätt aggregatstorlek och fläktvariant till anläggningens behov.\n                    Därmed ges också ännu större möjligheter att optimera energieffektiviteten för aktuellt projekt</li>\n                </ul>\n                <p>GOLD PX är ett komplett luftbehandlingsaggregat med motströmsvärmeväxlare RECOflow,\n                direktdrivna till- och frånluftsfläktar samt till- och frånluftsfilter.\n                Motströmsvärmeväxlare, med sina åtskilda luftströmmar, är särskilt att rekommendera i applikationer där\n                lukter riskerar överföras mellan från- och tilluft, t.ex. i kök eller restaurangapplikationer.</p>\n                <p>GOLD PX är ett komplett luftbehandlingsaggregat med motströmsvärmeväxlare RECOflow,\n                direktdrivna till- och frånluftsfläktar samt till- och frånluftsfilter.\n                Motströmsvärmeväxlare, med sina åtskilda luftströmmar, är särskilt att rekommendera i applikationer där\n                lukter riskerar överföras mellan från- och tilluft, t.ex. i kök eller restaurangapplikationer.</p>\n            ",
    "showMoreText": "Show more",
    "hideText": "Hide"
  },
  "carousel": {
    "images": []
  },
  "documentsArea": {
    "title": "Ladda ner dokument",
    "description": "Du hittar fler dokument på vår dokumentsöksida. Letar du efter äldre versioner så kan du hitta dessa i <a href=\"#\">dokumentarkivet</a>"
  },
  "specificationArea": {
    "title": "Specifikation",
    "subtitle": "LUFTFLÖDE - LJUDTRYCK RUM (Lp10A) *)",
    "table": {
      "id": "specification-table",
      "modifiers": [
        "zebra"
      ],
      "headerRows": [
        {
          "cols": [
            "COLIBRI Free",
            "",
            "l/s ",
            ""
          ]
        },
        {
          "cols": [
            "Storlek",
            "25 dB (A)",
            "30 dB (A)",
            "35 dB (A)"
          ]
        }
      ],
      "rows": [
        {
          "cols": [
            "100",
            "29",
            "34",
            "49"
          ]
        },
        {
          "cols": [
            "100",
            "29",
            "34",
            "49"
          ]
        },
        {
          "cols": [
            "100",
            "29",
            "34",
            "49"
          ]
        },
        {
          "cols": [
            "100",
            "29",
            "34",
            "49"
          ]
        },
        {
          "cols": [
            "100",
            "29",
            "34",
            "49"
          ]
        }
      ],
      "note": "\n                    Data redovisas för öppet spjäll. Produktens hela arbetsområde gällande tryck, flöde och ljud framgår av dimensioneringsdiagrammen. <br />'                     *) Lp10A = Ljudtryck inkl. A-filter med 4 dB rumsdämpning och 10 m2 rumsabsorptionsarea.\n                "
    }
  },
  "productFilter": {
    "panel": {
      "modifiers": "no-padding-bottom"
    },
    "displayDropdowns": false,
    "resetButton": false
  },
  "icd": {
    "label": "Ser hur produkten presterar utifrån dina krav",
    "button": {
      "label": "Beräkna",
      "additionalClasses": "h-no-margin",
      "icon": "external-link"
    }
  }
}

No notes defined.