.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-page-transition-entrance-animation:e-page-transition-fade-out-down;--e-page-transition-animation-duration:3400ms;--e-preloader-delay:0ms;--e-preloader-color:#FFF;--e-preloader-size:20px;}.elementor-kit-9 e-page-transition{background-color:#FFF97D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>beallround</title>
    <link rel=icon href="assets/img/logo-2.png" sizes="20x20" type="image/png">

    <!-- Stylesheet -->
    <link rel="stylesheet" href="assets/css/vendor.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/responsive.css">

</head>

<body>

    <!-- preloader area start -->
    <div class="preloader" id="preloader">
        <div class="preloader-inner">
            <div class="spinner">
                <div class="dot1"></div>
                <div class="dot2"></div>
            </div>
        </div>
    </div>
    <!-- preloader area end -->

    <!-- search popup start-->
    <div class="body-overlay" id="body-overlay"></div>
    <div class="td-search-popup" id="td-search-popup">
        <form action="#" class="search-form">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="Search.....">
            </div>
            <button type="submit" class="submit-btn"><i class="fa fa-search"></i></button>
        </form>
    </div>
    <!-- search popup end-->

    <!-- navbar start -->
    <header class="navbar-area">
        <div class="navbar-top">
            <div class="logo d-none d-lg-block">
                <a class="main-logo" href="index.html"><img src="assets/img/logo.png" alt="img"></a>
            </div>
            <div class="nav-phone-wrap">
                <i class="fas fa-phone-alt"></i>
                078 208 51 52
            </div>
            <div class="container p-lg-0">
                <div class="row">
                    <div class="col-lg-10 col-md-9 text-md-start text-center">
                        <ul class="topbar-left">
                            <li><i class="fas fa-map-marker-alt"></i>
                                Dorfstrasse 37 9535 Wilen bei Wil</li>
                            <li><i class="fas fa-envelope"></i>
                                beallround@email</li>
                        </ul>
                    </div>
                    <div class="col-lg-2 col-md-3">
                        <ul class="topbar-right social-area text-md-end text-center">
                            <li>
                                <a href="#"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
                            </li>
                            <li>
                                <a href="#"><i class="fab fa-twitter" aria-hidden="true"></i></a>
                            </li>
                            <li>
                                <a href="#"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a>
                            </li>
                            <li>
                                <a href="#"><i class="fab fa-instagram" aria-hidden="true"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <nav class="navbar navbar-area-1 navbar-area navbar-expand-lg">
            <div class="container nav-container">
                <div class="responsive-mobile-menu">
                    <button class="menu toggle-btn d-block d-lg-none" data-target="#transpro_main_menu"
                        aria-expanded="false" aria-label="Toggle navigation">
                        <span class="icon-left"></span>
                        <span class="icon-right"></span>
                    </button>
                </div>
                <div class="logo">
                    <a href="index.html"><img src="assets/img/logo-2.png" alt="img"></a>
                </div>
                <div class="nav-left-part">

                </div>
                <div class="collapse navbar-collapse" id="transpro_main_menu">
                    <ul class="navbar-nav menu-open">
                        <li>
                            <a href="index.html">Home</a>
                        </li>
                        <li>
                            <a href="transport-reinigung.html">Transport & Reinigung</a>
                        </li>
                        <li>
                            <a href="about.html">Über mich</a>
                        </li>
                        <li><a href="contact.html">Kontakt</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>
    <!-- navbar end -->

    <!-- breadcrumb start -->
    <div class="breadcrumb-area bg-overlay-2" style="background-image:url('assets/img/banner/breadcrumb.png')">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumb-inner">
                        <div class="section-title mb-0">
                            <h2 class="page-title">Transport & Reinigung</h2>
                            <ul class="page-list">
                                <li><a href="index.html">Home</a></li>
                                <li>Transport & Reinigung</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- breadcrumb end -->  

    <div class="service-area style-2 pd-top-115 pd-bottom-80">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-7">
                    <div class="section-title text-center">
                        <h4 class="subtitle">Transport & Reinigung</h4>
                        <h2 class="title">Transport & Reinigung</h2>
                        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Perferendis sunt eveniet ex. Minima, quos laudantium.</p>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-4 col-md-6">
                    <div class="single-service-wrap">
                        <div class="thumb">
                            <img src="assets/img/service/1.png" alt="img">
                            <div class="icon">
                                <img src="assets/img/service/service-icon-3.png" alt="img">
                            </div>
                        </div>
                        <div class="details">
                            <h5>Lorem ipsum</h5>
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum magnam quasi, minima quae, quos hic, similique esse sapiente delectus magni cum vitae explicabo consectetur aut! At deleniti ipsam aliquam optio.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="single-service-wrap">
                        <div class="thumb">
                            <img src="assets/img/service/2.png" alt="img">
                            <div class="icon">
                                <img src="assets/img/service/service-icon-3.png" alt="img">
                            </div>
                        </div>
                        <div class="details">
                            <h5>Lorem ipsum</h5>
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum magnam quasi, minima quae, quos hic, similique esse sapiente delectus magni cum vitae explicabo consectetur aut! At deleniti ipsam aliquam optio.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="single-service-wrap">
                        <div class="thumb">
                            <img src="assets/img/service/3.png" alt="img">
                            <div class="icon">
                                <img src="assets/img/service/service-icon-3.png" alt="img">
                            </div>
                        </div>
                        <div class="details">
                            <h5>Lorem ipsum</h5>
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum magnam quasi, minima quae, quos hic, similique esse sapiente delectus magni cum vitae explicabo consectetur aut! At deleniti ipsam aliquam optio.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="fact-area mb-100 mt-100" style="background: #f9f9f9;">
        <div class="container">
            <div class="fact-counter-area" style="background: url(assets/img/fact/bg.png);">
                <div class="row justify-content-center">
                    <div class="col-lg-3 col-md-6">
                        <div class="single-fact-wrap">
                            <h2><span class="counter">100</span>+</h2>
                            <h5>PROJEKT ABGESCHLOSSEN</h5>
                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing.</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="single-fact-wrap">
                            <h2><span class="counter">100</span>+</h2>
                            <h5>BESTE MITARBEITER</h5>
                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing.</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="single-fact-wrap">
                            <h2><span class="counter">100</span>+</h2>
                            <h5>WELTWEITE KUNDEN</h5>
                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing.</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="single-fact-wrap after-none">
                            <h2><span class="counter">100</span>+</h2>
                            <h5>AUSZEICHNUNGEN</h5>
                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- footer area start -->
    <footer class="footer-area">
        <div class="container">
            <div class="row">
                <div class="col-xl-5 col-md-6">
                    <div class="widget widget_about">
                        <div class="thumb">
                            <img src="assets/img/logo-2.png" alt="img">
                        </div>
                        <div class="details">
                            <p>Erfahrung im Bereich Transport von Gütern und Reinigung in diversen namhaften Firmen.
                                Übergeben Sie mir Ihr wertvolles Gut, Sie können mir vertrauen.</p>
                            <ul class="social-media style-border">
                                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fab fa-whatsapp"></i></a></li>
                                <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="widget widget_nav_menu">
                        <h4 class="widget-title">NÜTZLICHE LINKS</h4>
                        <ul>
                            <li><a href="transport-reinigung.html"><i class="fa fa-arrow-right"></i> Transport & Reinigung</a></li>
                            <li><a href="about.html"><i class="fa fa-arrow-right"></i> Über mich</a></li>
                            <li><a href="contact.html"><i class="fa fa-arrow-right"></i> Kontakt </a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-4 col-md-6">
                    <div class="widget widget_subscribe">
                        <h4 class="widget-title">JETZT ABONNIEREN</h4>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur illo veniam possimus! Animi
                            eveniet ducimus facilis? Blanditiis quasi impedit ullam!</p>
                        <div class="single-subscribe-inner">
                            <input type="text" placeholder="E-Mail-Adresse">
                            <a class="btn btn-base" href="#"><i class="fa fa-paper-plane"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- footer area end -->

    <!-- footer-bottom area start -->
    <div class="footer-bottom-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 text-lg-start text-center">
                    <div class="copyright-area">
                        <p>© Copyright 2025 By <a href="index.html">beallround</a>,Alle Rechte vorbehalten.</p>
                    </div>
                </div>
                <div class="col-lg-6 text-lg-end text-center">
                    <ul>
                        <li>
                            <a href="privacy.html">Allgemeine Geschäftsbedingungen</a>
                        </li>
                        <li><a href="privacy.html">Datenschutz & Richtlinien</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- footer-bottom area end -->

    <!-- back to top area start -->
    <div class="back-to-top">
        <span class="back-top"><i class="fa fa-angle-up"></i></span>
    </div>
    <!-- back to top area end -->


    <!-- all plugins here -->
    <script src="assets/js/vendor.js"></script>
    <!-- main js  -->
    <script src="assets/js/main.js"></script>
</body>

</html>/* End custom CSS */