Reka

Neuigkeiten

Neuer Auftritt zu unserem 80. Jubiläum

Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem has been the industry's standard dummy text ever since the 1500s. when an unknown

schliessen

Ferienresort Golfo del Sole erstrahlt in neuem Glanz

Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem has been the industry's standard dummy text ever since the 1500s. when an unknown

schliessen

Porttitor urna ac augue cursus tincidunt sit amet sed orci

Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem has been the industry's standard dummy text ever since the 1500s. when an unknown

Mehr erfahren

schliessen

Code markup preview:

<section class="section section--padding" data-animation="fade-up">
                            <div class="container">
                                <div class="row">
                                    <header class="col col-12">
                                        <div style="display: flex">
                                            <div class="title-line title-line--red title-line--view">
                                                <div class="text">
                                                    <h2>Neuigkeiten</h2>
                                                </div>
                                            </div>
                                        </div>
                                    </header>
                                </div>
                                <div class="animation__wrapper row margin margin--bottom-80 small-margin--bottom-50" style="position: relative;">
                                    <div class="m__slider reset-margins" slider-config='{"initialSlide": 1,"centeredSlides": true,"pagination": {"el":".swiper-pagination","type":"bullets","clickable": true}}'>
                                        <div class="swiper-container teasers-container">
                                            <div class="row teasers teasers--news swiper-wrapper">
                        
                                                <article class="col col-12 col-md-4 teaser__news teaser__animation  swiper-slide">
                                                    <a href="#" class="teaser teaser--news">
                                                        <div class="teaser__image__wrapper">
                                                            <img data-src="/Content/RekaRelaunch/images/img1.jpg" data-big-src="/Content/RekaRelaunch/images/img1.jpg" class="teaser__image lazy" alt="Example alt"/>
                                                        </div>
                                                        <div class="teaser__card">
                                                            <div class="teaser__text">
                                                                <div class="content-wrapper">
                                                                    <h3 class="text text--center">Neuer Auftritt zu unserem 80. Jubiläum </h3>
                        
                                                                    <p>
                                                                        Lorem Ipsum is dummy text of the printing and typesetting industry.
                                                                        Lorem has
                                                                        been
                                                                        the industry's standard dummy text ever since the 1500s. when an unknown
                                                                    </p>
                                                                </div>
                                                                <p class="more-content">
                                                                    Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem
                                                                    has
                                                                    been
                                                                    the industry's standard dummy text ever since the 1500s. when an unknown
                                                                </p>
                                                                <div class="article-link button--arrow color color--blue">
                                                                    weiterlesen
                                                                    <span class="icon--plus">
                                                                        <svg width="14px" height="15px" viewBox="0 0 14 15" version="1.1"
                                                                             xmlns="http://www.w3.org/2000/svg"
                                                                             xmlns:xlink="http://www.w3.org/1999/xlink">
                                                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                                            <g transform="translate(-515.000000, -2727.000000)" stroke="#113180"
                                                                               stroke-width="2">
                                                                                <g transform="translate(360.000000, 2155.000000)">
                                                                                    <g transform="translate(20.000000, 354.000000)">
                                                                                        <g transform="translate(30.000000, 215.000000)">
                                                                                            <g
                                                                                                    transform="translate(105.000000, 3.000000)">
                                                                                                <path d="M0,7.73076923 L14,7.73076923"
                                                                                                ></path>
                                                                                                <path d="M0,7.73076923 L14,7.73076923"
                                                                                                      transform="translate(7.000000, 7.730769) rotate(90.000000) translate(-7.000000, -7.730769) "></path>
                                                                                            </g>
                                                                                        </g>
                                                                                    </g>
                                                                                </g>
                                                                            </g>
                                                                        </g>
                                                                    </svg>
                                                                    </span>
                        
                                                                </div>
                                                                <div class="teaser__news__close mobile">
                                                                    <span>schliessen</span>
                        
                                                                    <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1"
                                                                         xmlns="http://www.w3.org/2000/svg"
                                                                         xmlns:xlink="http://www.w3.org/1999/xlink">
                                                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                                            <g transform="translate(-1512.000000, -2182.000000)" fill="#FFFFFF">
                                                                                <g transform="translate(362.000000, 2155.000000)">
                                                                                    <g transform="translate(137.000000, 21.000000)">
                                                                                        <g transform="translate(921.000000, 0.000000)">
                                                                                            <g>
                                                                                                <g>
                                                                                                    <g
                                                                                                       transform="translate(100.142136, 14.142136) rotate(45.000000) translate(-100.142136, -14.142136) translate(90.142136, 4.142136)">
                                                                                                        <rect x="0" y="9" width="20"
                                                                                                              height="2"></rect>
                                                                                                        <rect transform="translate(10.000000, 10.000000) rotate(90.000000) translate(-10.000000, -10.000000) "
                                                                                                              x="0" y="9" width="20"
                                                                                                              height="2"></rect>
                                                                                                    </g>
                                                                                                </g>
                                                                                            </g>
                                                                                        </g>
                                                                                    </g>
                                                                                </g>
                                                                            </g>
                                                                        </g>
                                                                    </svg>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </article>
                                                <article class="col col-12 col-md-4 teaser__news teaser__animation swiper-slide">
                                                    <a href="#" class="teaser teaser--news">
                                                        <div class="teaser__image__wrapper">
                                                            <img data-src="/Content/RekaRelaunch/images/img2.png" data-big-src="/Content/RekaRelaunch/images/img2.png" class="teaser__image lazy" alt="Example alt"/>
                                                        </div>
                                                        <div class="teaser__card">
                                                            <div class="teaser__text">
                                                                <div class="content-wrapper">
                                                                    <h3 class="text text--center">Ferienresort Golfo del Sole erstrahlt in neuem
                                                                        Glanz</h3>
                        
                                                                    <p>
                                                                        Lorem Ipsum is dummy text of the printing and typesetting industry.
                                                                        Lorem has
                                                                        been
                                                                        the industry's standard dummy text ever since the 1500s. when an unknown
                                                                    </p>
                                                                </div>
                                                                <p class="more-content">
                                                                    Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem
                                                                    has
                                                                    been
                                                                    the industry's standard dummy text ever since the 1500s. when an unknown
                                                                </p>
                                                                <div class="article-link button--arrow color color--blue">
                                                                    weiterlesen
                                                                    <span class="icon--plus">
                                                                        <svg width="14px" height="15px" viewBox="0 0 14 15" version="1.1"
                                                                             xmlns="http://www.w3.org/2000/svg"
                                                                             xmlns:xlink="http://www.w3.org/1999/xlink">
                                                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                                            <g transform="translate(-515.000000, -2727.000000)" stroke="#113180"
                                                                               stroke-width="2">
                                                                                <g transform="translate(360.000000, 2155.000000)">
                                                                                    <g transform="translate(20.000000, 354.000000)">
                                                                                        <g transform="translate(30.000000, 215.000000)">
                                                                                            <g
                                                                                                    transform="translate(105.000000, 3.000000)">
                                                                                                <path d="M0,7.73076923 L14,7.73076923"
                                                                                                ></path>
                                                                                                <path d="M0,7.73076923 L14,7.73076923"
                                                                                                      transform="translate(7.000000, 7.730769) rotate(90.000000) translate(-7.000000, -7.730769) "></path>
                                                                                            </g>
                                                                                        </g>
                                                                                    </g>
                                                                                </g>
                                                                            </g>
                                                                        </g>
                                                                    </svg>
                                                                    </span>
                                                                </div>
                                                                <div class="teaser__news__close mobile">
                                                                    <span>schliessen</span>
                        
                                                                    <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1"
                                                                         xmlns="http://www.w3.org/2000/svg"
                                                                         xmlns:xlink="http://www.w3.org/1999/xlink">
                                                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                                            <g transform="translate(-1512.000000, -2182.000000)" fill="#FFFFFF">
                                                                                <g transform="translate(362.000000, 2155.000000)">
                                                                                    <g transform="translate(137.000000, 21.000000)">
                                                                                        <g transform="translate(921.000000, 0.000000)">
                                                                                            <g>
                                                                                                <g>
                                                                                                    <g
                                                                                                       transform="translate(100.142136, 14.142136) rotate(45.000000) translate(-100.142136, -14.142136) translate(90.142136, 4.142136)">
                                                                                                        <rect x="0" y="9" width="20"
                                                                                                              height="2"></rect>
                                                                                                        <rect transform="translate(10.000000, 10.000000) rotate(90.000000) translate(-10.000000, -10.000000) "
                                                                                                              x="0" y="9" width="20"
                                                                                                              height="2"></rect>
                                                                                                    </g>
                                                                                                </g>
                                                                                            </g>
                                                                                        </g>
                                                                                    </g>
                                                                                </g>
                                                                            </g>
                                                                        </g>
                                                                    </svg>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </article>
                                                <article class="col col-12 col-md-4 teaser__news  swiper-slide">
                                                    <a href="#" class="teaser teaser--news">
                                                        <div class="teaser__image__wrapper">
                                                            <img data-src="/Content/RekaRelaunch/images/img3.png" data-big-src="/Content/RekaRelaunch/images/img3.png" class="teaser__image lazy" alt="Example alt"/>
                                                        </div>
                                                        <div class="teaser__card">
                                                            <div class="teaser__text">
                                                                <div class="content-wrapper">
                                                                    <h3 class="text text--center">Porttitor urna ac augue cursus tincidunt sit
                                                                        amet sed orci</h3>
                        
                                                                    <p>
                                                                        Lorem Ipsum is dummy text of the printing and typesetting industry.
                                                                        Lorem has
                                                                        been
                                                                        the industry's standard dummy text ever since the 1500s. when an unknown
                                                                    </p>
                                                                </div>
                                                                <p class="more-content">
                                                                    Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem
                                                                    has
                                                                    been
                                                                    the industry's standard dummy text ever since the 1500s. when an unknown
                                                                </p>
                                                                <div class="article-link color color--blue button--arrow">Mehr erfahren
                                                                    <span>
                                                                        <svg width="33px" height="10px" viewBox="0 0 33 10" version="1.1"
                                                                             xmlns="http://www.w3.org/2000/svg"
                                                                             xmlns:xlink="http://www.w3.org/1999/xlink">
                                                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                                                <g transform="translate(-495.000000, -3649.000000)"
                                                                                   stroke="#113180" stroke-width="2">
                                                                                    <g transform="translate(361.000000, 3486.000000)">
                                                                                        <g transform="translate(0.000000, 158.000000)">
                                                                                            <g
                                                                                               transform="translate(134.000000, 6.000000)">
                                                                                                <path d="M0,4 L31.7730496,4"></path>
                                                                                                <polyline stroke-linejoin="bevel"
                                                                                                          points="27.2340426 8 31.7730496 4 27.2340426 0"></polyline>
                                                                                            </g>
                                                                                        </g>
                                                                                    </g>
                                                                                </g>
                                                                            </g>
                                                                        </svg>
                                                                    </span>
                                                                </div>
                                                                <div class="teaser__news__close mobile">
                                                                    <span>schliessen</span>
                        
                                                                    <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1"
                                                                         xmlns="http://www.w3.org/2000/svg"
                                                                         xmlns:xlink="http://www.w3.org/1999/xlink">
                                                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                                            <g transform="translate(-1512.000000, -2182.000000)" fill="#FFFFFF">
                                                                                <g transform="translate(362.000000, 2155.000000)">
                                                                                    <g transform="translate(137.000000, 21.000000)">
                                                                                        <g transform="translate(921.000000, 0.000000)">
                                                                                            <g>
                                                                                                <g>
                                                                                                    <g
                                                                                                       transform="translate(100.142136, 14.142136) rotate(45.000000) translate(-100.142136, -14.142136) translate(90.142136, 4.142136)">
                                                                                                        <rect x="0" y="9" width="20"
                                                                                                              height="2"></rect>
                                                                                                        <rect transform="translate(10.000000, 10.000000) rotate(90.000000) translate(-10.000000, -10.000000) "
                                                                                                              x="0" y="9" width="20"
                                                                                                              height="2"></rect>
                                                                                                    </g>
                                                                                                </g>
                                                                                            </g>
                                                                                        </g>
                                                                                    </g>
                                                                                </g>
                                                                            </g>
                                                                        </g>
                                                                    </svg>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </article>
                                            </div>
                                            <div class="swiper-pagination"></div>
                                        </div>
                                    </div>
                                    <div class="clone-wrapper">
                                        <div class="clone-image">
                                        </div>
                                        <div class="teaser__clone teaser">
                                            <div class="card__anim">
                        
                                            </div>
                                        </div>
                                        <div class="teaser__news__close">
                                            <span>schliessen</span>
                        
                                            <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                                 xmlns:xlink="http://www.w3.org/1999/xlink">
                                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                    <g transform="translate(-1512.000000, -2182.000000)" fill="#FFFFFF">
                                                        <g transform="translate(362.000000, 2155.000000)">
                                                            <g transform="translate(137.000000, 21.000000)">
                                                                <g transform="translate(921.000000, 0.000000)">
                                                                    <g>
                                                                        <g>
                                                                            <g
                                                                               transform="translate(100.142136, 14.142136) rotate(45.000000) translate(-100.142136, -14.142136) translate(90.142136, 4.142136)">
                                                                                <rect x="0" y="9" width="20" height="2"></rect>
                                                                                <rect transform="translate(10.000000, 10.000000) rotate(90.000000) translate(-10.000000, -10.000000) "
                                                                                      x="0" y="9" width="20" height="2"></rect>
                                                                            </g>
                                                                        </g>
                                                                    </g>
                                                                </g>
                                                            </g>
                                                        </g>
                                                    </g>
                                                </g>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                        
                                
                                    
                        
                                        
                                            
                                                
                                                
                                                    
                                                        
                                                            
                        
                                                            
                                                                
                                                                
                                                                
                                                            
                                                        
                                                        
                                                            
                                                            
                                                            
                                                        
                                                        
                                                            
                                                            
                                                                 
                                                                
                                                                    
                                                                       
                                                                        
                                                                            
                                                                                
                                                                                    
                                                                                       
                                                                                        
                                                                                        
                                                                                              
                                                                                    
                                                                                
                                                                            
                                                                        
                                                                    
                                                                
                                                            
                                                        
                                                        
                                                            
                        
                                                            
                                                                 
                                                                
                                                                    
                                                                        
                                                                            
                                                                                
                                                                                    
                                                                                        
                                                                                            
                                                                                               
                                                                                                
                                                                                                
                                                                                                      
                                                                                            
                                                                                        
                                                                                    
                                                                                
                                                                            
                                                                        
                                                                    
                                                                
                                                            
                                                        
                                                    
                                                
                                            
                                        
                                    
                                
                            </div>
                        </section>