
    <!DOCTYPE html>
    <html lang="de">

    <head>
        <!--[if lt IE 9]>
	    <meta http-equiv="refresh" content="1; URL=browser.html">
	<![endif]-->
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>HUMMIG EFFECTS - Pyrotechnikerschule</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
        <!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
        <!--script src="js/less-1.3.3.min.js"></script-->
        <!--append ‘#!watch’ to the browser URL, then refresh the page. -->

        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/style.css" rel="stylesheet">
        <link href="css/accordion.css" rel="stylesheet">

        <!-- Content slider -->
        <link rel="stylesheet" href="css/content_slider/animate.min.css">
        <link rel="stylesheet" href="css/content_slider/liquid-slider.css">

        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
	<script src="js/html5shiv.js"></script>
      <![endif]-->

        <!-- Fav and touch icons -->
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
        <link rel="shortcut icon" href="img/favicon.png">

        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <script type="text/javascript" src="js/scripts.js"></script>

        <!-- Lightbox -->
        <script type="text/javascript" src="lightbox/js/lightbox.min.js"></script>
        <link rel="stylesheet" href="lightbox/css/lightbox.css">

        <!-- html5lightbox -->
        <script type="text/javascript" src="html5lightbox/html5lightbox.js"></script>

        <!-- Google -->
        <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
        <script src="https://apis.google.com/js/platform.js" async defer>
            {
                lang: 'de'
            }
        </script>

        <!-- SoundMouseover -->
        <script type="text/javascript" src="js/sound-mouseover.js"></script>

        <!-- Google reCaptcha -->
        <script src='https://www.google.com/recaptcha/api.js?hl=de'></script>


    </head>

    <body class="pre-scrollable">
        <!-- Facebook -->
        <div id="fb-root"></div>
        <script>
            (function (d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) return;
                js = d.createElement(s);
                js.id = id;
                js.src = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.4";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));
        </script>
        <!-- Facebook end -->
        <div class="container">
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <nav class="navbar navbar-default navbar-inverse navbar-fixed-top nav-font-size" role="navigation">
                        <div class="navbar-logo"><span class="navbar-logo-he">HUMMIG EFFECTS</span> &nbsp;&nbsp;&nbsp; <span class="navbar-logo-pts">Pyrotechnikerschule</span></div>
                        <div class="navbar-header">
                            
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="#"></a>
                        </div>
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav">
                                <li>
                                    <a href="www.pyrotechnk.de">Startseite</a>
                                </li>
                                <li>
                                    <a href="index.php?view=blog&id=1">Aktuelles</a>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle font-pts-menu" data-toggle="dropdown">Pyrotechnikerschule<br>Lehrgänge<strong class="caret"></strong></a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="index.php?view=pts&id=20">
                                           Übersicht
                                        </a>
                                        </li>
                                        <li class="dd-title">
                                            Lehrgänge
                                        </li>
                                        <li>
                                            <a href="index.php?view=pts&id=1">
                                           Bühnenpyrotechnikerlehrgang
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=pts&id=2">
                                           Sonderlehrgang Pyrotechnik
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=pts&id=3">
                                           Großfeuerwerkerlehrgang
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=pts&id=4">
                                           Ausbildungsfeuerwerke
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=pts&id=5">
                                           Spezialeffekte & Pyrotechnik
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=pts&id=6">
                                           Wiederholungslehrgang
                                        </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <!-- index.php?view=pts&id=22 -->
                                           Behördenlehrgang
                                        </a>
                                        </li>
                                        <div class="margin-top-10"></div>
                                        <li class="dd-title">
                                            Weitere Lehrgangsinfos
                                        </li>
                                        <li>
                                            <a href="index.php?view=pts&id=7">
                                           Lehrgangspreise
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=pts&id=8">
                                           Lehrgangstermine
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=pts&id=9">
                                           Schulungsstätten
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=pts&id=10">
                                                <span style="color:#ff0000;">Anmeldeformulare mit Informationen</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=about&id=3">
                                            Häufig gestellte Fragen
                                        </a>
                                        </li>
                                        <div class="margin-top-10"></div>
                                        <li class="dd-title">
                                            Fotos & Videos
                                        </li>
                                        <li>
                                            <a href="index.php?view=pts&id=11">
                                           Fotos Bühnenpyrotechniker
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=pts&id=12">
                                           Fotos Sonderlehrgang
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=pts&id=13">
                                           Fotos Großfeuerwerker
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=pts&id=14">
                                           Fotos Schulungsstätten
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=pts&id=15">
                                           Videos
                                        </a>
                                        </li>
                                        <div class="margin-top-10"></div>
                                        <li class="dd-title">
                                            Service
                                        </li>
                                        <li>
                                            <a href="index.php?view=pts&id=17">
                                           Buch-Bestellformular
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=pts&id=18">
                                           Antragsformulare
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=pts&id=19">
                                           Weitere Dokumente & Formulare
                                        </a>
                                        </li>
                                    </ul>
                                </li>
                                 <li class="dropdown">
                                    <a href="#" class="dropdown-toggle font-he-menu" data-toggle="dropdown">HUMMIG EFFECTS<br>
                                        Spezialeffektebau<strong class="caret"></strong></a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="index.php?view=he&id=1">
                                           Übersicht
                                        </a>
                                        </li>
                                        <li class="dd-title">
                                            Bildbeispiele
                                        </li>
                                        <li>
                                            <a href="index.php?view=he&id=20">
                                            Lycopodiumfeuer
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=he&id=21">
                                            Feuer mit Fackeln
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=he&id=22">
                                            Feuer mit Feuerschalen
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=he&id=23">
                                            Feuer mit Gas
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=he&id=24">
                                            Pyrotechnische Effekte
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=he&id=25">
                                            Mechanische Effekte
                                        </a>
                                        </li>
                                        <div class="margin-top-10"></div>
                                        <li class="dd-title">
                                            Katalog
                                        </li>
                                        <li>
                                            <a href="http://www.pyrotechnik.de/index.php?view=preisbsp&id=1">
                                            Preisbeispiele
                                        </a>
                                        </li>
                                        <div class="margin-top-10"></div>
                                        <li class="dd-title">
                                            Klassiker
                                        </li>
                                        <li>
                                            <a href="index.php?view=he&id=27">
                                            Theaterschneemaschinen
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=he&id=28">
                                            Theatermesser / trick knife
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=he&id=30">
                                            Handzündgeräte
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=he&id=33">
                                            Crashglasscheibenanfertigung
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=he&id=34">
                                                Lehrbücher
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle font-fwk-menu" data-toggle="dropdown">Feuerwerkerei<strong class="caret"></strong></a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="index.php?view=fwk&id=1">
                                           Übersicht
                                        </a>
                                        </li>
                                        <li class="dd-title">
                                            Infos
                                        </li>
                                        <li>
                                            <a href="index.php?view=fwk&id=37">
                                            Feuerwerk buchen
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=fwk&id=35">
                                            Feuerwerk-Checkliste
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=fwk&id=36">
                                            Preise
                                        </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle font-sfx-menu" data-toggle="dropdown">SFX / Special Effects<strong class="caret"></strong></a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="index.php?view=sfx&id=1">
                                           Übersicht
                                        </a>
                                        </li>
                                        <li class="dd-title">
                                            Bildbeispiele
                                        </li>
                                        <li>
                                            <a href="index.php?view=sfx&id=2">
                                           Unfalldarstellung
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=sfx&id=3">
                                            Explosionsdarstellungen
                                        </a>
                                        </li>         
                                        <li>
                                            <a href="index.php?view=sfx&id=4">
                                            Fernsehbeiträge
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=sfx&id=5">
                                            SFX für Film- und Tonaufnahmen
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=sfx&id=6">
                                            Bühnenpyrotechnik
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=sfx&id=7">
                                            Sonstiges
                                        </a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="https://www.hummig.shop/">Shop</a>
                                </li>
                                <li>
                            </ul>
                            <ul class="nav navbar-nav navbar-right">
                                <!--<li>
                                    <a href="index.php?view=fotos"><span class="glyphicon glyphicon-cloud"></span> Fotos</a>
                                </li>-->
                                <li>
                                    <a href="index.php?view=impressum"><span class="glyphicon glyphicon-info-sign"></span> Impressum</a>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Über uns<strong class="caret"></strong></a>
                                    <ul class="dropdown-menu">
                                        <li class="dd-title">
                                            Über Uns
                                        </li>
                                        <li>
                                            <a href="index.php?view=about&id=1">
                                            Unsere Werkstatt
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=about&id=2">
                                            Presse / Zeitungsberichte
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=about&id=5">
                                            Referenzen
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=about&id=4">
                                            Das Unternehmen
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=about&id=39">
                                            Kontakt
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=about&id=40">
                                            AGB
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=about&id=41">
                                            Lizensierung Fotos
                                        </a>
                                        </li>
                                        <li>
                                            <a href="index.php?view=about&id=42">
                                            Sitemap
                                        </a>
                                        </li>

                                        <!--                                                                         <li class="dd-title">
                                        Über Uns                                    </li>
                                                                         -->
                                    </ul>
                                </li>
                                <div class="navbar-right" style="width: 100px;">&nbsp;</div>
                                <!--				<form class="navbar-form navbar-right" role="search">
								    <div class="form-group">
									<input type="text" class="form-control inputbox" placeholder="Suchen...">
								    </div>
								</form>-->
                            </ul>
                        </div>
                    </nav>
                    <div class="row clearfix background">
                        <a href="http://www.youtube.com/embed/-oiiKDKv8z0?rel=0" class="html5lightbox" data-group="schluebber">
                            <div onmouseover="playclip();" style="position: fixed; bottom: 0px; right: 10%; z-index: 0;">
                                <img class="ingo" src="img/ingo.png" style="width: 150px;">
                            </div>
                        </a>
                        <script type="text/javascript">
var image1 = new Image();
image1.src = 'gallery/test/test.gif';
</script>
<div>&nbsp;</div>
<div class="col-md-2 column">
</div>
<div class="col-md-5 column landingpage landingpage-1">
    <div>
        <div class="default-box-body">
            <div class="default-box-landingpage">
                <div class="mega-menu-img">
                    <a href="http://www.pyrotechnik.de/index.php?view=pts&id=20">
                        <img class="img-landingpage" id="lp01" src="gallery/landingpage/pyrotechnikerschule.jpg" />
                        <!--<script>
                            $(function() {
                                $("#imgDino").hover(
                                    function() {
                                        $(this).attr("src", "gallery/test/test.gif");
                                    },
                                    function() {
                                        $(this).attr("src", "gallery/test/test_static.gif");
                                    }                         
                                );                  
                            });
                        </script>-->
                    </a>
                    <div class="mega-menu-pts">&nbsp;<span class="landingpage-schrift-pts">Pyrotechnikerschule</span></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="col-md-5 column landingpage landingpage-2">
    <div>
        <div class="default-box-body">
            <div class="default-box-landingpage">
               <div class="mega-menu-img">
                    <a href="http://www.pyrotechnik.de/index.php?view=he&id=1">
                        <img class="img-landingpage" id="lp02" src="gallery/landingpage/spezialeffekte.jpg" />
                        <script>
                            $(function() {
                                $("#imgDino").hover(
                                    function() {
                                        $(this).attr("src", "gallery/test/test.gif");
                                    },
                                    function() {
                                        $(this).attr("src", "gallery/test/test_static.gif");
                                    }                         
                                );                  
                            });
                        </script>
                    </a>
                    <div class="mega-menu-pts">&nbsp;<span class="landingpage-schrift-he">HUMMIG EFFECTS / Spezialeffektebau</span></div>
                </div> 
            </div>
        </div>
    </div>
</div>
<div class="col-md-2 column">
</div>
<div class="col-md-5 column landingpage landingpage-3">
    <div>
        <div class="default-box-body">
            <div class="default-box-landingpage">
                <div class="mega-menu-img">
                    <a href="http://www.pyrotechnik.de/index.php?view=fwk&id=1">
                        <img class="img-landingpage" id="lp03" src="gallery/landingpage/feuerwerkerei.jpg" />
                        <script>
                            $(function() {
                                $("#imgDino").hover(
                                    function() {
                                        $(this).attr("src", "gallery/test/test.gif");
                                    },
                                    function() {
                                        $(this).attr("src", "gallery/test/test_static.gif");
                                    }                         
                                );                  
                            });
                        </script>
                    </a>
                    <div class="mega-menu-pts">&nbsp;<span class="landingpage-schrift-fwk">Feuerwerkerei</span></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="col-md-5 column landingpage landingpage-4">
    <div>
        <div class="default-box-body">
            <div class="default-box-landingpage">
                <div class="mega-menu-img">
                    <a href="http://www.pyrotechnik.de/index.php?view=sfx&id=1">
                        <img class="img-landingpage" id="lp04" src="gallery/landingpage/specialeffects.jpg" />
                        <script>
                            $(function() {
                                $("#imgDino").hover(
                                    function() {
                                        $(this).attr("src", "gallery/test/test.gif");
                                    },
                                    function() {
                                        $(this).attr("src", "gallery/test/test_static.gif");
                                    }                         
                                );                  
                            });
                        </script>
                    </a>
                    <div class="mega-menu-pts">&nbsp;<span class="landingpage-schrift-sfx">SFX / Special Effects</span></div>
                </div>
            </div>
        </div>
    </div>
</div>                    </div>
                </div>
            </div>
        </div>
        <audio>
            <source src="snd/schluebber.mp3"></source>
            <source src="snd/schluebber.ogg"></source>
            <source src="snd/schluebber.webm"></source>
        </audio>
        <div id="sounddiv">
            <bgsound id="sound">
        </div>
        <!-- Google Analytics -->
        <script>
            (function (i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function () {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                    m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

            ga('create', 'UA-12811615-1', 'auto');
            ga('send', 'pageview');
        </script>
    </body>

    </html>