
<!DOCTYPE html>
<html>
<head>
<script src="/js/jquery-1.11.3.min.js" type="text/javascript"></script> 
<link href="/font/font-awesome.min.css" rel="stylesheet" />

<script>
    function HideMenueText(id) {
        var myText = document.getElementById(id);
        $(myText).addClass("hidden");
        $(myText).css('display','none');
    }
    function ShowMenueText(id) {
        var myText = document.getElementById(id);
        $(myText).removeClass("hidden");
        $(myText).css('display', 'inline');
    }
    function ChangeImage_sw_4c(imageid, path) {
        var test = document.getElementById(imageid);
        test.src = path;
    };
    function changeopacy_enter(btnid) {
        $("#" + btnid).parent(".item").children(".bgnewsimage").addClass("gradient");
    };
    function changeopacy_leave(btnid) {
        $("#" + btnid).parent(".item").children(".bgnewsimage").removeClass("gradient");
    };
    function changecssopacyforall() {
        for (var i = 0; i < 20; i++) {
            $("#rollovernewsbtn" + i).on({
                mouseenter: function () {
                    $("#opacyimage" + i).addClass('gradient');
                },
                mouseleave: function () {
                    $("#opacyimage" + i).removeClass("gradient");
                }
            });
        }
    };
    function switchImage(imgName, imgSrc) {
        if (document.images) {
            if (imgSrc != "none") {
                document.images[imgName].src = imgSrc;
            }
        }
    }
</script>

<style>
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
   /* background: none repeat scroll 0 0 transparent;*/
    
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: middle;
}
body{padding:0px;margin:0px auto;background-color:#000000 !important; font-family: 'Open Sans', sans-serif; color: white;}
.wrapper{width:100%;float:left;}
.center{text-align:center;}
.strong {font-weight:bold;}
.normal {font-weight:normal;}
.italic {font-style:italic;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
h2{font-size:25px;}
a {
    color: inherit;
    font: inherit;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.marl_5{margin-left: 5px;}
.mart_10{margin-top: 10px;}
.mart_20{margin-top: 20px;}
.mart_0{margin-top: 0px;}
.paddl_0{padding-left:0px;}
.container_korrektur{top: 183px; }
.container{max-width:1200px;margin:auto;position:relative;}
.clr_white {Color: white;}
.clr_red {Color: red;}
h1 { font-size: 30px; text-transform:uppercase;margin-top: 50px;padding-bottom:20px; padding-left: 10px;}
h3 {text-transform:none; margin-top: 20px;padding-bottom:20px; padding-left: 20px;}
h3 a{text-decoration:underline; color:#77161a;}
h3 a:hover  {color:white; }
li {list-style:none;}
hr{border-color: lightgray;}
.bg_sportanlagen{background-image: url("/images/bg_top_green.png"); background-position: center;}
.bg_sportartikel{background-image: url("/images/bg_top_blue.png"); background-position: center;} 
.bg_tennis{background-image: url("/images/bg_top_orange.png"); background-position: center;}
.bg_lautischer{background-image: url("/images/bg_top_white.png"); background-position: center;}
.colr_sportanlagen{background-color: #40a93c; }
.colr_sportartikel{background-color: #00a0e1; } 
.colr_tennis{background-color: #ec7c1e;}
.colr_lautischer{background-color: #77161a;}
.colr_white{background-color: #FFFFFF;}
.bord_sportanlagen{border-bottom: 3px #40a93c solid;}
.bord_sportartikel{border-bottom: 3px #00a0e1 solid;}

.topheader{width:100%;height:183px;float:left;}
#LogoImage {height: 100%; max-height: 138px;}
.LogoContainer{width: 343px; position: absolute; top: 45px; float: left;}
.CategoryImage{background-color: Black; background-repeat:no-repeat; background-position: center top;} 
#CategoryColor{height: 183px; position: relative;}
.container_submenue{width: 348px; position: relative;}
.navi2{width: 381px; padding-top: 17px; list-style:none; margin-left:0px; text-transform: uppercase;  cursor: pointer; }
.navi2 ul {padding: 0px;list-style:none; }
.navi2 ul li {padding-left: 0px; padding-right: 0px; padding-top: 6px; margin-right: 3px; padding-bottom: 4px;float:left;text-align:center;position:relative;list-style:none; font-size: 11px; }
.navi2 ul li a{text-decoration: none;color:Black; letter-spacing: 0.3px;}
.navi2 ul li:hover {color:White;}
.navi2_border{color:White;position: absolute;height: 3px;width: 100%;margin-top: 19px;}
.showonlyMobile {display: none;}
 .Current_BackgroundImage{background-position: center; background-image: url(/images/bg_top_white.png);}
        .CurrentBackgroundColor{background-color: #77161a}
        .CurrentBackgroundColorLogo{background-color: #FFFFFF}
        .CurrentColor{ color: #77161a !important;}
        .currentColor_border2px{border: 4px solid #77161a;}

        /* Menue  */
        #ddmenu li.over{color:#FFF;background-color: #77161a;}
        #ddmenu li.over{color:#FFF;background-color: #77161a;}
        #ddmenu .dropdown h2 a:hover{ color: #77161a;}
        #ddmenu div.childchildmenue a:hover {color: #77161a;}
        .largeredbtn{color:#FFF !important;background-color: #77161a;}
        .currentbgColor{;background-color: #77161a;}
        .largeredbtn:hover{color: #77161a !important;background-color:#FFFFFF}
        .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background: #77161a;}
      /*.currentColor_border2px{border-right: 7px solid #77161a;}*/
        .impo_white{color: white !important;}

/*TOPNav*/
#nav_sportartikel{width: 97px}
#nav_sportanlagen{width: 102px}
#nav_tennis{width: 138px}
.btn_MobileVersion{-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;box-shadow:inset 0px 1px 3px 0px #91b8b3;background-color:#771619;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;border:2px solid #566963;display:inline-block;cursor:pointer;color:#ffffff;font-family:Arial;font-size:100%;font-weight:bold;width:95%;height:60px;margin-top:80px;margin-bottom:80px;vertical-align:middle;text-shadow:0px -1px 0px #2b665e;text-align:center;}
.btn_MobileVersion:hover{background-color:#6c7c7c;}
.btn_MobileVersion a{text-transform:none;text-decoration:none;color:White;line-height:60px;}
.btn_MobileVersion:active{position:relative;top:1px;}
#submenue{width:95%;margin-top:20px;list-style:none;margin-left:10px;text-transform:uppercase;cursor:pointer;height:100px;}
#submenue ul{padding:0px;list-style:none;}
#submenue ul li{padding-left:0px;color:White;padding-right:0px;padding-top:6px;margin-right:30px;padding-bottom:4px;float:left;text-align:center;position:relative;list-style:none;font-size:13px;}
#submenue ul li a{text-decoration:none;color:White;letter-spacing:0.3px;}
#submenue ul li:hover{text-decoration:underline;}

/*Article*/
 .Article_Item {margin: 0 10px; margin-bottom: 30px; width: 269px; position: relative; display: inline-block; vertical-align: middle; text-align: left; border: 3px solid #77161a}
.Article_h1{background-color: #454545; position: relative; line-height: 60px; width: 100%; padding: 0px; text-align: center; margin: 0px; height: 65px; }
.Article_h1 h1 {color: white; display: inline-block; padding: 0px; padding-left:8px; padding-right: 8px; margin: 0px; vertical-align: middle; line-height:normal; font-size: 20px;}
.Article_ImageContainer{background-color: white; position: relative; line-height: 265px; height: 265px; text-align: center; overflow:hidden;}
.Article_ImageContainer img{vertical-align:middle; width: 100%; -moz-transition: 0.3s all ease;-webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease;}
.Article_stattPreis {z-index: 99; position: absolute; width: 100%; text-align:center; margin-top: -15px; color: red; font-weight: bold;}
.ArticleText_Container{background-color:white; position:relative; text-align:center; }
.Article_Price{color: #454545; font-size: 35px; font-weight: bold;}
.Article_Shorttext{color: black; height: 40px; overflow:hidden; margin-bottom: 10px; position:relative; padding-left: 5px; padding-right: 5px; padding-top: 3px; font-weight: normal; text-align: center; font-size: 14px}
.Article_btn{line-height: 60px; font-weight: bold; border: 2px solid white; width: 265px; height:60px; cursor: pointer; font-size: 25px; color: White;z-index: 1000; text-transform: uppercase;z-index: 1000; }
.Article_btn span {display: inline-block;vertical-align: middle; line-height:normal;}
.Article_bg_darkgray{background-color: #454545;}
.Article_BigImageContainer{ width: 100%; overflow: hidden; background-color: white;}
 .EntryShortTextContainer{width:72%; color: white;}

/*NewsTicker*/
.newscontainer{height: 289px; position: relative; width: 32%; white-space: normal; max-width: 398px; float: left;}
.item img{position: absolute; height: 100%; width: 100%; left: 0px;}
.item {position: relative; height: 100%; width: 100%;}
.item h2{ position: relative; width: inherit; padding-left: 6%; width: 94%; padding-top: 5%; font-size: 30px;color: White; line-height: 34px; z-index: 500; text-transform: uppercase;}
.item p{text-align: left; position: relative; font-size: 15px;padding-left: 6%; padding-top: 2%; padding-right: 5%;color: White;line-height: 20px; z-index: 500;}
.btn_news{position:absolute; bottom: 4%; right: 4%; margin-right: 4%; margin-bottom: 5%; cursor: pointer; font-size: 18px;padding: 15px 25px 15px 25px ;color: White;z-index: 500; text-transform: uppercase;}
.btn_news:hover {background-color: White; color: black !important;}
.item .img_wrapper{ left: 0px;}
.newscontainer2{height: 289px; top: 6px; position: relative; width: 100%; white-space: normal; max-width: 388px;  }
.gradient
{
     background-color:green;filter:alpha(opacity=60);opacity:.6; -moz-opacity: 0.6;
}
  
.opacity_50 
{   
opacity: 0.8;       /* modern browser */  
 -moz-opacity: 0.8;  /* older Mozilla browser */  
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 in Standard Compliant Mode */  
 filter:alpha(opacity=80); /* IE5.x -7.0 */ 

}   

.bgnewsimage
{
    position: absolute; height: 100%; width: 100%; left: 0px; z-index:9;
}

/*Breadcrump*/
.breadcrump {position: relative; margin-top: 25px; left: 10px; margin-bottom: 15px; width: 95%}
.breadcrump a{font-size: 14px; text-transform:uppercase; color: white;  text-decoration:none;}
 .breadcrump a:hover{color: #77161a !important;}
.breadcrump span{color: white;}

/*Suche*/
.container_search {float:right; height: 28px; width: 485px; position: relative; }
.container_search ctl00_up_cartinfo c_warenkorb{color: white;margin-right: 20px; text-decoration: none; }
.container_search a:hover{text-decoration: underline;}
.txtbox_suche{width: 250px; margin-left: 15px; height: 27px}
.btn_suche{height: 29px; background-color: black; width: 37px; color: white; text-align: center; text-transform: uppercase; cursor:pointer; cursor:hand;}
.c_warenkorb{float:left; }
.c_search{float:left; }

.btn_suche:hover{color: black; background-color: #77161a;} 
        .contact-info [class^="fa-"]::before {color: #77161a;}
        .contact-info a:hover {color: #77161a;}

.container .row {margin-left: -30px;padding-bottom: 80px;}
[class*="fa-"]::before {
    font-family: "FontAwesome";
    font-weight: 400;
}
.fa-mobile-phone::before, .fa-mobile::before {
    content: "";
}
.contact-info .fa-mobile {font-size: 86px; margin-top:-15px;}
.contact-info .fa-envelope {font-size: 66px;}
.contact-info .fa-map-marker a,.contact-info .fa-mobile a, .contact-info .fa-envelope a{ font-size:20px; vertical-align:middle}
.contact-info .fa-map-marker {margin-top:30px;font-size: 73px;line-height: 20px;}
.container .grid_4 {
  width: 30%;
}
.container [class*="grid_"] {float: left;margin-left: 30px; min-height: 1px;}
#ddmenu{display:block; font-family: 'Open Sans', sans-serif;text-align:left; color:black; /*Specify the alignment of the whole UL if UL is not width:100%;*/letter-spacing:normal;}
#ddmenu ul{ margin:0 auto; padding:0;text-align:left; /* Alignment of each top-level menu items within the UL */width:100%;top: 80px;font-size:0;display:inline-block;list-style:none;position:relative;z-index:999; max-width:1400px;}
#ddmenu li
{
    margin:0;
    padding:0;
    font-size:17px;
    text-transform:uppercase;
    display:inline-block;
    *display:inline;
    zoom:1; /*for IE6-7*/
    position:relative;
    color:#eee;
    line-height:70px; /*This determines the height of the menu*/
    transition:background-color 0.2s;
    outline:none;
}
#ddmenu li.full-width {position: static;}
#ddmenu li.no-sub {width: 360px}
#ddmenu .top-heading
{
    font-weight:bold;
    white-space:nowrap;
    margin:0 10px;
    color:inherit;
    text-decoration:none;
    display:inline-block; 
    outline:0;
    cursor:pointer;
}
#ddmenu .top-heading:hover
{
    color:white !important;
}
#ddmenu li a, #ddmenu li a:link, #ddmenu li a:hover{color: White;}
#ddmenu li a:hover
{
    text-decoration:none;
}
#ddmenu li a:focus
{
    outline:1px dotted #09F;
}
#ddmenu i.caret
{  
    color:inherit;
    left:-12px;
    width: 0;
    height: 0;
    overflow:hidden;/*for IE6*/
    vertical-align:middle;
    margin-bottom:2px;
    border-top: 4px solid;/*caret size is 4px now*/
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: inline-block;
    position:relative;
    display: none; 
}  
 #ddmenu .dropdown{width:auto;    left:0px;    color:#000;   padding:0;margin:0;display:none;position:absolute;top:100%;background-color: #FFFFFF}
#ddmenu li.full-width .dropdown {
    width:100%;
    padding:0;
    margin:0;
    margin-left:-1px; /*Set to 0 if UL has no border*/
}
#ddmenu .offset300 {
    left:-300px;right:auto;
}
#ddmenu .right-aligned {
    left:auto;
    right:0px;
}
#ddmenu li.over .dropdown
{
    display:block;

}
#ddmenu li.over .dropdown
{
    padding: 0px;
    margin-right: 0px;
    left: 0px;
    text-align: left;
    float: left;
}
#ddmenu .dd-inner {
    text-align:left;
    padding: 0px;
    margin:0px;
    background-color:#FFF;
    white-space:nowrap;
    font-size:13px;
    line-height:1.35;
}
#ddmenu .dropdown a
{ 
    display:table-row;
    *display:block;
    color:#000;
    line-height:22px;
    text-decoration:none;
    padding:0;
}
#ddmenu .dropdown a:hover, #ddmenu .dropdown a:focus
{
    text-decoration:underline;
    color:#09F;
}
#ddmenu .dropdown h2{ margin-left: 10px; margin-top: 4px; font-size: 16px;}
#ddmenu .dropdown h2 a{ color: Black;}
.menue_width{ width: 130px; float: left;}
#ddmenu div.column
{
    text-align:left;
    vertical-align:top;/*or middle*/
    display:inline-block;
    *display:inline;*zoom:1;
    white-space:normal;
    width:auto;min-width:170px;
    padding:0 30px;
    border-right:1px solid #999;
}
#ddmenu div.col_color
{
    display:inline-block;
    *display:inline;*zoom:1;
    white-space:normal;
    width: 16px; float: left; height: 110px;
    position: relative;
}
#ddmenu div.col_image{width: 94px; height: 94px; float: left; position: relative;}
#ddmenu div.col_Text{ width: 475px; float:left;}
#ddmenu div.dd-inner div:last-child{border-right:none;}
#ddmenu div.column h3 {
  font-weight: 500;
  line-height: 1.1;
  margin-top: 12px;
  margin-bottom: 8px;
  font-size: 24px;
}
#ddmenu div.column h3 {text-transform:uppercase;}
#ddmenuLink {display:none;}
#ddmenu div.menu-icon   {display:none;}

#ddmenu div.childchildmenue a { color: Black; font-size: 13px; line-height: 14px; text-transform: none;}
#ddmenu div.childchildmenue { float:left; line-height: 16px; margin-left: 10px; position: relative; color: Black;}
.Menuetext{display:block; margin-left: 10px; text-transform:none; white-space:normal;}

@media only screen and (min-width:1200px)
{
    .RespMenue{display:none;}
    .newscontainer2 { float: left; }
}
@media only screen and (min-width:1100px) and (max-width:1199px)
{
.container{max-width:1100px;margin:auto;}
    .newscontainer2 { float: left; }
     .entry_imagebox {height: 144px;}
     .DetailsAnfragen{height:80px;}
     .EntryImageContainer{ height: 460px; width: 73%}
    .kataloglink{padding-left: 0px; position: relative; top:0px; width: 22.4%; margin-left:45px;}
    .contact-info a, .contact-info address { font-size: 18px; }
      #ddmenu li{font-size: 14px;}
    #ddmenu .top-heading{margin:0 5px;}
     .col_image {display: none;}
}
@media only screen and (min-width:718px) and (max-width:1098px)
{
    .LogoContainer{width:97px; height: 70px;  max-width:97px;}
    .bg_lautischer{background:0;}
    #CategoryColor {height: 130px}
    .navi2{width:100%;}
    .bg_sportanlagen{background:0;}
    .bg_sportartikel{background:0;}
    .bg_tennis{background:0;}
     .Current_BackgroundImage{background-image: url(/images/dummy.png);}
    .newscontainer .item h2{font-size: 20px;}
 
        .txtbox_suche{width: 117px;}
        .container_search {font-size: 12px; width: 312px}
         .newscontainer2 { float: left; }
         .EntryShortTextContainer{width:70%; margin-bottom: 20px;}
         .EntryShortImageContainer{width:95%}
         .entry_imagebox {height: 100px;width: 21.4%; font-size: 18px;}
         .DetailsAnfragen{height:80px;}
         .kataloglink{padding-left: 0px; position: relative; top:0px; width: 22.4%; margin-left:45px;}
         .EntryImageContainer{ height: 330px; width: 73%; margin-left: 6px;}
         .btn_jetztblaettern{font-size: 14px; right: 0px;}
         .entry_imagebox span {position: relative;top: 10%;transform: translateY(-10%); font-weight: bold;}
         .contact-info .fa-mobile {font-size: 50px;line-height: 73px;}
        .contact-info .fa-envelope {font-size: 50px;line-height: 61px;}
        .contact-info .fa-map-marker {font-size: 60px;line-height: 80px;}
        .contact-info a, .contact-info address {font-size: 15px;margin-left: 0;}
         .contact-info address { margin-top: 15px;}
       .container .row {margin-left: 0px;}
        #ddmenu li{font-size: 14px;}
    #ddmenu .top-heading{margin:0 5px;}
    #ddmenu ul {top: 3px;}
    .col_image {display: none;}
    #ddmenu div.col_Text{width: 360px;}
    #ddmenu li.full-width .dropdown {width: 100%;}
    .menue_width{ width: 110px;}
    #ddmenu li.no-sub { width: 101px;}
}
@media only screen and (min-width:605px) and (max-width:717px)
{   
    .LogoContainer{width:97px; height: 70px;  max-width:97px;}
    .bg_lautischer{background:0;}
    #CategoryColor {height: 130px}
    .navi2{width:100%;}
    .bg_sportanlagen{background:0;}
    .bg_sportartikel{background:0;}
    .bg_tennis{background:0;}
    .Current_BackgroundImage{background-image: url(/images/dummy.png);}
   
     .DetailsAnfragen{height:80px;}
    .container_search {font-size: 12px; width: 234px}
     .txtbox_suche{width: 60px; height: 20px;}
        .btn_suche{height: 22px;}
        .newscontainer2 {margin: 0px auto;}
        .bigCategoryImageContainer{width: 95%; }
        .TextCategoryContainer{width: 100%}
         .EntryShortTextContainer{width:71%;   margin-bottom: 20px;}
         .EntryImageContainer{ height: 290px; width: 73%; margin-left: 6px;}
         .kataloglink{padding-left: 0px; position: relative; top:0px; width: 20.4%; margin-left:45px;}
         .btn_jetztblaettern{font-size: 13px; right: 0px;}
         .downloadcontainer{width:80%;}
         .entry_imagebox {height: 80px;width: 20.9%; font-size:16px;}
          .entry_imagebox span {position: relative;top: 0%;transform: translateY(-0%); font-weight: bold;}
          .container [class*="grid_"], .container-fluid [class*="grid_"] {
    float: none;
    display: block;
    width: 80%;
    margin-left: 30px; }
    .container .row {margin-left: 0px;}
          .contact-info .fa-mobile {font-size: 60px;line-height: 73px;}
        .contact-info .fa-envelope {font-size: 50px;line-height: 61px;}
        .contact-info .fa-map-marker {font-size: 60px;line-height: 80px;}
          #ddmenu li{font-size: 12px;}
    #ddmenu .top-heading{margin:0 3px;}
    #ddmenu ul {top: 3px;}
    .col_image {display: none;}
    #ddmenu div.col_Text{width: 290px;}
    #ddmenu li.full-width .dropdown {width: 100%;}
    .menue_width{ width: 90px;}
    #ddmenu li.no-sub { width: 101px;}
    #ddmenu .dropdown h2  {font-size: 14px;}
    #ddmenu div.col_color { width: 2px;}
    #ddmenu div.childchildmenue a{font-size: 11px; line-height: 12px;}
    #ddmenu div.childchildmenue{ line-height: 13px;}
}
/*
@media only screen and (min-width:481px) and (max-width:604px)
{   
    .Menuetext{display:none;}
    .LogoContainer{height:50px;max-width:97px;position:absolute;top:15px;right:10px;}
    .bg_lautischer{background:0;}
    #CategoryColor {height: 100px}
    .navi2{width:100%;}
    .bg_sportanlagen{background:0;}
   .downloadcontainer{width:80%;}
    .bg_sportartikel{background:0;}
    .bg_tennis{background:0;}
    .Current_BackgroundImage{background-image: url(/images/dummy.png);}
    .newscontainer2 {margin: 0px auto;}
    .bigCategoryImageContainer{width: 95%; }
    .TextCategoryContainer{width: 100%}
    .EntryShortTextContainer{width:92%}
    .kataloglink{margin-left:25%; text-align: center; padding-left: 0px; position: relative; top:0px; width:50%; margin-bottom: 20px;}
    .EntryImageContainer{ height: 290px; width: 93%; margin-bottom: 20px;}
    .entry_imagebox span {top: 10%;transform: translateY(-10%); }
    .entry_imagebox {height: 80px;width: 26.7%;  font-size:16px;}
    .DetailsAnfragen{width: 85%}
    .myentrylongtext{ width: 90%}
     .DetailsAnfragen{height:80px;}
    .container .row {margin-left: 0px;}
    .container [class*="grid_"], .container-fluid [class*="grid_"] {
    float: none;
    display: block;
    width: 80%;
    margin-left: 30px; }
     #ddmenu li{font-size: 11px;}
    #ddmenu .top-heading{margin:0 3px;}
    #ddmenu ul {top: 3px;}
    .col_image {display: none;}
    #ddmenu div.col_Text{width: 220px;}
    #ddmenu li.full-width .dropdown {width: 100%;}
    .menue_width{ display:none;}
    #ddmenu li.no-sub { width: 5px;}
    #ddmenu .dropdown h2  {font-size: 14px;}
    #ddmenu div.col_color { width: 10px; height: 30px;}
    #ddmenu div.childchildmenue a{font-size: 11px; }
    #ddmenu div.childchildmenue{ line-height: 12px;}
    #submenue ul li {font-size: 11px; }
          .contact-info .fa-mobile {font-size: 60px;line-height: 73px;}
        .contact-info .fa-envelope {font-size: 50px;line-height: 61px;}
        .contact-info .fa-map-marker {font-size: 60px;line-height: 80px;}
          #ddmenu li{font-size: 12px;}
}
    */
@media only screen and (max-width: 604px) 
{
    .Menuetext{display:none;}
    .LogoContainer{width: 100%; float: left; top:0px; height: 50px;}
    .navi2 {width: 100%; padding-top: 2px;}
    .container_submenue{display:none;}
   .container_search 
    {
        display:block;
        position: absolute;
        height: 40px;
        width: 100%;
        left: 0px;
        top: 52px;
        background-color:white;
    }
   .container_search a { color:  #77161a; position:relative; top:8px;}
    .container_search a:hover { color:  black;}
   .c_warenkorb{float:left; margin-left: 5px; color:black; margin-top: 10px;}
   
    .txtbox_suche{width: 240px;margin-top: 2px; height: 20px; border: 1px solid #77161a; padding: 8px; background-color: #eee;}
    .btn_suche{height: 36px; margin-top: 2px; }
   
    
    .einkaufswagen {
        color: white;
        position: absolute;
        right: 100px;
        top: -40px;
        z-index: 999;
    }
    .c_search {
    float: right;
    margin-right: 0;
    margin-top: -10px;
    text-align: center;
    width: 100%;
}
                   
   /* #submenue{display:none;}*/
    article{display: none;}
    #CategoryColor{height: 100px;}
    #submenue ul li{font-size:11px;margin-right: 0px;width: 30%;}
    #submenue ul {margin-left: 5px; text-align: center;}
    #submenue {margin-top: 20px; height: 50px;}
    .navi2 ul li a  {letter-spacing:0px; font-size: 11px}
    .navi2 ul li{padding: 13px 0 11px;}
    .Subcategory a{width: 100%; font-size: 19px; margin-left: 5px;line-height: 35px;}
       .Subcategory { margin-left: 20px;}
       h2{font-size:20px}
  .sub_product 
  {
    position: relative;
    text-align: center;
    margin: 0px Auto;
    width: 100%;
    margin-top: 10px;
    left: 25%;
    height: 80px;
    margin-bottom: 20px;
}
  
    .item h2{font-size: 28px;}
    .newscontainer2 {top: 7px;margin: 0px auto;}
    .bxslider li{border:0px; text-decoration: none;}
    .Current_BackgroundImage{background-image: url(/images/dummy.png);}
    .TextCategoryContainer{width: 100%}
    .bigCategoryImageContainer{width: 95%; }
    .EntryShortTextContainer{width:92%}
    .kataloglink{margin-left:25%; text-align: center; padding-left: 0px; position: relative; top:0px; width:50%; margin-bottom: 20px;}
    .EntryImageContainer{ height: 210px; width: 93%; margin-bottom: 20px;}
    .entry_imagebox {height: 80px;width: 40%;  font-size:16px;}
        .entry_imagebox span {top: 10%;transform: translateY(-10%); }
    h1{font-size: 25px;}
    .breadcrump a{font-size: 13px;}
    .DetailsAnfragen{width: 85%}
    .myentrylongtext{ width: 90%; text-align: left;}
    .container .row {margin-left: 0px;margin-top: 30px;}
    .container [class*="grid_"], .container-fluid [class*="grid_"] {
    float: none;
    display: block;
    width: 80%;
    margin-left: 30px;
  }
          .contact-info .fa-mobile {font-size: 40px;line-height: 73px;}
        .contact-info .fa-envelope {font-size: 30px;line-height: 61px;}
        .contact-info .fa-map-marker {font-size: 40px;line-height: 20px; margin-top: 0px; }
         .contact-info .fa-mobile a,  .contact-info .fa-envelope a,  .contact-info .fa-map-marker a {font-size: 16px;}
    .fa-mobile-phone::before, .fa-mobile::before {padding-right: 10px;}
          
    #topnews{display:none;}
   .displayNone_onMobile{display:none;}
    /*override the original settings*/
    #ddmenu ul {top: 50px; width: 100%;  display: none;border-radius:0; background-color:lightgray;}
    #ddmenu li {position:relative;display:block; color: white; font-size:17px;text-align:left;line-height: 50px;border-top: 1px solid black;}
    #ddmenu li.full-width {position: relative;}
    #ddmenu li .dropdown { position:relative;*top:auto;/*for IE7*/box-shadow:none; text-align:left;background-color:#FFF;}
    .cl_mobile{clear: both;}
    #ddmenu .offset300 { left:0;}
    #ddmenu li.full-width div.dropdown { width: auto;}
    #ddmenu .dd-inner{margin:0;background:none;text-align:left;}
    #ddmenu div.col_Text{ width:97%; vertical-align:middle;line-height:40px; height: 40px; border-bottom: 1px solid #77161a;}
    /*turn each column to list vertically instead of horizontally */
    #ddmenu li div.column {width:auto;padding:0; border:none;display:block;}
    #ddmenu li.over .dropdown{float:none;}
    #ddmenu li.over {background-color:darkgray;}
    /*move the arrow icon to right*/
    #ddmenu i.caret {position:absolute;left:auto; right:14px; top:22px; border-width:5px;display: block;}
    #ddmenu div.col_color{display:none;}
    #ddmenu div.menu-icon {
        font-size:32px;/*icon size*/
		display: block;
        position: absolute;
		width: 40px;
		height:36px;
        text-align:center;
		cursor: pointer;
		-moz-user-select:none;		
        -webkit-user-select: none;
        background-color: #eee;
        border-radius: 3px;
       
        top: 10px;
        left: 10px;
        margin-bottom:6px;
        /*align the icon to the right*/
        margin-left: auto;
        margin-right: 11px;
    }
    #ddmenu div.menu-icon::before {
        content: "";
        position: absolute;
        top: 0.25em;
        left: 4px;
        width: 1em;
        height: 0.125em;
        border-top: 0.375em double #333;
        border-bottom: 0.125em solid #333;
        box-sizing: content-box;
    }
    #ddmenu div.menu-icon-active {background-color: #333;}
    #ddmenu div.menu-icon-active::before {border-color: #eee;}
    #ddmenu li.no-sub {display:none; position:absolute;}
    #ddmenu li div.column.mayHide { display:none;}
    .col_image {display: none;}
    #ddmenu div.childchildmenue{display: none;}
    #ddmenu li.full-width .dropdown {width: 100%;}
   
    #ddmenu .dropdown h2{margin-top: 10px; height: 30px;}
}
    .DetailsAnfragen span{top: 35%} .entry_imagebox span{top: 40%}
</style>

    <!--[if lte IE 8]>
        <link rel="stylesheet" type="text/css" href="/rs-plugin/css/settings-ie8.css" media="screen" /> 
        <link rel="stylesheet" type="text/css" href="rs-plugin/css/settings-ie8.css" media="screen" /> 
    <![endif]-->

        <style>
       
        
    </style>
     
    <style>
    
         .CategoryImage{background-image: url(/images/bg_lautischer.jpg)}
        .Entry_btn{position:relative; left: 0%; line-height: 43px; text-align:center; float:left; text-decoration:none; font-weight: bold; border: 2px solid white; width: 100%; height:50px; cursor: pointer; font-size: 20px; color: White; text-transform: uppercase; }
        .Entry_btn span {display: inline-block;vertical-align: middle; line-height:normal;}
        .Entry_btn:hover {border: 4px solid #77161a;  background-color: white; color:  #77161a;} 
         .CurrentBackgroundColor{background-color: #77161a}
         h2{color:white; text-transform: uppercase;}

       
@-webkit-keyframes anim-1 {
  0% {
    left: 50%;
  }
  100% {
    left: 90%;
  }
}
@-webkit-keyframes anim-2 {
  0% {
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }
  25% {
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
  50% {
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }
  75% {
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
  100% {
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }
}
@-webkit-keyframes anim-3 {
  0% {
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    left: 50%;
  }
  50% {
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    left: 90%;
  }
  100% {
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    left: 50%;
  }
}
@-webkit-keyframes zoom-out {
  0% {
    -moz-transform: scale(1) rotate(-35deg);
    -ms-transform: scale(1) rotate(-35deg);
    -o-transform: scale(1) rotate(-35deg);
    -webkit-transform: scale(1) rotate(-35deg);
    transform: scale(1) rotate(-35deg);
  }
  100% {
    -moz-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    -webkit-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
  }
}
@-webkit-keyframes zoom-in-state-1 {
  0% {
    -moz-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    -webkit-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
  }
  100% {
    -moz-transform: scale(1) rotate(-35deg);
    -ms-transform: scale(1) rotate(-35deg);
    -o-transform: scale(1) rotate(-35deg);
    -webkit-transform: scale(1) rotate(-35deg);
    transform: scale(1) rotate(-35deg);
  }
}
@-webkit-keyframes zoom-in-state-2 {
  0% {
    -moz-transform: scale(0) rotate(-35deg);
    -ms-transform: scale(0) rotate(-35deg);
    -o-transform: scale(0) rotate(-35deg);
    -webkit-transform: scale(0) rotate(-35deg);
    transform: scale(0) rotate(-35deg);
  }
  100% {
    left: 50%;
    -moz-transform: scale(1) rotate(150deg);
    -ms-transform: scale(1) rotate(150deg);
    -o-transform: scale(1) rotate(150deg);
    -webkit-transform: scale(1) rotate(150deg);
    transform: scale(1) rotate(150deg);
  }
}
@-webkit-keyframes line {
  0% {
    left: 40%;
  }
  100% {
    left: 40%;
    width: 40%;
  }
}
@-moz-keyframes anim-1 {
  0% {
    left: 50%;
  }
  100% {
    left: 90%;
  }
}
@-moz-keyframes anim-2 {
  0% {
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }
  25% {
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
  50% {
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }
  75% {
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
  100% {
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }
}
@-moz-keyframes anim-3 {
  0% {
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    left: 50%;
  }
  50% {
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    left: 90%;
  }
  100% {
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    left: 50%;
  }
}

@media (max-width: 767px) {
  .mfValidation {
    text-align: right;
    top: 2px;
    left: auto;
    bottom: 100%;
    right: 10px;
    background: none;
    padding: 0;
    margin: 0 0 3px;
    min-height: 0;
    color: #FF0000;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .mfValidation:before {
    display: none;
  }
  .mfValidation:hover {
    background: none;
  }
}
@keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-ms-keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@-ms-keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@-webkit-keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@-o-keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes notifanim-fo {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.1);
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    transform: scale(0.3);
    opacity: 0;
  }
}
@-moz-keyframes notifanim {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  1% {
    visibility: visible;
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.rd-progress {
  background: #111;
  color: #fff;
}
/* MF Controls
========================================================*/
.mfControls {
  margin-top: 18px;
  word-spacing: 10px;
  text-align: left;
}
@media (max-width: 991px) {
  .mfControls {
    text-align: center;
  }
}
.mfControls .btn {
  display: block;
  width: 100%;
  font-size: 30px;
  font-weight: 700;
  padding: 17px 19px 16px;
}
.mfControls > * {
  word-spacing: normal;
  margin-bottom: 5px;
}

@media (max-width: 776px) {.mfControls .btn { font-size: 20px;}}

.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 60.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: 0;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: 0;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: 0;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: 0;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 60.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: 0;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: 0;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
    </style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /><title>

</title></head>
<body>


<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>



    <div class="wrapper">
    <div class="CategoryImage">
        <header>
        <div id="CategoryColor" class="Current_BackgroundImage">
		  <section class="container">
			    <div class="container_submenue">
                <nav class="navi2 strong"><ul>
                    <li id="nav_sportartikel" 
                        class="colr_sportartikel "
                         onclick="$(location).attr('href','/c19-Sportartikel-SHOP.aspx>');">
                        <div class="navi2_border" ></div>
                         <div class="navi2_border " ></div>
                          <a title="Sportartikel Sportbau-HL "
                            href="/c19-Sportartikel-SHOP.aspx">
                            Sportartikel
                        </a>
                    </li>
                
                    <li id="nav_sportanlagen" 
                        class="colr_sportanlagen "
                         onclick="$(location).attr('href','/c20-sportanlagen.aspx>');">
                        <div class="navi2_border" ></div>
                         <div class="navi2_border " ></div>
                          <a title="Sportanlagen Sportbau-HL "
                            href="/c20-sportanlagen.aspx">
                            Sportanlagen
                        </a>
                    </li>
                
                    <li id="nav_tennis" 
                        class="colr_tennis "
                         onclick="$(location).attr('href','/c21-Tennis-und-Zubehoer-SHOP.aspx>');">
                        <div class="navi2_border" ></div>
                         <div class="navi2_border " ></div>
                          <a title="Tennis Sportbau-HL "
                            href="/c21-Tennis-und-Zubehoer-SHOP.aspx">
                            Tennis
                        </a>
                    </li>
                </ul></nav>
                </div>    
              
                    
                 

                <div class="cl"></div>                  
                <div class="LogoContainer CurrentBackgroundColorLogo">
                     <a href="/Default.aspx" alt="zurück zur Startseite von Sportbau HL in Oberösterreich / Gunskirchen bei Wels"> <img id="LogoImage" class="fr CurrentBackgroundColorLogo" src="/images/SPORTBAUHL_mobile.png" alt=" Sportbau HL in Oberösterreich / Gunskirchen bei Wels" style="" /></a>
                </div> 

            <nav id="ddmenu"><div class="menu-icon"></div><ul> <li class="no-sub"></li>
                 <li class="full-width">
			        <a href="/c19-Sportartikel-SHOP.aspx" 
                          title="Sportartikel-SHOP Sportbau-HL" 
                          class="top-heading ">
                            Sportartikel-SHOP
                       </a>
                   
              
                <i class="caret"></i>
                  
                     
                </li>
                
                 <li class="full-width">
			        <a href="/c20-Sportanlagen.aspx" 
                          title="Sportanlagen Sportbau-HL" 
                          class="top-heading ">
                            Sportanlagen
                       </a>
                   
              
                <i class="caret"></i>
                    
                     
                </li>
                
                 <li class="full-width">
			        <a href="/c21-Tennis-und-Zubehoer-SHOP.aspx" 
                          title="Tennis & Zubehör-SHOP Sportbau-HL" 
                          class="top-heading ">
                            Tennis & Zubehör-SHOP
                       </a>
                   
              
                <i class="caret"></i>
                </li>
                
                 <li class="full-width">
			        <a href="/c22-Aktionen.aspx" 
                          title="Aktionen Sportbau-HL" 
                          class="top-heading ">
                            Aktionen
                       </a>
                   
              
                <i class="caret"></i>
              </li>
                
                 <li class="full-width">
			        <a href="/c23-Sportbau-HL.aspx" 
                          title="Sportbau HL Sportbau-HL" 
                          class="top-heading ">
                            Sportbau HL
                       </a>
                   
              
                <i class="caret"></i>
              
                </li>
                 </nav>

		    </section></div>
	    </header> 
        
     <div class="container">
           

         <div class="container">
             <div class="row">
                 <div class="col-sm-12">
                     <h1 class="center">UPS - Moment Bitte</h1>
                     <h4 class="center">Diese Seite wurde leider nicht gefunden<br /><br /><a href="http://www.sportbau-hl.com">zur Startseite</a><br /><br /><br /><br /></h4>
                 </div>

             </div>
         </div>
   
          </div><div class="cl"></div>
             <section class="well1 well1__ins2 bg-secondary10">
            <div class="container contact-info">
            
                    <div id="ctl00_ContentPlaceHolder1_pnl_sendkontaktanfrage">
	    
</div>
            </div>
     </section>
    <div style="clear:both"></div>
      
     
        </div> <!-- End CategoryImage-->

       


  <section style="margin-bottom:50px;">
            <div class="container">
                <div class="row contact-info">
                    <div class="grid_4">
                        <div class="fa-envelope">
                            <a href="mailto:office@sportbau-hl.com">office@sportbau-hl.com</a>
                        </div>
                    </div>
                    <div class="grid_4">
                        <div class="fa-mobile">
                            <a href="callto:+43724523331">Tel.: +43 7246 810 10</a>
                        </div>
                    </div>
                    <div class="grid_4">
                        <div class="fa-map-marker">
                            <a href="/kontakt.aspx">
                                Teslastraße 8<br />
                                4623 Gunskirchen

                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
<div class="cl"></div>


   
    <!--Slider-->
    
                 <div class="currentbgColor">
                  
         </div> 
        
        
   <!-- Ende Container -->

        <!-- div von CategoryImages ist im Placeholder !-->
     
        
    
      <div class="cl"></div>
        </div> <!-- Ende Wrapper -->
 
    
    <link id='basecss-css' href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet" type="text/css" property="stylesheet" media="all" />
    <script type="text/javascript" src="js/ddmenu.js"></script>

 
    <link href="/css/jquery.bxslider.css" rel="stylesheet" />
    <script src="/js/jquery.bxslider.min.js"></script>
     <script type="text/javascript">
             function scrollToName(id)
             {
                 var stop = $("#" + id).offset().top;
                 var delay = 1000;
                 $('body,html').animate({ scrollTop: stop }, delay);
                 return false;
             }
             </script>
    <script type="text/javascript">
        $(document).ready(function () {

            jQuery(function ($) {
                var groupTab = $(".myArticleLink");
                groupTab.hover(function () {
                    $(this).children(".Article_Item").children(".Article_h1").addClass("CurrentBackgroundColor");
                    $(this).children(".Article_Item").children(".ArticleText_Container").children(".Article_btn").removeClass("Article_bg_darkgray");
                    $(this).children(".Article_Item").children(".ArticleText_Container").children(".Article_btn").addClass("CurrentBackgroundColor");
                    $(this).children(".Article_Item").children(".Article_ImageContainer").children("img").addClass("scaleOut");
                    $(this).children(".Article_Item").children(".Article_ImageContainer").children("img").removeClass("scaleback");

                }, function () {
                    $(this).children(".Article_Item").children(".Article_h1").removeClass("CurrentBackgroundColor");
                    $(this).children(".Article_Item").children(".ArticleText_Container").children(".Article_btn").addClass("Article_bg_darkgray");
                    $(this).children(".Article_Item").children(".ArticleText_Container").children(".Article_btn").removeClass("CurrentBackgroundColor");
                    $(this).children(".Article_Item").children(".Article_ImageContainer").children("img").removeClass("scaleOut");
                    $(this).children(".Article_Item").children(".Article_ImageContainer").children("img").addClass("scaleback");
                });
            });
          
            jQuery(function ($) {
                var group_Menuedropdown = $(".dropdown");
                group_Menuedropdown.hover(function () {
                    $(this).parent(".full-width").children(".top-heading").addClass("impo_white");
                    $(this).parent(".full-width").children(".top-heading").removeClass("Currentcolor");

                }, function () {
                    $(this).parent(".full-width").children(".top-heading").removeClass("impo_white");
                    $(this).parent(".full-width").children(".top-heading").addClass("Currentcolor");
                });
            });
          

            $("#nav_sportartikel").on({
                mouseenter: function () {
                    RemoveAllClasses();
                    $("#CategoryColor").addClass("bg_sportartikel");
                    $(this).children(".navi2_border").addClass("colr_sportartikel");
                    $("#LogoImage").addClass("colr_sportartikel ");
                    switchImage('LogoImage', '/images/SPORTBAU-HL_Logo_kat.png');
                    },
                    mouseleave: function () {
                        RemoveAllClasses();
                        $("#CategoryColor").addClass("Current_BackgroundImage");
                        $("#LogoImage").addClass("CurrentBackgroundColorLogo");
                        $(this).children(".navi2_border").removeClass("colr_sportartikel");
                        SwitchLogoImageBack();
                    }
                });
            $("#nav_sportanlagen").on({
                mouseenter: function () {
                    RemoveAllClasses();
                    $("#CategoryColor").addClass("bg_sportanlagen");
                    $(this).children(".navi2_border").addClass("colr_sportanlagen");
                    $("#LogoImage").addClass("colr_sportanlagen");
                    switchImage('LogoImage', '/images/SPORTBAU-HL_Logo_kat.png');
                    },
                    mouseleave: function () {
                        RemoveAllClasses();
                        $("#CategoryColor").addClass("Current_BackgroundImage");
                        $("#LogoImage").addClass("CurrentBackgroundColorLogo");
                        $(this).children(".navi2_border").removeClass("colr_sportanlagen");
                        SwitchLogoImageBack();
                    }
                });
            $("#nav_tennis").on({
                mouseenter: function () {
                    RemoveAllClasses();
                    $("#CategoryColor").addClass("bg_tennis");
                    $("#LogoImage").addClass("colr_tennis");
                    $(this).children(".navi2_border").addClass("colr_tennis");
                    switchImage('LogoImage', '/images/SPORTBAU-HL_Logo_kat.png');
                    },
                    mouseleave: function () {
                        RemoveAllClasses();
                        $("#CategoryColor").addClass("Current_BackgroundImage");
                        $("#LogoImage").addClass("CurrentBackgroundColorLogo");
                        $(this).children(".navi2_border").removeClass("colr_tennis");
                        SwitchLogoImageBack();
                    }
                });
            $('.bxslider').bxSlider({
                slideWidth: 398,
                minSlides: 1,
                maxSlides: 3,
                slideMargin: 0,
                ticker: false
            });

        });
            function RemoveAllClasses() {
                $("#CategoryColor").removeClass("bg_sportanlagen");
                $("#CategoryColor").removeClass("Current_BackgroundImage");
                $("#CategoryColor").removeClass("bg_sportartikel");
                $("#CategoryColor").removeClass("bg_lautischer");
                $("#CategoryColor").removeClass("bg_tennis");

                //Hintergrund Logo
                $("#LogoImage").removeClass("colr_white");
                $("#LogoImage").removeClass("colr_lautischer");
                $("#LogoImage").removeClass("colr_tennis");
                $("#LogoImage").removeClass("colr_sportartikel");
                $("#LogoImage").removeClass("colr_sportanlagen");
                $("#LogoImage").removeClass("CurrentBackgroundColorLogo");
            }
    </script>
     
<script type="text/javascript">
    function changeText(txtB) {
        var textBox = document.getElementById(txtB);
        var txt = textBox.value;
        if (txt == "") {
            textBox.value = "SUCHE";
            textBox.style.color = "grey";
        }
    }

    function EmptyText(txtC, txtV) {
        var textBox = document.getElementById(txtC);
        var txt = txtV;
        if (txt == "SUCHE") {
            textBox.value = "";
            textBox.style.color = "black";
        }
        if (txt != "SUCHE") {
            textBox.value = txtV;
        }
    }
 </script>
 
     <script>
        function SwitchLogoImageBack() { switchImage('LogoImage', 'images/SPORTBAU-HL_Logo.png'); }
        $(document).ready(function ()
        {
            $("#closebtn").on({
                click: function ()
                {
                    $("#pnl_thankyou").css("display", "none");
                    $("#name2").value = "";
                }
            });
        });
    </script>
    <script src="js/script.js"></script>

</body>
</html>