@media (min-width: 320px) and (max-width: 480px) {
/* responsive menu */
/*
.logoContainer, .hauptNavigation, .hnSuche, .hnAnmeldung, .hnLang {
  float: right;
}
*/
.hauptNavigation {
  z-index: 100;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
}
.sf-accordion-toggle #superfish-main-toggle span {
	font-size: 0;
	height:0;
}
.sf-accordion-toggle #superfish-main-toggle:before {
   font-family: "Ionicons";
   content:"\f32a";
   font-size: 48px;
   margin-left: 20px;
}
.sf-accordion-toggle #superfish-main-toggle.sf-expanded:before {
   content:"\f2c0";
}
ul.sf-menu.sf-accordion.sf-expanded
/*ul.sf-menu.sf-accordion li.sf-expanded > ul */{
  /*background-color: #005795;*/
  /*margin-top: 30px;*/
  margin-top: -7px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.56);
  width: 320px;
}
ul.sf-menu.sf-accordion li.sf-expanded > ul,
ul.sf-menu.sf-accordion.sf-expanded li.sf-expanded {
  /*background-color: #004372;*/
}
/*ul.sf-menu.sf-accordion, 
ul.sf-menu.sf-accordion ul,*/
ul.sf-menu.sf-accordion li {
  border-top: 1px solid #2e6791;
  padding: 13px 0 13px 30px;
  max-width: 290px;
  background-color: #005795;
}
ul.sf-menu.sf-accordion li.active-trail,
ul.sf-menu.sf-accordion li.sf-expanded > ul {
  /*background-color: #004372;*/
}
ul.sf-menu.sf-accordion li.sf-expanded > ul {
  width: auto;
  padding-bottom: 0;
}
ul.sf-menu.sf-accordion li.sf-expanded > ul li:before {
  content: '>';
  /*color: #2e6791;*/
}
ul.sf-menu.sf-accordion li.sf-expanded > ul li {
  padding-left: 10px;
  border: none;
}
ul.sf-menu.sf-accordion li.sf-expanded > ul li:last-child {
  padding-bottom: 0;
}
ul.sf-menu.sf-accordion li.sf-expanded > ul li a {
  /*color: #24537e;*/
  /*color: #448abb;*/
  /*color: #1DAEEC;*/
}
ul.sf-menu.sf-accordion li.sf-expanded > ul li a.is-active {
  color: #2e6891;
}
ul.sf-menu a, ul.sf-menu span.nolink {
  display: inline-block;
}
li#undefined-accordion {
  display: none;
}
ul.sf-menu.sf-accordion li.sidelink-mobile {
  background-color: #ffffff;
  padding-right: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
ul.sf-menu.sf-accordion li.sidelink-mobile:last-child {
  border-bottom: 1px solid #2e6791;
}
li.sidelink-mobile img {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
}
li.sidelink-mobile a {
    color: #005795;
    vertical-align: middle;
    text-transform: capitalize;
    padding-left: 0;
}
ul.sf-menu.sf-accordion li.sidelink-noimg-mobile {
  background-color: #ffffff;
}
li.sidelink-noimg-mobile a {
    text-transform: capitalize;
	color: #005795;
}
ul.sf-menu.sf-accordion li.topnav-parent-mobile {
    padding-top: 5px;
	padding-bottom: 5px;
	background-color: #004372;
}
li.topnav-parent-mobile .hn-anmeldung-txt {
    text-transform: capitalize;
    padding-right: 10px;
}
li.topnav-parent-mobile .hn-anmeldung {
    vertical-align: middle;
	font-size: 20px;
}
.topnav-parent-mobile .sprache {
    font-size: 14px;
	float: right;
	padding-right: 30px;
}
.topnav-parent-mobile .logged-in-user {
    text-transform: capitalize;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.topnav-parent-mobile .custom-user-nav {
    text-transform: capitalize;
    padding-top: 8px;
    padding-bottom: 8px;
}

.logged-in-user a, .topnav-parent-mobile .sprache a {
    color: #1daeec;
	font-size: 14px;
	text-transform: capitalize;
}
.topnav-parent-mobile .sprache a.hn-passive {
    color: #ffffff;
}
.hnAnmeldung, .hnLang,
.upperHeaderWrapper {
    display: none;
}
/*end of responsive menu */

}
@media (min-width: 481px) and (max-width: 1024px) {
/* responsive menu */
/*
.logoContainer, .hauptNavigation, .hnSuche, .hnAnmeldung, .hnLang {
  float: right;
}
*/
.hauptNavigation {
  z-index: 100;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
}
.sf-accordion-toggle #superfish-main-toggle span {
	font-size: 0;
	height:0;
}
.sf-accordion-toggle #superfish-main-toggle:before {
   font-family: "Ionicons";
   content:"\f32a";
   font-size: 48px;
   margin-left: 20px;
}
.sf-accordion-toggle #superfish-main-toggle.sf-expanded:before {
   content:"\f2c0";
}
ul.sf-menu.sf-accordion.sf-expanded
/*ul.sf-menu.sf-accordion li.sf-expanded > ul */{
  /*background-color: #005795;*/
  /*margin-top: 30px;*/
  margin-top: -7px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.56);
  width: 320px;
}
ul.sf-menu.sf-accordion li.sf-expanded > ul,
ul.sf-menu.sf-accordion.sf-expanded li.sf-expanded {
  /*background-color: #004372;*/
}
/*ul.sf-menu.sf-accordion, 
ul.sf-menu.sf-accordion ul,*/
ul.sf-menu.sf-accordion li {
  border-top: 1px solid #2e6791;
  padding: 13px 0 13px 30px;
  max-width: 290px;
  background-color: #005795;
}
ul.sf-menu.sf-accordion li.active-trail,
ul.sf-menu.sf-accordion li.sf-expanded > ul {
  /*background-color: #004372;*/
}
ul.sf-menu.sf-accordion li.sf-expanded > ul {
  width: auto;
  padding-bottom: 0;
}
ul.sf-menu.sf-accordion li.sf-expanded > ul li:before {
  content: '>';
  /*color: #2e6791;*/
}
ul.sf-menu.sf-accordion li.sf-expanded > ul li {
  padding-left: 10px;
  border: none;
}
ul.sf-menu.sf-accordion li.sf-expanded > ul li:last-child {
  padding-bottom: 0;
}
ul.sf-menu.sf-accordion li.sf-expanded > ul li a {
  /*color: #24537e;*/
  /*color: #448abb;*/
  /*color: #1DAEEC;*/
}
ul.sf-menu.sf-accordion li.sf-expanded > ul li a.is-active {
  color: #2e6891;
}
ul.sf-menu a, ul.sf-menu span.nolink {
  display: inline-block;
}
li#undefined-accordion {
  display: none;
}
ul.sf-menu.sf-accordion li.sidelink-mobile {
  background-color: #ffffff;
  padding-right: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
ul.sf-menu.sf-accordion li.sidelink-mobile:last-child {
  border-bottom: 1px solid #2e6791;
}
li.sidelink-mobile img {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
}
li.sidelink-mobile a {
    color: #005795;
    vertical-align: middle;
    text-transform: capitalize;
    padding-left: 0;
}
ul.sf-menu.sf-accordion li.topnav-parent-mobile {
    padding-top: 5px;
	padding-bottom: 5px;
	background-color: #004372;
}
li.topnav-parent-mobile .hn-anmeldung-txt {
    text-transform: capitalize;
    padding-right: 10px;
}
li.topnav-parent-mobile .hn-anmeldung {
    vertical-align: middle;
	font-size: 20px;
}
.topnav-parent-mobile .sprache {
    font-size: 14px;
	float: right;
	padding-right: 30px;
}
.topnav-parent-mobile .logged-in-user {
    text-transform: capitalize;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.topnav-parent-mobile .custom-user-nav {
    text-transform: capitalize;
    padding-top: 8px;
    padding-bottom: 8px;
}

.logged-in-user a, .topnav-parent-mobile .sprache a {
    color: #1daeec;
	font-size: 14px;
	text-transform: capitalize;
}
.topnav-parent-mobile .sprache a.hn-passive {
    color: #ffffff;
}
.hnAnmeldung, .hnLang,
.upperHeaderWrapper {
    display: none;
}
/*end of responsive menu */

}
@media (min-width: 1025px) and (max-width: 1160px) {
  .hauptNavigation {
    z-index: 100;
    bottom: 0;
    right: 0;
    margin: 0;
}
}

@media (min-width: 768px)  {
	/*#block-dkmlight-page-title div.js-quickedit-page-title,*/
	/*
	#block-dkmlight-page-title div.multistep {
	  min-height: 160px;
	  float: left;
	  margin: 10px 20px 0 0;
	}
	#block-dkmlight-page-title div.multistep:before {
	  width: 60px;
	  height: 50px;
	  font-family: "Ionicons";
	  content: "\f2b9";
	  font-size: 60px;
		line-height: 0.83;
	  letter-spacing: 2.3px;
	  color: #549bc7;
	  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.32);
	}

    
	#block-dkmlight-page-title div.messeprofil,
	#block-dkmlight-page-title div.preise---anmeldung-2017,
	#block-dkmlight-page-title div.rahmenprogramm---überblick,
	#block-dkmlight-page-title div.meine-favoriten,
	#block-dkmlight-page-title div.hallenpläne{
	  min-height: 80px;
	  float: left;
	  margin: 10px 20px 0 0;
	}
	#block-dkmlight-page-title div.meine-favoriten,
	#block-dkmlight-page-title div.hallenpläne {
      margin-top: 0;
	}
	#block-dkmlight-page-title div.messeprofil:before,
	#block-dkmlight-page-title div.preise---anmeldung-2017:before,
	#block-dkmlight-page-title div.rahmenprogramm---überblick:before,
	#block-dkmlight-page-title div.meine-favoriten:before,
	#block-dkmlight-page-title div.hallenpläne:before {
	  width: 60px;
	  height: 50px;
	  font-family: "Ionicons";
	  content: "\f275";
	  font-size: 60px;
	  line-height: 0.83;
	  letter-spacing: 2.3px;
	  color: #549bc7;
	  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.32);
	}
	#block-dkmlight-page-title div.preise---anmeldung-2017:before {
	  content: "\f31a";
	}
	#block-dkmlight-page-title div.rahmenprogramm---überblick:before {
	  content: "\f35b";
	}
	#block-dkmlight-page-title div.meine-favoriten:before {
      content: "\f384";
	}
	#block-dkmlight-page-title div.hallenpläne:before {
      content: "\f34a";
	}
	#block-dkmlight-page-title div.aussteller-faq---häufig-gestellte-fragen {
	  min-height: 80px;
	  float: left;
	  margin: 10px 20px 0 0;
	}
	#block-dkmlight-page-title div.aussteller-faq---häufig-gestellte-fragen:before,
	.Icon {
	  width: 60px;
	  height: 50px;
	  font-family: "Ionicons";
	  content: "\f2b6";
	  font-size: 60px;
	  line-height: 0.83;
	  letter-spacing: 2.3px;
	  color: #549bc7;
	  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.32);
	}
	#block-dkmlight-page-title div.kontakt,
	#block-dkmlight-page-title div.ausstellerverzeichnis,
	#block-dkmlight-page-title div.standaktionen,
	#block-dkmlight-page-title div.dkm-streaming-days,
	#block-dkmlight-page-title div.programm-dkm-streaming-days {
	  margin: 5px 30px 0 0;
	  float: left;
	}
	#block-dkmlight-page-title div.ausstellerverzeichnis-2018 {
       margin: 5px 30px 0 0;
       float: left;
	}
	#block-dkmlight-page-title div.standaktionen {
	  margin: 0px 26px 0 0;
	  margin: 12px 26px 0 0;
	}
	#block-dkmlight-page-title div.dkm-streaming-days,
	#block-dkmlight-page-title div.programm-dkm-streaming-days {
      margin: 30px 26px 0 0;
	}
	*/
	#block-dkmlight-page-title div.zeitplan {
	  margin: 20px 26px 0 0;
	  float: left;
	}
	#block-dkmlight-page-title div.sichern-sie-sich-ihr-dkm-ticket {
	  margin: 26px 26px 0 0;
	  float: left;
	}
	/*
	#block-dkmlight-page-title div.kontakt:before {
	  content: url(../gfx/contact-phone.svg);
	}
	#block-dkmlight-page-title div.ausstellerverzeichnis:before,
	#block-dkmlight-page-title div.ausstellerverzeichnis-2018:before {
	  content: url(../gfx/aussteller-list-numbered.svg);
	}
	#block-dkmlight-page-title div.standaktionen:before {
	  content: url(../gfx/icn-standaktion.svg);
	}
	#block-dkmlight-page-title div.dkm-streaming-days:before,
	#block-dkmlight-page-title div.programm-dkm-streaming-days:before {
	  content: url(../gfx/dkm-sd-icon.svg);
	}
	*/
	#block-dkmlight-page-title div.zeitplan:before {
	  content: url(../gfx/time-icon.svg);
	}
	#block-dkmlight-page-title div.sichern-sie-sich-ihr-dkm-ticket:before {
	  content: url(../gfx/ticket-icon.svg);
	}
	
	
}