// Button Startseite


$(document).ready(function(){

                                //erstmal werden alle divs ausgeblendet
                                $('.fenster').hide();

                                // event für hover auf die divs legen
                                $(".leger").click(
                                        // Hover In
                                        function() {
                                                $(this).next(".fenster:first:hidden").fadeIn("slow");
                                        },

                                        // Hover Out
                                        function() {
                                                var element = $(this).next(".fenster:first:visible");
                                                var time = 500; // Time the div is visible (in milli sec.)
                                                var fade_out_function = function() { element.fadeOut("slow"); } // The function used for fading out

                                                var timeout = window.setTimeout(fade_out_function, time);

                                                element.leger(
                                                        // Hover In
                                                        function() {
                                                                window.clearTimeout(timeout);
                                                        },

                                                        // Hover Out
                                                        function() {
                                                                timeout = window.setTimeout(fade_out_function, time);
                                                        }
                                                );
                                        }
                                );
                        });


 // Button Grafik

$(document).ready(function(){

                                //erstmal werden alle divs ausgeblendet
                                $('.fenster1').hide();

                                // event für hover auf die divs legen
                                $(".leger").click(
                                        // Hover In
                                        function() {
                                                $(this).next(".fenster1:first:hidden").fadeIn("slow");
                                        },

                                        // Hover Out
                                        function() {
                                                var element = $(this).next(".fenster1:first:visible");
                                                var time = 500; // Time the div is visible (in milli sec.)
                                                var fade_out_function = function() { element.fadeOut("slow"); } // The function used for fading out

                                                var timeout = window.setTimeout(fade_out_function, time);

                                                element.leger(
                                                        // Hover In
                                                        function() {
                                                                window.clearTimeout(timeout);
                                                        },

                                                        // Hover Out
                                                        function() {
                                                                timeout = window.setTimeout(fade_out_function, time);
                                                        }
                                                );
                                        }
                                );
                        });


 // Button Foto

$(document).ready(function(){

                                //erstmal werden alle divs ausgeblendet
                                $('.fenster2').hide();

                                // event für hover auf die divs legen
                                $(".leger").click(
                                        // Hover In
                                        function() {
                                                $(this).next(".fenster2:first:hidden").fadeIn("slow");
                                        },

                                        // Hover Out
                                        function() {
                                                var element = $(this).next(".fenster2:first:visible");
                                                var time = 500; // Time the div is visible (in milli sec.)
                                                var fade_out_function = function() { element.fadeOut("slow"); } // The function used for fading out

                                                var timeout = window.setTimeout(fade_out_function, time);

                                                element.leger(
                                                        // Hover In
                                                        function() {
                                                                window.clearTimeout(timeout);
                                                        },

                                                        // Hover Out
                                                        function() {
                                                                timeout = window.setTimeout(fade_out_function, time);
                                                        }
                                                );
                                        }
                                );
                        });

 // Button Text

$(document).ready(function(){

                                //erstmal werden alle divs ausgeblendet
                                $('.fenster3').hide();

                                // event für hover auf die divs legen
                                $(".leger").click(
                                        // Hover In
                                        function() {
                                                $(this).next(".fenster3:first:hidden").fadeIn("slow");
                                        },

                                        // Hover Out
                                        function() {
                                                var element = $(this).next(".fenster3:first:visible");
                                                var time = 500; // Time the div is visible (in milli sec.)
                                                var fade_out_function = function() { element.fadeOut("slow"); } // The function used for fading out

                                                var timeout = window.setTimeout(fade_out_function, time);

                                                element.leger(
                                                        // Hover In
                                                        function() {
                                                                window.clearTimeout(timeout);
                                                        },

                                                        // Hover Out
                                                        function() {
                                                                timeout = window.setTimeout(fade_out_function, time);
                                                        }
                                                );
                                        }
                                );
                        });

 // Button Konzept

$(document).ready(function(){

                                //erstmal werden alle divs ausgeblendet
                                $('.fenster4').hide();

                                // event für hover auf die divs legen
                                $(".leger").click(
                                        // Hover In
                                        function() {
                                                $(this).next(".fenster4:first:hidden").fadeIn("slow");
                                        },

                                        // Hover Out
                                        function() {
                                                var element = $(this).next(".fenster4:first:visible");
                                                var time = 500; // Time the div is visible (in milli sec.)
                                                var fade_out_function = function() { element.fadeOut("slow"); } // The function used for fading out

                                                var timeout = window.setTimeout(fade_out_function, time);

                                                element.leger(
                                                        // Hover In
                                                        function() {
                                                                window.clearTimeout(timeout);
                                                        },

                                                        // Hover Out
                                                        function() {
                                                                timeout = window.setTimeout(fade_out_function, time);
                                                        }
                                                );
                                        }
                                );
                        });



 // Button Webdesign

$(document).ready(function(){

                                //erstmal werden alle divs ausgeblendet
                                $('.fenster5').hide();

                                // event für hover auf die divs legen
                                $(".leger").click(
                                        // Hover In
                                        function() {
                                                $(this).next(".fenster5:first:hidden").fadeIn("slow");
                                        },

                                        // Hover Out
                                        function() {
                                                var element = $(this).next(".fenster5:first:visible");
                                                var time = 500; // Time the div is visible (in milli sec.)
                                                var fade_out_function = function() { element.fadeOut("slow"); } // The function used for fading out

                                                var timeout = window.setTimeout(fade_out_function, time);

                                                element.leger(
                                                        // Hover In
                                                        function() {
                                                                window.clearTimeout(timeout);
                                                        },

                                                        // Hover Out
                                                        function() {
                                                                timeout = window.setTimeout(fade_out_function, time);
                                                        }
                                                );
                                        }
                                );
                        });




 // Button Leistungen

$(document).ready(function(){

                                //erstmal werden alle divs ausgeblendet
                                $('.fenster6').hide();

                                // event für hover auf die divs legen
                                $(".leger").click(
                                        // Hover In
                                        function() {
                                                $(this).next(".fenster6:first:hidden").fadeIn("slow");
                                        },

                                        // Hover Out
                                        function() {
                                                var element = $(this).next(".fenster6:first:visible");
                                                var time = 500; // Time the div is visible (in milli sec.)
                                                var fade_out_function = function() { element.fadeOut("slow"); } // The function used for fading out

                                                var timeout = window.setTimeout(fade_out_function, time);

                                                element.leger(
                                                        // Hover In
                                                        function() {
                                                                window.clearTimeout(timeout);
                                                        },

                                                        // Hover Out
                                                        function() {
                                                                timeout = window.setTimeout(fade_out_function, time);
                                                        }
                                                );
                                        }
                                );
                        });



 // Button Über uns

$(document).ready(function(){

                                //erstmal werden alle divs ausgeblendet
                                $('.fenster7').hide();

                                // event für hover auf die divs legen
                                $(".leger").click(
                                        // Hover In
                                        function() {
                                                $(this).next(".fenster7:first:hidden").fadeIn("slow");
                                        },

                                        // Hover Out
                                        function() {
                                                var element = $(this).next(".fenster7:first:visible");
                                                var time = 500; // Time the div is visible (in milli sec.)
                                                var fade_out_function = function() { element.fadeOut("slow"); } // The function used for fading out

                                                var timeout = window.setTimeout(fade_out_function, time);

                                                element.leger(
                                                        // Hover In
                                                        function() {
                                                                window.clearTimeout(timeout);
                                                        },

                                                        // Hover Out
                                                        function() {
                                                                timeout = window.setTimeout(fade_out_function, time);
                                                        }
                                                );
                                        }
                                );
                        });