<div id="c102">




<div id="yag-error-messagecontainer">

</div>
<div class="tx-yag-breadcrumbcomtainer">
<div>
    <span class="tx-yag-breadcrumb">
        <a onclick="history.back();" style="cursor: pointer;">
            << Back to galleries
        </a>
    </span>
</div>
</div>

<div class="slider-detail">
    
        <div>
            <img data-lazy="typo3temp/yag/03/Kannenbaecker_0_5L_365_6a46bf7c63c8.jpg"
                       title=""
            />
            
        </div>
    
        <div>
            <img data-lazy="typo3temp/yag/03/Kannenbaecker_1_0L_366_6a46bf7c78e6.jpg"
                       title=""
            />
            
        </div>
    
</div>
<div class="slider-nav">
    
        <div>
            <img src="typo3temp/yag/03/Kannenbaecker_0_5L_367_6a46bf7c892d.jpg"
                 title=""
            />
        </div>
    
        <div>
            <img src="typo3temp/yag/03/Kannenbaecker_1_0L_368_6a46bf7c9731.jpg"
                 title=""
            />
        </div>
    
</div>
<div style="display: none;">
    <img alt="foo" src="fileadmin/_processed_/csm_1513_K800_IMG_0620_d498545d64.jpg" width="267" height="200" />
    <img alt="foo" src="fileadmin/yag/108/1513_K800_IMG_0620.JPG" width="800" height="600" />
</div>

<script type="text/javascript">
    jQuery(function($) {
        $('.slider-detail').slick({
            lazyLoad: 'ondemand',
            slidesToShow: 1,
            slidesToScroll: 1,
            arrows: false,
            asNavFor: '.slider-nav',
            centerMode: true,
            variableWidth: true,
            responsive: [
                {
                    breakpoint: 600,
                    settings: "unslick"
                }
            ]
        });
        $('.slider-nav').slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            asNavFor: '.slider-detail',
            dots: true,
            centerMode: true,
            focusOnSelect: true,
            autoplay: false,
            autoplaySpeed: 4000,
            pauseOnHover: false,
            variableWidth: true,
            responsive: [
                {
                    breakpoint: 1024,
                    settings: {
                        arrows: false
                    }
                }
            ]
        });
    });
</script>
</div>