            <div class="container m-auto">

                <div class="flex justify-between items-baseline uk-visible@s">
                    <h1 class="font-extrabold leading-none mb-6 mt-8 lg:text-2xl text-lg text-gray-900 tracking-tight"> Feed
                    </h1>
                    <a href="#" class="text-blue-400 hover:text-blue-500"> See all</a>
                </div>



                




                <div id="story-modal" class="feed__ramec feed__ramec3">
                        <div class="uk-modal-dialog__muj story-modal">
                
                                <div class="story-modal-media video">
                                <img src="assets/images/wien/wien3.jpg" alt="" class="inset-0 h-full w-full object-cover">                                   
                                </div>
                                <div class="flex-1 bg-white dark:bg-gray-900 dark:text-gray-100">
                                    <div class="border-b flex items-center justify-between px-5 py-3 dark:border-gray-600">
                                        <div class="flex flex-1 items-center space-x-4">
                                            <a href="#">
                                                <div class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-0.5 rounded-full">
                                                    <img src="assets/images/pic2.jpg"
                                                        class="bg-gray-200 border border-white rounded-full w-8 h-8">
                                                </div>
                                            </a>
                                            <span class="block text-lg font-semibold">Norah Richter</span>
                                        </div>
                                        <a href="#"> 
                                            <i  class="icon-feather-more-horizontal text-2xl rounded-full p-2 transition -mr-1"></i>
                                        </a>
                                    </div>
                                    <div class="story-content p-4" data-simplebar>
                
                                        <p>#NeuWienerin</p>
                                        
                                        <div class="py-4 ">
                                            <div class="flex justify-around">
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-heart mr-1"> </i> 0&nbsp;Like</div>
                                                </a>
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-comment-alt-lines mr-1"> </i> 0&nbsp;Comment</div>
                                                </a>
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-share-alt mr-1"> </i> 0&nbsp;Share</div>
                                                </a>
                                            </div>

                                           
                                        </div>

                                    </div>


                                    <div class="p-3 border-t dark:border-gray-600">
                                        <div class="bg-gray-200 dark:bg-gray-700 rounded-full rounded-md relative">
                                            <input type="text" placeholder="Add your Comment.." class="bg-transparent max-h-8 shadow-none">
                                            <div class="absolute bottom-0 flex h-full items-center right-0 right-3 text-xl space-x-2">
                                                <a href="#"> <i class="uil-image"></i></a>
                                                <a href="#"> <i class="uil-video"></i></a>
                                            </div>
                                        </div>
                                    </div>

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






                    





                <div id="story-modal" class="feed__ramec feed__ramec3">
                        <div class="uk-modal-dialog__muj story-modal">
                
                                <div class="story-modal-media video">
                                <img src="assets/images/zmena.jpg" alt="" class="inset-0 h-full w-full object-cover">                                   
                                </div>
                                <div class="flex-1 bg-white dark:bg-gray-900 dark:text-gray-100">
                                    <div class="border-b flex items-center justify-between px-5 py-3 dark:border-gray-600">
                                        <div class="flex flex-1 items-center space-x-4">
                                            <a href="#">
                                                <div class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-0.5 rounded-full">
                                                    <img src="assets/images/pic2.jpg"
                                                        class="bg-gray-200 border border-white rounded-full w-8 h-8">
                                                </div>
                                            </a>
                                            <span class="block text-lg font-semibold">Norah Richter</span>
                                        </div>
                                        <a href="#"> 
                                            <i  class="icon-feather-more-horizontal text-2xl rounded-full p-2 transition -mr-1"></i>
                                        </a>
                                    </div>
                                    <div class="story-content p-4" data-simplebar>
                
                                        <p>Bin für Angebote offen</p>
                                        
                                        <div class="py-4 ">
                                            <div class="flex justify-around">
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-heart mr-1"> </i> 18&nbsp;Like</div>
                                                </a>
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-comment-alt-lines mr-1"> </i> 1&nbsp;Comment</div>
                                                </a>
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-share-alt mr-1"> </i> 14&nbsp;Share</div>
                                                </a>
                                            </div>

                                           
    

                                            <hr class="-mx-4 my-3">
                                            <div class="flex items-center space-x-3"> 
                                                <div class="flex items-center">
                                                    <img src="assets/images/face6.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white">
                                                    <img src="assets/images/face5.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white -ml-2">
                                                    <img src="assets/images/paul.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white -ml-2">
                                                </div>
                                                <div>
                                                    Liked <strong> Paul</strong> and <strong> 17 Others </strong>
                                                </div>
                                            </div>                                            
                                        </div>

                                        <div class="-mt-1 space-y-1">
           
                                            <!-- <div class="flex flex-1 items-center space-x-2">
                                                <a href="/profile-alex"><img src="assets/images/face5.jpg" class="rounded-full w-8 h-8"></a>
                                                <div class="flex-1 p-2">
                                                Ich habe die gleiche Rasse
                                                </div>
                                            </div> 
                                            <div class="flex flex-1 items-center space-x-2">
                                                <a href="/profile-alex"><img src="assets/images/jan.jpg" class="rounded-full w-8 h-8"></a>
                                                <div class="flex-1 p-2">
                                                ich liebe euch beide <i class="uil-heart mr-1"></i>
                                                </div>
                                            </div> -->   
                                            <div class="flex flex-1 items-center space-x-2">
                                                <a href="/profile-alex"><img src="assets/images/paul.jpg" class="rounded-full w-8 h-8"></a>
                                                <div class="flex-1 p-2">
                                                    <i class="uil-thumbs-up mr-1"></i>
                                                </div>
                                            </div>  
            
                                        </div>





















                                    </div>


                                    <div class="p-3 border-t dark:border-gray-600">
                                        <div class="bg-gray-200 dark:bg-gray-700 rounded-full rounded-md relative">
                                            <input type="text" placeholder="Add your Comment.." class="bg-transparent max-h-8 shadow-none">
                                            <div class="absolute bottom-0 flex h-full items-center right-0 right-3 text-xl space-x-2">
                                                <a href="#"> <i class="uil-image"></i></a>
                                                <a href="#"> <i class="uil-video"></i></a>
                                            </div>
                                        </div>
                                    </div>

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
















                    <!-- <div id="story-modal" class="feed__ramec feed__ramec3">
                        <div class="uk-modal-dialog__muj story-modal">
                
                                <div class="story-modal-media video">
                                <img src="assets/images/zmena.jpg" alt="" class="inset-0 h-full w-full object-cover">                                   
                                </div>
                                <div class="flex-1 bg-white dark:bg-gray-900 dark:text-gray-100">
                                    <div class="border-b flex items-center justify-between px-5 py-3 dark:border-gray-600">
                                        <div class="flex flex-1 items-center space-x-4">
                                            <a href="#">
                                                <div class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-0.5 rounded-full">
                                                    <img src="assets/images/pic2.jpg"
                                                        class="bg-gray-200 border border-white rounded-full w-8 h-8">
                                                </div>
                                            </a>
                                            <span class="block text-lg font-semibold">Norah Richter</span>
                                        </div>
                                        <a href="#"> 
                                            <i  class="icon-feather-more-horizontal text-2xl rounded-full p-2 transition -mr-1"></i>
                                        </a>
                                    </div>
                                    <div class="story-content p-4" data-simplebar>
                
                                        <p>Bin für Angebote offen</p>
                                        
                                        <div class="py-4 ">
                                            <div class="flex justify-around">
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-heart mr-1"> </i> 12&nbsp;Like</div>
                                                </a>
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-comment-alt-lines mr-1"> </i> 1&nbsp;Comment</div>
                                                </a>
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-share-alt mr-1"> </i> 17&nbsp;Share</div>
                                                </a>
                                            </div>
                                            <hr class="-mx-4 my-3">
                                            <div class="flex items-center space-x-3"> 
                                                <div class="flex items-center">
                                                    <img src="assets/images/face6.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white">
                                                    <img src="assets/images/face5.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white -ml-2">
                                                    <img src="assets/images/jan.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white -ml-2">
                                                </div>
                                                <div>
                                                    Liked <strong> Jan</strong> and <strong> 11 Others </strong>
                                                </div>
                                            </div>                                            
                                        </div>

                                        <div class="-mt-1 space-y-1">
           
                                            <div class="flex flex-1 items-center space-x-2">
                                                <a href="/profile-alex"><img src="assets/images/jan.jpg" class="rounded-full w-8 h-8"></a>
                                                <div class="flex-1 p-2">
                                                    Viel Glück
                                                </div>
                                            </div> 
            
                                        </div>
                                    </div>


                                    <div class="p-3 border-t dark:border-gray-600">
                                        <div class="bg-gray-200 dark:bg-gray-700 rounded-full rounded-md relative">
                                            <input type="text" placeholder="Add your Comment.." class="bg-transparent max-h-8 shadow-none">
                                            <div class="absolute bottom-0 flex h-full items-center right-0 right-3 text-xl space-x-2">
                                                <a href="#"> <i class="uil-image"></i></a>
                                                <a href="#"> <i class="uil-video"></i></a>
                                            </div>
                                        </div>
                                    </div>

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






















                    <!-- <div id="story-modal" class="uk-modal-container" uk-modal> -->
                    <div id="story-modal" class="feed__ramec feed__ramec3">
                        <div class="uk-modal-dialog__muj story-modal">
                            <!-- <button class="uk-modal-close-default lg:-mt-9 lg:-mr-9 -mt-5 -mr-5 shadow-lg bg-white rounded-full p-4 transition dark:bg-gray-600 dark:text-white" type="button" uk-close></button> -->
                
                                <div class="story-modal-media video">
                                    <video controls class="video__video" id="video">
                                        <source src="/assets/video/video3.mp4" type="video/mp4">
                                    </video>  
                                    <div class="video__play"><img src="/assets/images/play.png" class="video__play__img"></div>                                   
                                </div>
                                <div class="flex-1 bg-white dark:bg-gray-900 dark:text-gray-100">
                                
                                    <!-- post header-->
                                    <div class="border-b flex items-center justify-between px-5 py-3 dark:border-gray-600">
                                        <div class="flex flex-1 items-center space-x-4">
                                            <a href="#">
                                                <div class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-0.5 rounded-full">
                                                    <img src="assets/images/paul.jpg"
                                                        class="bg-gray-200 border border-white rounded-full w-8 h-8">
                                                </div>
                                            </a>
                                            <span class="block text-lg font-semibold"> Paul</span>
                                        </div>
                                        <a href="#"> 
                                            <i  class="icon-feather-more-horizontal text-2xl rounded-full p-2 transition -mr-1"></i>
                                        </a>
                                    </div>
                                    <div class="story-content p-4" data-simplebar>
                
                                        <p>neues Haustier</p>
                                        
                                        <div class="py-4 ">
                                            <div class="flex justify-around">
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-heart mr-1"> </i> 20&nbsp;Like</div>
                                                </a>
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-comment-alt-lines mr-1"> </i> 2&nbsp;Comment</div>
                                                </a>
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-share-alt mr-1"> </i> 27&nbsp;Share</div>
                                                </a>
                                            </div>
                                            <hr class="-mx-4 my-3">
                                            <div class="flex items-center space-x-3"> 
                                                <div class="flex items-center">
                                                    <img src="assets/images/face6.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white">
                                                    <img src="assets/images/face5.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white -ml-2">
                                                    <img src="assets/images/alex.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white -ml-2">
                                                </div>
                                                <div>
                                                    Liked <strong> Stella</strong> and <strong> 19 Others </strong>
                                                </div>
                                            </div>                                            
                                        </div>

                                        <div class="-mt-1 space-y-1">
           
                                            <div class="flex flex-1 items-center space-x-2">
                                                <a href="/profile-alex"><img src="assets/images/face5.jpg" class="rounded-full w-8 h-8"></a>
                                                <div class="flex-1 p-2">
                                                Ich habe die gleiche Rasse
                                                </div>
                                            </div> 
                                            <div class="flex flex-1 items-center space-x-2">
                                                <a href="/profile-alex"><img src="assets/images/jan.jpg" class="rounded-full w-8 h-8"></a>
                                                <div class="flex-1 p-2">
                                                ich liebe euch beide <i class="uil-heart mr-1"></i>
                                                </div>
                                            </div>  
                                            <!-- <div class="flex flex-1 items-center space-x-2">
                                                <a href="/profile-alex"><img src="assets/images/face4.jpg" class="rounded-full w-8 h-8"></a>
                                                <div class="flex-1 p-2">
                                                wunderschöner hund
                                                </div>
                                            </div>  -->  
            
                                        </div>
                                    </div>


                                    <div class="p-3 border-t dark:border-gray-600">
                                        <div class="bg-gray-200 dark:bg-gray-700 rounded-full rounded-md relative">
                                            <input type="text" placeholder="Add your Comment.." class="bg-transparent max-h-8 shadow-none">
                                            <div class="absolute bottom-0 flex h-full items-center right-0 right-3 text-xl space-x-2">
                                                <a href="#"> <i class="uil-image"></i></a>
                                                <a href="#"> <i class="uil-video"></i></a>
                                            </div>
                                        </div>
                                    </div>
                
                                </div>
                
                        </div>
                    </div>



























                <!-- <div id="story-modal" class="uk-modal-container" uk-modal> -->
                <div id="story-modal" class="feed__ramec">
                    <div class="uk-modal-dialog__muj story-modal">
                        <!-- <button class="uk-modal-close-default lg:-mt-9 lg:-mr-9 -mt-5 -mr-5 shadow-lg bg-white rounded-full p-4 transition dark:bg-gray-600 dark:text-white" type="button" uk-close></button> -->
            
                            <div class="story-modal-media">
                                <img src="assets/images/wien11.jpg" alt=""  class="inset-0 h-full w-full object-cover">
                            </div>
                            <div class="flex-1 bg-white dark:bg-gray-900 dark:text-gray-100">
                            
                                <!-- post header-->
                                <div class="border-b flex items-center justify-between px-5 py-3 dark:border-gray-600">
                                    <div class="flex flex-1 items-center space-x-4">
                                        <a href="#">
                                            <div class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-0.5 rounded-full">
                                                <img src="assets/images/pic2.jpg"
                                                    class="bg-gray-200 border border-white rounded-full w-8 h-8">
                                            </div>
                                        </a>
                                        <span class="block text-lg font-semibold"> Norah Richter </span>
                                    </div>
                                    <a href="#"> 
                                        <i  class="icon-feather-more-horizontal text-2xl rounded-full p-2 transition -mr-1"></i>
                                    </a>
                                </div>
                                <div class="story-content p-4" data-simplebar>
            
                                    <p> Das Herz Wiens ist untrennbar mit St. Stephan und den Stephansdom, der aus dem 12. Jahrhundert stammt und aus mehreren Kapellen und Toren besteht.</p>
                                    
                                    <div class="py-4 ">
                                        <div class="flex justify-around">
                                            <a href="#" class="flex items-center space-x-3">
                                                <div class="flex font-bold items-baseline"> <i class="uil-heart mr-1"> </i> 31&nbsp;Like</div>
                                            </a>
                                            <a href="#" class="flex items-center space-x-3">
                                                <div class="flex font-bold items-baseline"> <i class="uil-comment-alt-lines mr-1"> </i> 11&nbsp;Comment</div>
                                            </a>
                                            <a href="#" class="flex items-center space-x-3">
                                                <div class="flex font-bold items-baseline"> <i class="uil-share-alt mr-1"> </i> 35&nbsp;Share</div>
                                            </a>
                                        </div>
                                        <hr class="-mx-4 my-3">
                                        <div class="flex items-center space-x-3"> 
                                            <div class="flex items-center">
                                                <img src="assets/images/face1.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white">
                                                <img src="assets/images/face2.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white -ml-2">
                                                <img src="assets/images/face3.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white -ml-2">
                                            </div>
                                            <div>
                                                Liked <strong> Jan</strong> and <strong> 30 Others </strong>
                                            </div>
                                        </div>
                                    </div>
            
                                    <div class="-mt-1 space-y-1">
                                        <div class="flex flex-1 items-center space-x-2">
                                            <img src="assets/images/face5.jpg" class="rounded-full w-8 h-8">
                                            <div class="flex-1 p-2">
                                                Schön, ich war vor zwei Jahren hier
                                            </div>
                                        </div>
                
                                        <div class="flex flex-1 items-center space-x-2">
                                            <img src="assets/images/face3.jpg" class="rounded-full w-8 h-8">
                                            <div class="flex-1 p-2">
                                                Magisches Foto
                                            </div>
                                        </div>
                
                                        <div class="flex flex-1 items-center space-x-2">
                                            <img src="assets/images/face2.jpg" class="rounded-full w-8 h-8">
                                            <div class="flex-1 p-2">
                                            ein wunderbarer Ort in Wien
                                            </div>
                                        </div>
                
                                    </div>
            
            
                                </div>
                                <div class="p-3 border-t dark:border-gray-600">
                                    <div class="bg-gray-200 dark:bg-gray-700 rounded-full rounded-md relative">
                                        <input type="text" placeholder="Add your Comment.." class="bg-transparent max-h-8 shadow-none">
                                        <div class="absolute bottom-0 flex h-full items-center right-0 right-3 text-xl space-x-2">
                                            <a href="#"> <i class="uil-image"></i></a>
                                            <a href="#"> <i class="uil-video"></i></a>
                                        </div>
                                    </div>
                                </div>
            
                            </div>
            
                    </div>
                </div>











                <!-- <div id="story-modal" class="uk-modal-container" uk-modal> -->
                    <div id="story-modal" class="feed__ramec feed__ramec2">
                        <div class="uk-modal-dialog__muj story-modal">
                            <!-- <button class="uk-modal-close-default lg:-mt-9 lg:-mr-9 -mt-5 -mr-5 shadow-lg bg-white rounded-full p-4 transition dark:bg-gray-600 dark:text-white" type="button" uk-close></button> -->
                
                                <div class="story-modal-media">
                                    <img src="assets/images/art2.jpg" alt=""  class="inset-0 h-full w-full object-cover">
                                </div>
                                <div class="flex-1 bg-white dark:bg-gray-900 dark:text-gray-100">
                                
                                    <!-- post header-->
                                    <div class="border-b flex items-center justify-between px-5 py-3 dark:border-gray-600">
                                        <div class="flex flex-1 items-center space-x-4">
                                            <a href="#">
                                                <div class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-0.5 rounded-full">
                                                    <img src="assets/images/pic2.jpg"
                                                        class="bg-gray-200 border border-white rounded-full w-8 h-8">
                                                </div>
                                            </a>
                                            <span class="block text-lg font-semibold"> Norah Richter </span>
                                        </div>
                                        <a href="#"> 
                                            <i  class="icon-feather-more-horizontal text-2xl rounded-full p-2 transition -mr-1"></i>
                                        </a>
                                    </div>
                                    <div class="story-content p-4" data-simplebar>
                
                                        <p> Andere Sehenswürdigkeiten von Wien. Lassen Sie sich ein Pferd vor die Kutsche spannen und genießen Sie eine romantische Fahrt. Oder besuchen Sie eines der Museen, die die Geschichte dieses Transportmittels nachzeichnen.</p>
                                        
                                        <div class="py-4 ">
                                        <div class="flex justify-around">
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-heart mr-1"> </i> 24&nbsp;Like</div>
                                                </a>
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-comment-alt-lines mr-1"> </i> 15&nbsp;Comment</div>
                                                </a>
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-share-alt mr-1"> </i> 17&nbsp;Share</div>
                                                </a>
                                            </div>
                                            <hr class="-mx-4 my-3">
                                            <div class="flex items-center space-x-3"> 
                                                <div class="flex items-center">
                                                    <img src="assets/images/avatar-1.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white">
                                                    <img src="assets/images/avatar-4.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white -ml-2">
                                                    <img src="assets/images/avatar-2.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white -ml-2">
                                                </div>
                                                <div>
                                                    Liked <strong> Paul</strong> and <strong> 23 Others </strong>
                                                </div>
                                            </div>
                                        </div>
                
                                    <div class="-mt-1 space-y-1">
                                        <div class="flex flex-1 items-center space-x-2">
                                            <img src="assets/images/face6.jpg" class="rounded-full w-8 h-8">
                                            <div class="flex-1 p-2">
                                            eine unglaubliche erfahrung
                                            </div>
                                        </div>
                
                                        <div class="flex flex-1 items-center space-x-2">
                                            <img src="assets/images/face1.jpg" class="rounded-full w-8 h-8">
                                            <div class="flex-1 p-2">
                                            Ich ging auch
                                            </div>
                                        </div>
                
                                    </div>
                
                
                                    </div>
                                    <div class="p-3 border-t dark:border-gray-600">
                                        <div class="bg-gray-200 dark:bg-gray-700 rounded-full rounded-md relative">
                                            <input type="text" placeholder="Add your Comment.." class="bg-transparent max-h-8 shadow-none">
                                            <div class="absolute bottom-0 flex h-full items-center right-0 right-3 text-xl space-x-2">
                                                <a href="#"> <i class="uil-image"></i></a>
                                                <a href="#"> <i class="uil-video"></i></a>
                                            </div>
                                        </div>
                                    </div>
                
                                </div>
                
                        </div>
                    </div>














                <!-- <div id="story-modal" class="uk-modal-container" uk-modal> -->
                    <div id="story-modal" class="feed__ramec feed__ramec2">
                        <div class="uk-modal-dialog__muj story-modal">
                            <!-- <button class="uk-modal-close-default lg:-mt-9 lg:-mr-9 -mt-5 -mr-5 shadow-lg bg-white rounded-full p-4 transition dark:bg-gray-600 dark:text-white" type="button" uk-close></button> -->
                
                                <div class="story-modal-media">
                                    <img src="assets/images/art3.jpg" alt=""  class="inset-0 h-full w-full object-cover">
                                </div>
                                <div class="flex-1 bg-white dark:bg-gray-900 dark:text-gray-100">
                                
                                    <!-- post header-->
                                    <div class="border-b flex items-center justify-between px-5 py-3 dark:border-gray-600">
                                        <div class="flex flex-1 items-center space-x-4">
                                            <a href="#">
                                                <div class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-0.5 rounded-full">
                                                    <img src="assets/images/face2.jpg"
                                                        class="bg-gray-200 border border-white rounded-full w-8 h-8">
                                                </div>
                                            </a>
                                            <span class="block text-lg font-semibold"> Johann Schmidt </span>
                                        </div>
                                        <a href="#"> 
                                            <i  class="icon-feather-more-horizontal text-2xl rounded-full p-2 transition -mr-1"></i>
                                        </a>
                                    </div>
                                    <div class="story-content p-4" data-simplebar>
                
                                        <p> Die beste Nachtansicht von Wien. Gefüllt mit turbulenten Achterbahnen, grusligen Geisterbahnen und Attraktionen aller Art für Groß und Klein - kaum sonst wo auf der Welt findet sich ein ähnlicher Platz, der alle Sinne auf so mitreißende Art und Weise herausfordert.</p>
                                        
                                        <div class="py-4 ">
                                            <div class="flex justify-around">
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-heart mr-1"> </i> 22&nbsp;Like</div>
                                                </a>
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-comment-alt-lines mr-1"> </i> 12&nbsp;Comment</div>
                                                </a>
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-share-alt mr-1"> </i> 18&nbsp;Share</div>
                                                </a>
                                            </div>
                                            <hr class="-mx-4 my-3">
                                            <div class="flex items-center space-x-3"> 
                                                <div class="flex items-center">
                                                    <img src="assets/images/face6.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white">
                                                    <img src="assets/images/face5.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white -ml-2">
                                                    <img src="assets/images/face4.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white -ml-2">
                                                </div>
                                                <div>
                                                    Liked <strong> Alex</strong> and <strong> 21 Others </strong>
                                                </div>
                                            </div>
                                        </div>
                
                                    <div class="-mt-1 space-y-1">

                                        <!-- <div class="flex flex-1 items-center space-x-2">
                                            <img src="assets/images/avatar-2.jpg" class="rounded-full w-8 h-8">
                                            <div class="flex-1 p-2">
                                                consectetuer adipiscing elit, sed diam nonummy nibh euismod
                                            </div>
                                        </div>
                
                                        <div class="flex flex-1 items-center space-x-2">
                                            <img src="assets/images/avatar-4.jpg" class="rounded-full w-8 h-8">
                                            <div class="flex-1 p-2">
                                                consectetuer adipiscing elit
                                            </div>
                                        </div> -->
                
                                    </div>
                
                
                                    </div>
                                    <div class="p-3 border-t dark:border-gray-600">
                                        <div class="bg-gray-200 dark:bg-gray-700 rounded-full rounded-md relative">
                                            <input type="text" placeholder="Add your Comment.." class="bg-transparent max-h-8 shadow-none">
                                            <div class="absolute bottom-0 flex h-full items-center right-0 right-3 text-xl space-x-2">
                                                <a href="#"> <i class="uil-image"></i></a>
                                                <a href="#"> <i class="uil-video"></i></a>
                                            </div>
                                        </div>
                                    </div>
                
                                </div>
                
                        </div>
                    </div>














                <!-- <div id="story-modal" class="uk-modal-container" uk-modal> -->
                <div class="" id="obr__homeless"></div>
                <div id="story-modal" class="feed__ramec feed__ramec2 feed__zena">
                        <div class="uk-modal-dialog__muj story-modal">
                            <!-- <button class="uk-modal-close-default lg:-mt-9 lg:-mr-9 -mt-5 -mr-5 shadow-lg bg-white rounded-full p-4 transition dark:bg-gray-600 dark:text-white" type="button" uk-close></button> -->
                
                                <div class="story-modal-media obr__homeless klik__tlac__feed">
                                    <img src="assets/images/zena.jpg" alt=""  class="inset-0 h-full w-full object-cover">
                                    <div class="absolute bg-black bg-opacity-40 bottom-0 flex h-full items-center justify-center space-x-5 text-lg text-white uk-transition-scale-up w-full schovany__tlac">
                                        <div class="tlac_feed tlac_feed1">Edit</div>
                                        <div class="tlac_feed tlac_feed2 klik__tlac_feed__del" cislo="1">Delete</div>
                                    </div>
                                </div>
                                <div class="flex-1 bg-white dark:bg-gray-900 dark:text-gray-100">
                                
                                    <!-- post header-->
                                    <div class="border-b flex items-center justify-between px-5 py-3 dark:border-gray-600">
                                        <div class="flex flex-1 items-center space-x-4">
                                            
                                                <div class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-0.5 rounded-full">
                                                    <img src="assets/images/pic2.jpg" class="bg-gray-200 border border-white rounded-full w-8 h-8">
                                                </div>
                                            
                                            <span class="block text-lg font-semibold"> Norah Richter  </span>
                                        </div>
                                        <a href="#"> 
                                            <i  class="icon-feather-more-horizontal text-2xl rounded-full p-2 transition -mr-1"></i>
                                        </a>
                                    </div>
                                    <div class="story-content p-4" data-simplebar>
                
                                        <p> WER KENNT DIESE FRAU? </p>
                                        
                                        <div class="py-4 ">
                                        <div class="flex justify-around">
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-heart mr-1"> </i> 6&nbsp;Like</div>
                                                </a>
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-comment-alt-lines mr-1"> </i> 0&nbsp;Comment</div>
                                                </a>
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-share-alt mr-1"> </i> 59&nbsp;Share</div>
                                                </a>
                                            </div>
                                            <hr class="-mx-4 my-3">
                                            <div class="flex items-center space-x-3"> 
                                                <div class="flex items-center">
                                                    <img src="assets/images/face6.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white">
                                                    <img src="assets/images/face5.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white -ml-2">
                                                    <img src="assets/images/face7.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white -ml-2">
                                                </div>
                                                <div>
                                                    Liked <strong> Hans Müller</strong> and <strong> 5 Others </strong>
                                                </div>
                                            </div>
                                        </div>
        
                
                
                                    </div>
                                    <div class="p-3 border-t dark:border-gray-600">
                                        <div class="bg-gray-200 dark:bg-gray-700 rounded-full rounded-md relative">
                                            <input type="text" placeholder="Add your Comment.." class="bg-transparent max-h-8 shadow-none">
                                            <div class="absolute bottom-0 flex h-full items-center right-0 right-3 text-xl space-x-2">
                                                <a href="#"> <i class="uil-image"></i></a>
                                                <a href="#"> <i class="uil-video"></i></a>
                                            </div>
                                        </div>
                                    </div>
                
                                </div>
                
                        </div>
                    </div>








                    <!-- <div id="story-modal" class="uk-modal-container" uk-modal> -->
                    <div id="story-modal" class="feed__ramec feed__ramec2">
                        <div class="uk-modal-dialog__muj story-modal">
                            <!-- <button class="uk-modal-close-default lg:-mt-9 lg:-mr-9 -mt-5 -mr-5 shadow-lg bg-white rounded-full p-4 transition dark:bg-gray-600 dark:text-white" type="button" uk-close></button> -->
                
                                <div class="story-modal-media">
                                    <img src="assets/images/art5.jpg" alt=""  class="inset-0 h-full w-full object-cover">
                                </div>
                                <div class="flex-1 bg-white dark:bg-gray-900 dark:text-gray-100">
                                
                                    <!-- post header-->
                                    <div class="border-b flex items-center justify-between px-5 py-3 dark:border-gray-600">
                                        <div class="flex flex-1 items-center space-x-4">
                                            <a href="#">
                                                <div class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-0.5 rounded-full">
                                                    <img src="assets/images/pic2.jpg"
                                                        class="bg-gray-200 border border-white rounded-full w-8 h-8">
                                                </div>
                                            </a>
                                            <span class="block text-lg font-semibold"> Norah Richter</span>
                                        </div>
                                        <a href="#"> 
                                            <i  class="icon-feather-more-horizontal text-2xl rounded-full p-2 transition -mr-1"></i>
                                        </a>
                                    </div>
                                    <div class="story-content p-4" data-simplebar>
                
                                        <p> Der Stephansdom in Wien ist eines der bedeutendsten österreichischen Baudenkmäler der Gotik und ein Wahrzeichen Wiens</p>
                                        
                                        <div class="py-4 ">
                                        <div class="flex justify-around">
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-heart mr-1"> </i> 8&nbsp;Like</div>
                                                </a>
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-comment-alt-lines mr-1"> </i> 3&nbsp;Comment</div>
                                                </a>
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-share-alt mr-1"> </i> 12&nbsp;Share</div>
                                                </a>
                                            </div>
                                            <hr class="-mx-4 my-3">
                                            <div class="flex items-center space-x-3"> 
                                                <div class="flex items-center">
                                                    <img src="assets/images/face6.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white">
                                                    <img src="assets/images/face5.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white -ml-2">
                                                    <img src="assets/images/pic2.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white -ml-2">
                                                </div>
                                                <div>
                                                    Liked <strong> Stella</strong> and <strong> 7 Others </strong>
                                                </div>
                                            </div>
                                        </div>
                
                                    <div class="-mt-1 space-y-1">

                
                                        <div class="flex flex-1 items-center space-x-2">
                                            <img src="assets/images/face2.jpg" class="rounded-full w-8 h-8">
                                            <div class="flex-1 p-2">
                                            Frühlingsspaziergang?
                                            </div>
                                        </div>
                
                                        <div class="flex flex-1 items-center space-x-2">
                                            <img src="assets/images/face4.jpg" class="rounded-full w-8 h-8">
                                            <div class="flex-1 p-2">
                                                Sehr schön
                                            </div>
                                        </div>

                                        <div class="flex flex-1 items-center space-x-2">
                                            <img src="assets/images/face1.jpg" class="rounded-full w-8 h-8">
                                            <div class="flex-1 p-2">
                                            rauchen ist schlecht für die gesundheit
                                            </div>
                                        </div> 
                
                                    </div>


                
                                    </div>
                                    <div class="p-3 border-t dark:border-gray-600">
                                        <div class="bg-gray-200 dark:bg-gray-700 rounded-full rounded-md relative">
                                            <input type="text" placeholder="Add your Comment.." class="bg-transparent max-h-8 shadow-none">
                                            <div class="absolute bottom-0 flex h-full items-center right-0 right-3 text-xl space-x-2">
                                                <a href="#"> <i class="uil-image"></i></a>
                                                <a href="#"> <i class="uil-video"></i></a>
                                            </div>
                                        </div>
                                    </div>
                
                                </div>
                
                        </div>
                    </div>








                    <!-- <div id="story-modal" class="uk-modal-container" uk-modal> -->
                    <div id="story-modal" class="feed__ramec feed__ramec2">
                        <div class="uk-modal-dialog__muj story-modal">
                            <!-- <button class="uk-modal-close-default lg:-mt-9 lg:-mr-9 -mt-5 -mr-5 shadow-lg bg-white rounded-full p-4 transition dark:bg-gray-600 dark:text-white" type="button" uk-close></button> -->
                
                                <div class="story-modal-media">
                                    <img src="/assets/images/alexnorah.png" alt=""  class="inset-0 h-full w-full object-cover">
                                </div>
                                <div class="flex-1 bg-white dark:bg-gray-900 dark:text-gray-100">
                                
                                    <!-- post header-->
                                    <div class="border-b flex items-center justify-between px-5 py-3 dark:border-gray-600">
                                        <div class="flex flex-1 items-center space-x-4">
                                            <a href="#">
                                                <div class="bg-gradient-to-tr from-yellow-600 to-pink-600 p-0.5 rounded-full">
                                                    <img src="assets/images/pic2.jpg"
                                                        class="bg-gray-200 border border-white rounded-full w-8 h-8">
                                                </div>
                                            </a>
                                            <span class="block text-lg font-semibold"> Norah Richter</span>
                                        </div>
                                        <a href="#"> 
                                            <i  class="icon-feather-more-horizontal text-2xl rounded-full p-2 transition -mr-1"></i>
                                        </a>
                                    </div>
                                    <div class="story-content p-4" data-simplebar>
                
                                        <p> </p>
                                        
                                        <div class="py-4 ">
                                            <div class="flex justify-around">
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-heart mr-1"> </i> 10&nbsp;Like</div>
                                                </a>
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-comment-alt-lines mr-1"> </i> 4&nbsp;Comment</div>
                                                </a>
                                                <a href="#" class="flex items-center space-x-3">
                                                    <div class="flex font-bold items-baseline"> <i class="uil-share-alt mr-1"> </i> 16&nbsp;Share</div>
                                                </a>
                                            </div>
                                            <hr class="-mx-4 my-3">
                                            <div class="flex items-center space-x-3"> 
                                                <div class="flex items-center">
                                                    <img src="assets/images/face6.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white">
                                                    <img src="assets/images/face5.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white -ml-2">
                                                    <img src="assets/images/alex.jpg" alt="" class="w-6 h-6 rounded-full border-2 border-white -ml-2">
                                                </div>
                                                <div>
                                                    Liked <strong> Alex</strong> and <strong> 9 Others </strong>
                                                </div>
                                            </div>                                            
                                        </div>

                                        <div class="-mt-1 space-y-1">
                                            <div class="flex flex-1 items-center space-x-2">
                                                <a href="/profile-alex"><img src="assets/images/alex.jpg" class="rounded-full w-8 h-8"></a>
                                                <div class="flex-1 p-2">
                                                    <i class="uil-heart mr-1"></i>
                                                </div>
                                            </div>             

                                            <div class="flex flex-1 items-center space-x-2">
                                                <a href="/profile-alex"><img src="assets/images/face6.jpg" class="rounded-full w-8 h-8"></a>
                                                <div class="flex-1 p-2">
                                                    Romantik in der Tat
                                                </div>
                                            </div> 

                                            <div class="flex flex-1 items-center space-x-2">
                                                <a href="/profile-alex"><img src="assets/images/face4.jpg" class="rounded-full w-8 h-8"></a>
                                                <div class="flex-1 p-2">
                                                    schönes Foto
                                                </div>
                                            </div>   
                                            <div class="flex flex-1 items-center space-x-2">
                                                <a href="/profile-alex"><img src="assets/images/face3.jpg" class="rounded-full w-8 h-8"></a>
                                                <div class="flex-1 p-2">
                                                Schönheit
                                                </div>
                                            </div>            
                                        </div>
                                    </div>


                                    <div class="p-3 border-t dark:border-gray-600">
                                        <div class="bg-gray-200 dark:bg-gray-700 rounded-full rounded-md relative">
                                            <input type="text" placeholder="Add your Comment.." class="bg-transparent max-h-8 shadow-none">
                                            <div class="absolute bottom-0 flex h-full items-center right-0 right-3 text-xl space-x-2">
                                                <a href="#"> <i class="uil-image"></i></a>
                                                <a href="#"> <i class="uil-video"></i></a>
                                            </div>
                                        </div>
                                    </div>
                
                                </div>
                
                        </div>
                    </div>











                <!-- Load more-->
                <div class="flex justify-center mt-6">
                    <a href="#" class="bg-white font-semibold my-3 px-6 py-2 rounded-full shadow-md dark:bg-gray-800 dark:text-white"> Load more ..</a>
                </div>
 

            </div>



            <script>
                let hash = window.location.hash;
                //alert(hash);
                //document.getElementById('obr__homeless').scrollIntoView();

            </script>