@media (max-width: 767px) {
  #header { border: 0px !important; }
  .hmstatic { position: fixed !important; top: 0px; width: 100%; padding-top: 10px !important;  }
  #hauptmenue {position: relative; background: none; z-index: 200; border-bottom: 1px solid #7F0055;}
  #hauptmenue ul {list-style-type: none; margin-left: 0; }
  #hauptmenue ul li {list-style-type: none; list-style-image: none; }
  #hauptmenue li a:link, #hauptmenue li a:visited {background: #FFF; border-bottom: 1px solid #7F0055; display: block; padding: 15px 40px; color: #3F3F3E; font-size: 16px; font-weight: 400;}
  #hauptmenue li a:hover, #hauptmenue li a:focus {background: #F2F2F2; border-bottom: 1px solid #7F0055; color: #3F3F3E; font-size: 16px; font-weight: 500;}
  .hm1 {background: #FFF; padding: 20px 0px; color: #3F3F3E; font-size: 16px; font-weight: 400;}
  #hauptmenue ul li:hover .hm1 {background: #F2F2F2; font-weight: 500;}
  /*      Submenue allgemein   */
  ul.sub_menu {position: relative; display: none; border-bottom: 1px solid #7F0055;}
  ul.sub_menu li a:link, ul.sub_menu li a:visited {color: #3F3F3E; font-size: 14px !important; border: none !important; padding: 8px 8px 8px 60px !important;}
  ul.sub_menu li a:hover, ul.sub_menu li a:focus {color: #7F0055; font-size: 14px; font-weight: 500; border: none !important;}
  /*   	LEVEL TWO   */
  ul.dropdown ul { position: relative; z-index: 40;}
  .closed {display: none;}

  /*   level Three  */
  ul.sub_menu ul {position: relative; display: none; border-bottom: 1px dotted #111; }
  ul.sub_menu ul li a:link, ul.sub_menu ul li a:visited {color: #3F3F3E; font-size: 14px !important; border: none !important; padding: 8px 8px 8px 100px !important;}
  ul.sub_menu ul li a:hover, ul.sub_menu ul li a:focus {color: #3F3F3E; font-size: 14px; font-weight: 500; border: none !important;}
  ul.dropdown ul ul {position: relative; z-index: 40;}
  ul.dropdown li:hover > ul {visibility: visible;}

  /* Speziell für Hauptmenüpunkt mit Submenü */
  #hauptmenue li a:link[id*="hmnu-"] {background: white url(../designpics/arrow_smartmenue.png) no-repeat center right !important; padding-right: 30px;}
  #hauptmenue li a:active[id*="hmnu-"] {background: white url(../designpics/arrow_smartmenue2.png) no-repeat center right !important; padding-right: 30px;}
  /* Speziell für Hauptmenüpunkt mit Submenü */
  #hauptmenue li a:link[id*="hmnux-"] {background: white url(../designpics/arrow_smartmenue.png) no-repeat center right !important; padding-right: 30px;}
  #hauptmenue li a:active[id*="hmnux-"] {background: white url(../designpics/arrow_smartmenue2.png) no-repeat center right !important; padding-right: 30px;}
  .navbar-toggle {cursor: pointer; width: 85px; height: 20px; background: url(../designpics/bt_menue.png) no-repeat; margin-left: 20px; margin-bottom: 12px; z-index: 10;}
  .navbar-toggle span {display: none;}
  .navbaraktiv { background: url(../designpics/bt_menue_close.png) no-repeat; }
}
@media (min-width: 768px) {
  .hmstatic { position: fixed !important; top: 0px; width: 100%; padding-top: 1px !important;  }
  #hauptmenue {position: relative; width: 100%; border-top: 1px solid #7F0055; border-bottom: 1px solid #7F0055; height: 30px; }
  #hauptmenue li {list-style-type: none; list-style-image: none; float: left;}
  .dropdown {position: relative; width: auto; max-width: 1000px; margin-left: auto; margin-right: auto;   }
  .hm1 {float: left; width: auto; height: 20px; font-size: 14px; padding: 5px 10px; color: #111; margin-bottom: 0px; }
  #hauptmenue li:hover .hm1, .hm1:hover { color: #7F0055; text-shadow: 0px 1px 2px #BDBDBC;}
  /*      Submenue allgemein   */
  ul.sub_menu {position: relative; margin-top: -6px; border-top: 1px solid #7F0055; padding-top: 5px; box-shadow: 0 1px 5px 1px #C4C4C4; background: rgba(255, 255, 255, 0.9); }
  ul.sub_menu li { display: block; width: 180px; float: left; margin: 0px; }
  ul.sub_menu a:hover {color: #111;}
  ul.sub_menu a:active {color: #111;}
  ul.sub_menu li a {display: block; padding: 5px 10px; }
  ul.sub_menu li a:link, ul.sub_menu li a:visited {color: #111;}
  ul.sub_menu li a:hover, ul.sub_menu li a:focus {color: #7F0055; font-weight: 400; text-shadow: 0px 1px 2px #BDBDBC;}
  ul.sub_menu li:last-child a {border-right: none;}
  ul.sub_menu li.hover, ul.sub_menu li:hover {color: #111; position: relative;}
  ul.sub_menu li.hover a {color: #111;}
  ul.sub_menu li a {color: #111;}
  /*   	LEVEL TWO   */
  ul.sub_menu li a:last-child {color: #7F0055;}
  ul.dropdown ul {width: 200px; visibility: hidden; position: absolute; top: 36px; z-index: 40;}
  ul.dropdown ul li {font-weight: 400; float: none; }
  ul.dropdown ul li a:link, ul.dropdown ul li a:visited {color: #111; border-right: none; width: 100%; display: block; background: white; }
  ul.dropdown ul li a:hover, ul.dropdown ul li a:hover {color: #7F0055; border-right: none; width: 100%; display: block; background: rgba(212, 212, 212, 0.9); }
  /*   	LEVEL THREE   */
  ul.dropdown ul ul { width: 186px; left: 199px; top: -10px; margin-top: 7px !important; margin-left: 0px !important; }
  ul.dropdown ul ul li a {padding: 6px 0px 6px 6px !important; }
  ul.dropdown li:hover > ul {visibility: visible;}
  .lastmenue { left: -186px !important; }
  .navbar-toggle {display: none;}
}

@media (max-width: 1400px) { #hauptmenue { background: white; }  }
@media (min-width: 1401px) { #hauptmenue { background: url(../designpics/bg_mnu_links.png) left no-repeat, url(../designpics/bg_mnu_rechts.png) right no-repeat, white; } }