<!DOCTYPE HTML>
<html lang="de" dir="ltr" data-config='{"twitter":0,"plusone":0,"facebook":0,"style":"default"}'>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<head><base href="https://bauschlosserei-mueller.com">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <base />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="generator" content="Joomla! - Open Source Content Management" />
    <title>Bauschlosserei Müller - Home</title>
    <link href="templates/sport.ak/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
    <link href="media/com_blox/assets_internal/css/uc_fronteac1.css?ucver=1.6.56" rel="stylesheet" type="text/css" />
    <link href="media/com_blox/assets_libraries/animate/animateeac1.css?ucver=1.6.56" rel="stylesheet" type="text/css" />
    <link href="modules/mod_akslider/css/style.css" rel="stylesheet" type="text/css" />
    <link href="media/system/css/modal5516.css?9c220c9bde6ec107d5ba7bc6706b7148" rel="stylesheet" type="text/css" />
    <link href="https://www.bauschlosserei-mueller.com/components/com_cobalt/library/css/style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        /* blox page builder grid css */

        #uc_grid_1_39127 .uc-grid-row {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        #uc_grid_1_39127 .uc-grid-row .uc-grid-row-container {
            max-width: 1140px;
        }



        #uc_grid_1_39127 .uc-grid-row#uc_grid_1_39127_row_1 {
            padding-top: 100px;
            padding-bottom: 150px;
        }



        #uc_grid_1_39127 .uc-grid-row#uc_grid_1_39127_row_2 {
            padding-bottom: 0px;
            background-image: url('images/start_back.jpg');
            background-size: auto;
            background-position: center;
            background-repeat: repeat-x;
        }


        /* blox page builder grid css */

        #uc_grid_2_89187 .uc-grid-row {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        #uc_grid_2_89187 .uc-grid-row .uc-grid-row-container {
            max-width: 1140px;
        }



        #uc_grid_2_89187 .uc-grid-row#uc_grid_2_89187_row_1 {
            padding-top: 100px;
            padding-bottom: 150px;
        }



        #uc_grid_2_89187 .uc-grid-row#uc_grid_2_89187_row_2 {
            padding-bottom: 0px;
            background-image: url('images/start_back.jpg');
            background-size: auto;
            background-position: center;
            background-repeat: repeat-x;
        }

    </style>
    <script type="application/json" class="joomla-script-options new">
        {
            "csrf.token": "6d19dd356e0629bf698a076ba77e78b9",
            "system.paths": {
                "root": "",
                "base": ""
            }
        }

    </script>
    <script src="media/jui/js/jquery.min5516.js?9c220c9bde6ec107d5ba7bc6706b7148" type="text/javascript"></script>
    <script src="media/jui/js/jquery-noconflict5516.js?9c220c9bde6ec107d5ba7bc6706b7148" type="text/javascript"></script>
    <script src="media/jui/js/jquery-migrate.min5516.js?9c220c9bde6ec107d5ba7bc6706b7148" type="text/javascript"></script>
    <script src="media/com_blox/assets_libraries/animate/wow.mineac1.js?ucver=1.6.56" type="text/javascript"></script>
    <script src="media/jui/js/bootstrap.min5516.js?9c220c9bde6ec107d5ba7bc6706b7148" type="text/javascript"></script>
    <script src="media/system/js/mootools-core5516.js?9c220c9bde6ec107d5ba7bc6706b7148" type="text/javascript"></script>
    <script src="media/system/js/core5516.js?9c220c9bde6ec107d5ba7bc6706b7148" type="text/javascript"></script>
    <script src="media/system/js/mootools-more5516.js?9c220c9bde6ec107d5ba7bc6706b7148" type="text/javascript"></script>
    <script src="media/system/js/modal5516.js?9c220c9bde6ec107d5ba7bc6706b7148" type="text/javascript"></script>
    <script src="component/cobalt/indexc4fd.html?task=ajax.mainJS&amp;Itemid=1" type="text/javascript"></script>
    <script src="https://www.bauschlosserei-mueller.com/components/com_cobalt/library/js/felixrating.js" type="text/javascript"></script>
    <script src="media/mint/js/moocountdown/SimpleCounter.js" type="text/javascript"></script>
    <script type="text/javascript">
        jQuery(document).ready(function() {
            new WOW().init()
        });

        jQuery(function($) {
            $('.hasTip').each(function() {
                var title = $(this).attr('title');
                if (title) {
                    var parts = title.split('::', 2);
                    var mtelement = document.id(this);
                    mtelement.store('tip:title', parts[0]);
                    mtelement.store('tip:text', parts[1]);
                }
            });
            var JTooltips = new Tips($('.hasTip').get(), {
                "maxTitleChars": 50,
                "fixed": false
            });
        });
        jQuery(function($) {
            SqueezeBox.initialize({});
            initSqueezeBox();
            $(document).on('subform-row-add', initSqueezeBox);

            function initSqueezeBox(event, container) {
                SqueezeBox.assign($(container || document).find('a.modal').get(), {
                    parse: 'rel'
                });
            }
        });

        window.jModalClose = function() {
            SqueezeBox.close();
        };

        // Add extra modal close functionality for tinyMCE-based editors
        document.onreadystatechange = function() {
            if (document.readyState == 'interactive' && typeof tinyMCE != 'undefined' && tinyMCE) {
                if (typeof window.jModalClose_no_tinyMCE === 'undefined') {
                    window.jModalClose_no_tinyMCE = typeof(jModalClose) == 'function' ? jModalClose : false;

                    jModalClose = function() {
                        if (window.jModalClose_no_tinyMCE) window.jModalClose_no_tinyMCE.apply(this, arguments);
                        tinyMCE.activeEditor.windowManager.close();
                    };
                }

                if (typeof window.SqueezeBoxClose_no_tinyMCE === 'undefined') {
                    if (typeof(SqueezeBox) == 'undefined') SqueezeBox = {};
                    window.SqueezeBoxClose_no_tinyMCE = typeof(SqueezeBox.close) == 'function' ? SqueezeBox.close : false;

                    SqueezeBox.close = function() {
                        if (window.SqueezeBoxClose_no_tinyMCE) window.SqueezeBoxClose_no_tinyMCE.apply(this, arguments);
                        tinyMCE.activeEditor.windowManager.close();
                    };
                }
            }
        };

        jQuery(function($) {
            initPopovers();
            $("body").on("subform-row-add", initPopovers);

            function initPopovers(event, container) {
                $(container || document).find("*[rel=\"popover\"]").popover({
                    "html": true,
                    "placement": "bottom",
                    "trigger": "click",
                    "container": "body"
                });
            }
        });
        jQuery(function($) {
            initTooltips();
            $("body").on("subform-row-add", initTooltips);

            function initTooltips(event, container) {
                container = container || document;
                $(container).find("*[rel^=\"tooltip\"]").tooltip({
                    "html": true,
                    "container": "body"
                });
            }
        });
        jQuery(function($) {
            initTooltips();
            $("body").on("subform-row-add", initTooltips);

            function initTooltips(event, container) {
                container = container || document;
                $(container).find("*[rel=\"tooltipright\"]").tooltip({
                    "html": true,
                    "placement": "right",
                    "container": "body"
                });
            }
        });
        jQuery(function($) {
            initTooltips();
            $("body").on("subform-row-add", initTooltips);

            function initTooltips(event, container) {
                container = container || document;
                $(container).find("*[rel=\"tooltipbottom\"]").tooltip({
                    "html": true,
                    "placement": "bottom",
                    "container": "body"
                });
            }
        });

    </script>

    <link rel="apple-touch-icon-precomposed" href="templates/sport.ak/apple_touch_icon.png">
    <link rel="stylesheet" href="templates/sport.ak/css/bootstrap.css">
    <link rel="stylesheet" href="templates/sport.ak/css/theme.css">
    <link rel="stylesheet" href="templates/sport.ak/warp/vendor/highlight/highlight.css">
    <link rel="stylesheet" href="templates/sport.ak/css/custom.css">
    <script src="templates/sport.ak/warp/vendor/uikit/js/uikit.js"></script>
    <script src="templates/sport.ak/warp/vendor/uikit/js/components/autocomplete.js"></script>
    <script src="templates/sport.ak/warp/vendor/uikit/js/components/search.js"></script>
    <script src="templates/sport.ak/warp/vendor/uikit/js/components/tooltip.js"></script>
    <script src="templates/sport.ak/warp/vendor/uikit/js/components/sticky.js"></script>
    <script src="templates/sport.ak/warp/vendor/uikit/js/components/slideshow.js"></script>
    <script src="templates/sport.ak/warp/vendor/uikit/js/components/slideset.js"></script>
    <script src="templates/sport.ak/warp/vendor/uikit/js/components/slider.js"></script>
    <script src="templates/sport.ak/warp/vendor/uikit/js/components/accordion.js"></script>
    <script src="templates/sport.ak/warp/js/social.js"></script>
    <script src="templates/sport.ak/js/smoothscroll.js"></script>
    <script src="templates/sport.ak/js/theme.js"></script>

    <script src="media/system/js/core.js" type="text/javascript"></script>
    
</head>

<body class="tm-noblog">


    <!-- <div class="preloader">
            <div class="loader"></div>
        </div> -->


    <div class="over-wrap">

        <div class="tm-menu-box">

            <nav class="tm-navbar uk-navbar" data-uk-sticky=''>
                <div class="uk-container uk-container-center">
                    <a class="tm-logo uk-float-left" href="/">
                        <img style="padding:10px; height:75px" src="images/logo-img.png" alt="logo" title="logo" /></a>

                    <ul class="uk-navbar-nav uk-hidden-small">
                        <li class="uk-active"><a href="/">Home</a></li>
                        <li><a href="leistungen.html" title="Leistungen">Leistungen</a></li>
                        <li><a href="kontakt.php">Kontakt</a></li>
                    </ul>
                    <a href="#offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas></a>


                </div>
            </nav>

        </div>

        <div class="tm-top-a-box tm-full-width  ">
            <div class="uk-container uk-container-center">
                <section id="tm-top-a" class="tm-top-a uk-grid uk-grid-collapse" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin>

                    <div class="uk-width-1-1">
                        <div class="uk-panel">
                            <div class="akslider-module ">
                                <div class="uk-slidenav-position" data-uk-slideshow="{height: 'auto', animation: 'swipe', duration: '500', autoplay: false, autoplayInterval: '7000', videoautoplay: true, videomute: true, kenburns: false}">
                                    <ul class="uk-slideshow uk-overlay-active">
                                        <li class="uk-height-viewport"><img class="uk-invisible" src="images/slider1.jpg" alt="">
                                            <div class="uk-position-cover uk-flex-middle">
                                                <div class="uk-container uk-container-center uk-position-cover">
                                                    <div class="va-promo-text uk-width-6-10 uk-push-4-10">
                                                        <h3>HEAVY <span> METAL</span></h3><br />
                                                        <div class="promo-sub">DER MÜLLER MACHT´S</div>
                                                    </div>
                                                </div>
                                            </div>

                                        </li>
                                        <li class="uk-height-viewport"><img class="uk-invisible" src="images/main-slider-imgleistung.jpg" alt="" />
                                            <div class="uk-position-cover uk-flex-middle">
                                                <div class="uk-container uk-container-center uk-position-cover">
                                                    <div class="va-promo-text uk-width-6-10 uk-push-4-10">
                                                        <h3>QUALITÄTS<span>ARBEIT</span></h3><br />
                                                        <div class="promo-sub">DER MÜLLER KANN´S</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="uk-height-viewport"><img class="uk-invisible" src="images/main-slider-img1.jpg" alt="" />
                                            <div class="uk-position-cover uk-flex-middle">
                                                <div class="uk-container uk-container-center uk-position-cover">
                                                    <div class="va-promo-text uk-width-6-10 uk-push-4-10">
                                                        <h3>Beste<span> Referenzen</span></h3>
                                                        <div class="promo-sub">AUF MÜLLER IST VERLASS</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                    <a href="/" class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous" data-uk-slideshow-item="previous"></a>
                                    <a href="/" class="uk-slidenav uk-slidenav-contrast uk-slidenav-next" data-uk-slideshow-item="next"></a>
                                    <ul class="uk-dotnav uk-dotnav-contrast uk-position-bottom uk-text-center">
                                        <li data-uk-slideshow-item="0"><a href="/">0</a></li>
                                        <li data-uk-slideshow-item="1"><a href="/">1</a></li>
                                        <li data-uk-slideshow-item="2"><a href="/">2</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>










        <div class="tm-top-g-box tm-full-width  ">
            <div class="uk-container uk-container-center">
                <section id="tm-top-g" class="tm-top-g uk-grid" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin>
                    <div class="uk-width-1-1">
                        <div class="uk-panel">
                            <div id="uc_grid_2_89187" class="uc-grid-front">
                                <div id="startseite"></div>
                                <div id="uc_grid_2_89187_row_1" class="uc-grid-row">
                                    <div id='uc_grid_2_89187_row_1_container_1' class="uc-grid-row-container">
                                        <div id="uc_grid_2_89187_row_1_container_1_col_1" class="uc-grid-col uc-col-first uc-col-last uc-colsize-1_1">
                                            <div class="uc-grid-col-inner">
                                                <div id="uc_grid_2_89187_row_1_container_1_col_1_addon_1" class='uc-grid-col-addon'>
                                                    <!-- start HTML Editor -->

                                                    <h2>Tradition seit zwei Generationen</h2>
                                                    <h1>Willkommen bei der <br />Bauschlosserei Müller</h1>
                                                    <p> </p>
                                                    <div class="uk-grid">
                                                        <div class="uk-width-medium-1-2 uk-width-small-1-1 text">Die Firma Bauschlosserei Müller ist ein mittelständischer Meisterbetrieb, der sich seit 1988 in Herzsprung bei Angermünde (Uckermark) etabliert und stetig weiterentwickelt hat. Unter der Geschäftsführung von Ronny Müller und Heinz Georg Müller sind derzeit zwölf Mitarbeiter in den Bereichen Büro, Werkstatt und Montage beschäftigt. Mit dem Umzug in unsere neue Produktionshalle mit angrenzendem Büro­und Sozialtrakt stehen uns moderne Fertigungs-und Krananlagen, sowie</div>
                                                        <div class="uk-width-medium-1-2 uk-width-small-1-1 text">ausgezeichnete Arbeitsbedingungen für unsere Mitarbeiter zur Verfügung. Unser Unternehmen verfügt seit 2014 über die Zertifizierung nach <br />EN 1090- 2:2008+A1:2011/ Ausführungsklasse EXC2 sowie seit 2017 über die Zertifizierung nach EN 1090-1:2009+A1:2011/ Ausführungsklasse bis EXC2, beide Zertifizierungen nach EN 1090-2. Somit sind wir in der Lage, Kundenwünsche kompetent und zufrieden stellend zu realisieren. </div>
                                                    </div>
                                                    <!-- end HTML Editor -->
                                                </div>
                                                <div id="uc_grid_2_89187_row_1_container_1_col_1_addon_2" class='uc-grid-col-addon'>
                                                    <!-- start HTML Editor -->

                                                    <p> </p>
                                                    <div class="uk-grid">
                                                        <div class="uk-width-medium-1-2 uk-width-small-1-1 text"><strong>Zu unserem Service für den Privat-und Geschäftskunden gehören: <br /></strong> • kompetente Beratung unserer Kunden <br />• Erarbeitung individueller Lösungen <br />• kostenlose Angebotserstellung <br />• kostenloses Aufmaß eigene Fertigung in unserem Hause <br />• Lieferung frei Haus im Umkreis <br />• Montage der gefertigten Elemente <br />• Garantieleistungen auf unsere Produkte <br />• Zertifizierung nach EN 1090-2:2008+Al :2011 Ausführungsklasse EXC2 und <br />  EN 1090-1 :2009+Al :2011 Ausführungsklasse bis EXC2/ beide Zertifizierungen    nach EN 1090-2 <br />• Kundendienst</div>
                                                        <div class="uk-width-medium-1-2 uk-width-small-1-1 text"><strong>In unserem Leistungsumfang sind enthalten <br /></strong> • Fertigung und Montage von Balkonen <br />• Fertigung und Montage von Treppen und Geländern <br />• Fertigung und Montage von Zäunen und Toren (mit und ohne Elektroantrieb) <br />• Fertigung und Montage von Vor-und Überdächern <br />• Fertigung und Montage von Bauteilen aus Stahl und Edelstahl <br />• sowie Stahlkonstruktionen alle Art<br /><br />Da wir fest mit verschiedenen Planungs-und Ingenieurbüros zusammenarbeiten, ist es uns bei Bedarf möglich, Planungen sowie statische Berechnungen erarbeiten zu lassen.</div>
                                                    </div>
                                                    <!-- end HTML Editor -->
                                                </div>
                                            </div>
                                        </div>
                                        <div class="uc-col-clear"></div>
                                    </div>
                                </div>
                                <div id="uc_grid_2_89187_row_2" class="uc-grid-row startimg">
                                    <div id='uc_grid_2_89187_row_2_container_1' class="uc-grid-row-container" style="max-width:1140px;">
                                        <div id="uc_grid_2_89187_row_2_container_1_col_1" class="uc-grid-col uc-col-first uc-col-last uc-colsize-1_1" style="padding-left:30px;padding-right:0px;">
                                            <div class="uc-grid-col-inner">
                                                <div id="uc_grid_2_89187_row_2_container_1_col_1_addon_1" class='uc-grid-col-addon wow fadeInLeftBig' data-wow-delay="3s" style="padding-bottom:0px;padding-right:0px;text-align:center;">
                                                    <!-- start Image -->

                                                    <img src="images/Montage-(4).png" alt="" title="" width="120%" />
                                                    <!-- end Image -->
                                                </div>
                                            </div>
                                        </div>
                                        <div class="uc-col-clear"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>








        <div class="tm-bottom-e-box tm-full-width  ">
            <div class="uk-container uk-container-center">
                <section id="tm-bottom-e" class="tm-bottom-e uk-grid uk-grid-collapse" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin>

                    <div class="uk-width-1-1">
                        <div class="uk-panel">
                            <div class="map-wrap">
                                <div class="contact-form-wrap uk-flex">
                                    <div class="uk-container uk-container-center uk-flex-item-1">
                                        <div class="uk-grid uk-flex-item-1 uk-height-1-1 uk-nbfc">
                                            <div class="uk-width-5-10 contact-left-wrap"> </div>
                                            <div class="uk-width-medium-5-10 uk-width-small-1-1 contact-right-wrap">
                                                <div class="contact-form uk-height-1-1">
                                                    <div class="uk-position-cover uk-flex uk-flex-column uk-flex-center">
                                                        <div class="contact-form-title">
                                                            <h3 class="contact">Schreiben Sie uns</h3>
                                                        </div>


                                                        <div id="aiContactSafe_form_1">
                                                            <div class="aiContactSafe" id="aiContactSafe_mainbody_1">
                                                                <div class="contentpaneopen">
                                                                    <div id="aiContactSafeForm">
                                                                       
                                                                       
                                                                       
                                                                       
                                                                       
                                                                       
                                                                       
                                                                       
                                                                       
                                                                       
                                                                                                                      
                                                                                                                               <!-- EMBED CONTACTFORM -->

                                                                                                                                           
                                                                       
                                                                       
                     
                                                                        
                                                                        
                                                                        
                                                                        
                                                                        
                                                                        
                                                                       
                                                                       
                                                                        <form action="/index.php" method="post" id="adminForm_1" name="adminForm_1">
                                                                            <div id="displayAiContactSafeForm_1">
                                                                                <div class="aiContactSafe" id="aiContactSafe_contact_form">
                                                                                    <div class="aiContactSafe" id="aiContactSafe_info"></div>
                                                                                    <div class="aiContactSafe_row" id="aiContactSafe_row_aics_name">
                                                                                       
                                                                                       <!--
                                                                                        <div class="aiContactSafe_contact_form_field_label_left"><span class="aiContactSafe_label" id="aiContactSafe_label_aics_name"><label for="aics_name">Name</label></span>&nbsp;<label class="required_field">*</label></div>
                                                                                        -->
                                                                                        
                                                                                        <div class="aiContactSafe_contact_form_field_right">
                                                                                        
                                                                                        <input type="text" name="name" id="name" class="textbox" placeholder="Name *" value="">
                                                                                        
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="aiContactSafe_row" id="aiContactSafe_row_aics_email">
                                                                                       
                                                                                       <!--
                                                                                        <div class="aiContactSafe_contact_form_field_label_left"><span class="aiContactSafe_label" id="aiContactSafe_label_aics_email"><label for="aics_email">E-mail</label></span>&nbsp;<label class="required_field">*</label></div>
                                                                                        -->
                                                                                        
                                                                                        <div class="aiContactSafe_contact_form_field_right">
                                                                                        
                                                                                        <input type="text" name="email" id="email" class="email" placeholder="E-Mail-Adresse *" value="">
                                                                                        
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="aiContactSafe_row" id="aiContactSafe_row_aics_message">
                                                                                       <!--
                                                                                        <div class="aiContactSafe_contact_form_field_label_left"><span class="aiContactSafe_label" id="aiContactSafe_label_aics_message"><label for="aics_message">Message</label></span>&nbsp;<label class="required_field">*</label></div>
                                                                                        -->
                                                                                        
                                                                                        <div class="aiContactSafe_contact_form_field_right">
                                                                                        
                                                                                        <textarea name="message" id="message" cols="40" rows="10" class="editbox" placeholder="Nachricht *"></textarea>
                                                                                        
                                                                                        </div>
                                                                                    </div>
                                                                                    
                                                                                    <div class="aiContactSafe_row" id="aiContactSafe_row_aics_datenschutz">
                                                                                      
                                                                                       <!--
                                                                                        <div class="aiContactSafe_contact_form_field_label_left"><span class="aiContactSafe_label" id="aiContactSafe_label_aics_datenschutz" datenschutz=""><label for="aics_datenschutz" datenschutz="">Datenschutz</label></span>&nbsp;<label class="required_field">*</label></div>
                                                                                        -->
                                                                                        
                                                                                        <div class="aiContactSafe_contact_form_field_right"><span class="aiContactSafe_prefix" id="aics_datenschutz_prefix">Wir verarbeiten auf Grundlage von Artikel 6 Abs. 1 Buchstabe f der Europäischen Datenschutz-Grundverordnung Ihre Daten. Wenn Sie dies nicht wünschen, können Sie jederzeit bei uns der Verwendung Ihrer Daten widersprechen. Sie können den Widerspruch auch per E-Mail senden an: info@bauschlosserei-mueller.com.</span>
                                                                                        
                                                                                        <input type="checkbox" name="aics_datenschutz" id="aics_datenschutz">
                                                                                        
                                                                                        <span class="aiContactSafe_sufix" id="aics_datenschutz_sufix">Ich bestätige die Datenschutzbedingung</span></div>
                                                                                    </div>
                                                                                    
                                                                                </div>
                                                                            </div>
                                                                            
                                                                            
                                                                            <br clear="all">
                                                                            <br clear="all">
                                                                            
                                                                            
                                                                            <div id="aiContactSafeBtns">
                                                                                <div id="aiContactSafeButtons_right" style="clear:both; display:block; width:100%; text-align:right;">
                                                                                    <div id="aiContactSafeSend" style="float:right;">
                                                                                       <input type="submit" id="aiContactSafeSendButton" value="Senden" style="float:right; margin:2px;">
                                                                                        <div id="aiContactSafeSend_loading_1" style="float:right; margin:2px;">&nbsp;</div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            
                                                                            <br clear="all">
                                                                            
                                                                            <input type="text" name="website" style="display:none">
                                                                            
                                                                            <input type="text" name="meineNachricht" style="display:none">
                                                                            
                                                                        </form>
                                                                        
                                                                        
                                                                        
                                                                        
                                                                    <style>
                                                                        /* Stil für die Lightbox */
                                                                        .lightbox {
                                                                            display: none;
                                                                            position: fixed;
                                                                            top: 0;
                                                                            left: 0;
                                                                            width: 100%;
                                                                            height: 100%;
                                                                            background-color: rgba(0, 0, 0, 0.7);
                                                                            z-index: 999;
                                                                            justify-content: center;
                                                                            align-items: center;
                                                                            z-index: 9999;
                                                                        }

                                                                        .lightbox-content {
                                                                            background-color: white;
                                                                            padding: 20px;
                                                                            border-radius: 5px;
                                                                        }

                                                                        .close-btn {
                                                                            cursor: pointer;
                                                                            position: absolute;
                                                                            top: 10px;
                                                                            right: 10px;
                                                                            font-size: 20px;
                                                                            padding: 10px;
                                                                            border-radius: 5px;
                                                                            background: #50d250;
                                                                            scale: 1;
                                                                            transition: .3s
                                                                        }

                                                                        .close-btn:hover {
                                                                            scale: 1.3;
                                                                            transition: .3s;
                                                                        }
                                                                        textarea {
                                                                            font-family: 'MetaSerifOT-Book' !important;
                                                                        }
                                                                        
                                                                        /*
                                                                        input#name,
                                                                        input#email,
                                                                        input#telefon,
                                                                        textarea#message {
                                                                            width: 100%;
                                                                            margin-bottom: 20px;
                                                                            padding: 10px;
                                                                            border-top: 0;
                                                                            border-left: 3px solid #AF9778;
                                                                            border-bottom: 1px solid #1F154F;
                                                                            border-right: 0;
                                                                        }
                                                                        */
                                                                        input:focus,
                                                                        textarea:focus {
                                                                          border: 0 solid transparent;
                                                                        }
                                                                        
                                                                        input:focus-visible,
                                                                        textarea:focus-visible {
                                                                            outline: transparent auto 0;
                                                                        }

                                                                        input.button {
                                                                            background: #1F154F;
                                                                            color: #fff;
                                                                        }

                                                                        input.button:hover {
                                                                            background: #AFCA0B;
                                                                        }

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


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

        <div class="bottom-wrapper">

            <div class="tm-bottom-g-box  ">
                <div class="uk-container uk-container-center">
                    <section id="tm-bottom-g" class="tm-bottom-f uk-grid uk-hidden-small uk-hidden-medium uk-hidden-large" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin>

                        <div class="uk-hidden-small uk-hidden-medium uk-hidden-large">
                            <div class="uk-panel uk-hidden-large uk-hidden-medium uk-hidden-small"></div>
                        </div>
                    </section>
                </div>
            </div>

            <footer id="tm-footer" class="tm-footer">


                <div class="uk-panel">
                    <div class="uk-container uk-container-center">
                        <div class="uk-grid">
                            <div class="uk-width-1-1">
                                <div class="footer-wrap">
                                    <div class="foot-menu-wrap"><a style="color: #fff!important;" href="news-bottom.html">Impressum </a> <a style="color: #fff!important;" href="#"> | </a> <a style="color: #fff!important;" href="datenschutz.html"> Datenschutz</a></div>
                                    <div class="copyrights">© 2024 <a href="/">Bauschlosserei Müller</a></div>
                                    <div class="clear"> </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </footer>

        </div>

        <div id="offcanvas" class="uk-offcanvas">
            <div class="uk-offcanvas-bar">
                <ul class="uk-nav uk-nav-offcanvas">
                    <li class="uk-active"><a href="/">Home</a></li>
                    <li><a href="leistungen.html" title="Leistungen">Leistungen</a></li>
                    <li><a href="kontakt.php">Kontakt</a></li>
                </ul>
            </div>
        </div>
    </div>


    <div class="lightbox">
        <div class="lightbox-content">
            <span class="close-btn">&times;</span>
                    </div>
    </div>
    
    <script>
        var meineNachrichtChars = 0;
        var meineNachricht = document.querySelector('textarea#message');
        var meineNachrichtG = document.querySelector('input[name="meineNachricht"]');
        meineNachricht.addEventListener('keyup', function(){
            meineNachrichtChars = meineNachrichtChars + 1;
            meineNachrichtG.value = meineNachrichtChars;
        });
    </script>

</body>

</html>
