@extends('layout')

@section('content')
    <div class="row">
        <div class="col-lg-2 col-sm-12 d-none d-lg-block">
            @include('submenus/gasthausmenu')
        </div>

        <div class="col-lg-10 col-sm-12">

            {!! $text !!}

            <div class="single-item">
                <div><img src="imgs/gh_ueber_uns/dsc_0303.jpg" alt="unbenanntes Bild"/></div>
                <div><img src="imgs/gh_ueber_uns/dsc_0300.jpg" alt="unbenanntes Bild"/></div>
                <div><img src="imgs/gh_ueber_uns/dsc_0299.jpg" alt="unbenanntes Bild"/></div>
                <div><img src="imgs/gh_ueber_uns/dsc_0305.jpg" alt="unbenanntes Bild"/></div>
                <div><img src="imgs/gh_ueber_uns/dsc_0306.jpg" alt="unbenanntes Bild"/></div>
                <div><img src="imgs/gh_ueber_uns/p1030134001.jpg" alt="unbenanntes Bild"/></div>
                <div><img src="imgs/gh_ueber_uns/p1030126.jpg" alt="unbenanntes Bild"/></div>
                <div><img src="imgs/gh_ueber_uns/findlingfeierweb.jpg" alt="unbenanntes Bild"/></div>
            </div>
        </div>
    </div>
    <div class="col-sm-12 d-lg-none">
        <br />
        @include('submenus/gasthausmenu')
    </div>
@endsection

@section('scripts')
    <script>
        $('.ui.accordion').accordion();
        $('.single-item').slick({
            autoplay: true,
            autoplaySpeed: 2000,
            dots: true,
            arrows: false,
            adaptiveHeight: true
        });
    </script>
@endsection