/*Belndet Untermenüs von Archiv aus*/
#dssubmenus_517233{
  display:none;
}


/*  Blended Service Menue Desktop aus */
@media (min-width: 768px){
#dsmenucontainer {
  /*font-family: 'din_otmedium';*/
  width: 100%;
  float: left; 
  z-index: 2000;
  margin-bottom:0;
  height:80px;
}


#dsmenucontainer {
  top:0;
  left:0;
}   
  

  
a.brand {
 background:none;
 position:fixed;
 top:85px;
 z-index:11000;
 right:32px;
 color:#fff!important;  
 text-decoration:none;
 font-size:1.2em;
 font-weight:bold;
 text-transform:uppercase;
}


.navbar .btn-navbar.collapsed + a.brand {
  color:#144294;
}

.navbar .btn-navbar + a.brand {
  color:#dee7f1;
}

.navbar .btn-navbar {
	float: left;
  width:120px;
	height:120px;
  padding:1em 10px 1em 40px;
  margin:0 0 0 -85px;
  color: #fff;
  background:#0051A6;
  border:none;
  border-left:0px solid #DFDFDF;
  border-right:0px solid #DFDFDF;
  right:0%;
  top:0;
  position:absolute;
  z-index:10000;
  position:fixed;
  border-radius:0px
}


.navbar .btn-navbar.collapsed {
	float: left;
  width:120px;
	height:120px;
  padding:1em 10px 1em 40px;
  margin:0 0 0 -85px;
  color: #fff;
  background:#0051A6;
  border:none;
  border-left:0px solid #DFDFDF;
  border-right:0px solid #DFDFDF;
  right:0%;
  top:0;
  position:absolute;
  z-index:10000;
  position:fixed;
  border-radius:0px
}  
  
 
  
  
.navbar .btn-navbar .icon-bar {
  display: block;
  width: 100%;
  height: 7px;
  background-color:#fff!important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
}  
  



.navbar .btn-navbar.collapsed  .icon-bar:nth-child(1) {
-moz-transform: rotate(0deg) translate(0px, 0px);
-webkit-transform: rotate(0deg) translate(0px, 0px);
-o-transform: rotate(0deg) translate(1px, 0px);
-ms-transform: rotate(0deg) translate(0px, 0px);
transform: rotate(0deg) translate(0px, 0px);
	transition-duration: 0.5s;
  
}	
	
.navbar .btn-navbar.collapsed  .icon-bar:nth-child(2) {
-moz-transform: rotate(0deg) translate(0px, 0px);
-webkit-transform: rotate(0deg) translate(0px, 0px);
-o-transform: rotate(0deg) translate(0px, 0px);
-ms-transform: rotate(0deg) translate(0px, 0px);
transform: rotate(0deg) translate(0px, 0px);
	transition-duration: 0.5s;
}		
	
	
.navbar .btn-navbar.collapsed .icon-bar:nth-child(3) {
  display: block;
  width: 47px;
  height: 3px;
  margin-bottom:7px;
  background-color: #006085;
  background-color:#fff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
 border-radius: 1px;
  -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
	transition-duration: 0.5s;
}

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 36px;
  height: 3px;
  margin-bottom:7px;
	background-color: #fff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
	transition-duration: 0.5s;
}

.navbar .btn-navbar .icon-bar:nth-child(1) {
-moz-transform: rotate(45deg) translate(10px, 0px);
-webkit-transform: rotate(45deg) translate(10px, 0px);
-o-transform: rotate(45deg) translate(10px, 0px);
-ms-transform: rotate(45deg) translate(10px, 0px);
transform: rotate(45deg) translate(5px, 7px);
	width:47px;
	transition-duration: 0.5s;

	
}	
	
.navbar .btn-navbar .icon-bar:nth-child(2) {
-moz-transform: rotate(-45deg) translate(8px, 0px);
-webkit-transform: rotate(-45deg) translate(8px, 0px);
-o-transform: rotate(-45deg) translate(8px, 0px);
-ms-transform: rotate(-45deg) translate(8px, 0px);
transform: rotate(-45deg) translate(0px, -2px);
	width:47px;
	transition-duration:0.5s;
}		
	
.navbar .btn-navbar .icon-bar:nth-child(3) {
width:0;

	transition-duration: 0.5s;
}
		

		
  
  
  
  
  #mainnavicontainer #digitales_hessen {
    background: none;
    width: 30%;
    height: 69px;
    float: left;
    padding: 1em 0 0 1em;
    margin: 0 1% 0 1%;
    font-family: 'Avenir_next_LT_bold', sans-serif;
}
  
  
.collapse {
  position: relative;
  position:absolute;
  right:0;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
  width:40%;
}

.collapse.in {
  height: auto;
}  
  
  
#dsmenus {
  background-color:#0051A6;
  width:100%;
  height:auto;
  position:relative;
  z-index:4!important;
  left:0%;
  top:108px;
  padding:1em 1em 8em 2em;
  margin-bottom:8em;
  text-align:left;
  color:#fff;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#35abdd+0,2782c1+100 */
  font-size:90%;
  line-height:125%;
  border-left:2px solid #135DAC;
  border-bottom:10px solid #135DAC;
  }

#dsmenus:after{
  content:"BFEH";
  
  width:100px;
  height:100px;
  height:auto;
  position:absolute;
  z-index:4!important;
  right:8%;
  top:350px;
  padding:0 0 0 0;
  text-align:left;
  color:rgba(255,255,255,0.075);
  font-size:15em;
  font-weight:600;
  line-height:125%;
   transform:rotate(270deg);
   -ms-transform:rotate(270deg);
   -webkit-transform:rotate(270deg);
  display:block;
  } 
  
  
li.dsmenu_active,li.dsmenu_inactive {
  width:100%;
  font-size:1.5em;
  letter-spacing:-0.025em;
  font-weight:normal;
  margin:auto;
  padding:0 0 0 0;
  list-style-type:none;
  }


  

li.dsmenu_firstchild_active, li.dsmenu_firstchild_inactive {
  

  }

li.dsmenu_active:hover,
li.dsmenu_inactive:hover
  {

  }

  


a.dsmenu_active:link, a.dsmenu_active:visited {
  font-family: 'Avenir_next_LT_bold', sans-serif;
  color:#fff;
  text-decoration:underline;
  text-transform:uppercase;
  background:none;
  width:85%;
  display:block;
  padding:15px 2.5% 15px 0;
  /*background-image:url(/img/pfeill_menu_weiss_unten.png);
  background-repeat:no-repeat;
  background-position:right 16px;
  background-size:20px;*/
  }




a.dsmenu_inactive:link, a.dsmenu_inactive:visited {
  font-family: 'Avenir_next_LT_bold', sans-serif;
  color:#fff;
  text-decoration:none; 
  text-transform:uppercase;
  background:none;
  width:85%;
  display:block;
  padding:15px 2.5% 15px 0;
  /*! background-image:url(/img/mehr_lesen.png); */
  /*! background-repeat:no-repeat; */
  /*! background-position:right 16px; */
  /*! background-size:20px; */
}



a.dsmenu_active:hover, a.dsmenu_inactive:hover{
  text-decoration:underline;
  }
  
  
  .dsmenu_firstchild_active a.dsmenu_active:link,
  .dsmenu_firstchild_active a.dsmenu_active:visited,
  .dsmenu_firstchild_inactive a.dsmenu_inactive:link,
  .dsmenu_firstchild_inactive a.dsmenu_inactive:visited {
   
  }


  .dssubmenus {
   background:none;
   margin:0 0 0 0;
   padding:0 0 20px 0;
   }

 

  li.dssubmenu_inactive, 
  li.dssubmenu_active  {
  width:100%;
  font-size:0.9em;
  font-weight:normal;  
  margin:auto;
  padding:0 0 0 0;
  list-style-type:none;
  
  }


  a.dssubmenu_inactive {
  color:#fff;
  text-decoration:none; 
  background:none;
  width:90%;
  display:block;
  padding:5px 0 5px 5%;
  font-weight:normal  
  }

a.dssubmenu_active,
a.dssubmenu_inactive:hover{
    color:#fff;
  text-decoration:underline; 
  background:none;
  width:90%;
  display:block;
  padding:5px 0 5px 5%;
  font-weight:normal
}




.dssubmenus_2  a.dssubmenu_inactive {
  color:#fff;
  text-decoration:none; 
  background:none;
  width:90%;
  display:block;
  padding:5px 0 5px 10%;
  font-weight:normal;
	letter-spacing:-0.05em;
  font-size:1.1em;
  }

.dssubmenus_2 a.dssubmenu_active,
.dssubmenus_2 a.dssubmenu_inactive:hover{
    color:#fff;
  text-decoration:underline; 
  background:none;
  width:90%;
  display:block;
  padding:5px 0 5px 10%;
  font-weight:normal;
	letter-spacing:-0.05em;
  font-size:1.1em;
}


#dsmenus li li a:hover,
#dsmenus li li:hover a {
  
}

a.dssubmenu_inactive:active, a.dssubmenu_inactive:hover {
  
}
 
  
}






@media only screen and (max-width: 1200px) {

#dsmenucontainer {
  /*font-family: 'din_otmedium';*/
  width: 100%;
  float: left; 
  z-index: 2000;
  margin-bottom:0;
  height:80px;
}

#dsmenucontainer {
  top:0;
  left:0;
}   
  

 a.brand {
 background:none;
 position:fixed;
 top:68px;
 z-index:11000;
 right:30px;
 color:#fff!important;  
 text-decoration:none;
 font-size:1.1em;
 font-weight:bold;
 text-transform:uppercase;
}

.navbar .btn-navbar.collapsed + a.brand {
  color:#144294;
}

.navbar .btn-navbar + a.brand {
  color:#dee7f1;
}

.navbar .btn-navbar {
	float: left;
  width:100px;
	height:100px;
  padding:1em 10px 1em 26px;
  margin:0 0 0 -85px;
  color: #fff;
  background:#0051A6;
  border:none;
  border-left:0px solid #DFDFDF;
  border-right:0px solid #DFDFDF;
  right:0%;
  top:0;
  position:absolute;
  z-index:10000;
  position:fixed;
  border-radius:0px
}


.navbar .btn-navbar.collapsed {
	float: left;
  width:100px;
	height:100px;
  padding:1em 10px 1em 26px;
  margin:0 0 0 -85px;
  color: #fff;
  background:#0051A6;
  border:none;
  border-left:0px solid #DFDFDF;
  border-right:0px solid #DFDFDF;
  right:0%;
  top:0;
  position:absolute;
  z-index:10000;
  position:fixed;
  border-radius:0px
}  
  
 
  
  
.navbar .btn-navbar .icon-bar {
  display: block;
  width: 100%;
  height: 7px;
  background-color:#fff!important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
}  
  



.navbar .btn-navbar.collapsed  .icon-bar:nth-child(1) {
-moz-transform: rotate(0deg) translate(0px, 0px);
-webkit-transform: rotate(0deg) translate(0px, 0px);
-o-transform: rotate(0deg) translate(1px, 0px);
-ms-transform: rotate(0deg) translate(0px, 0px);
transform: rotate(0deg) translate(0px, 0px);
	transition-duration: 0.5s;
  
}	
	
.navbar .btn-navbar.collapsed  .icon-bar:nth-child(2) {
-moz-transform: rotate(0deg) translate(0px, 0px);
-webkit-transform: rotate(0deg) translate(0px, 0px);
-o-transform: rotate(0deg) translate(0px, 0px);
-ms-transform: rotate(0deg) translate(0px, 0px);
transform: rotate(0deg) translate(0px, 0px);
	transition-duration: 0.5s;
}		
	
	
.navbar .btn-navbar.collapsed .icon-bar:nth-child(3) {
  display: block;
  width: 47px;
  height: 3px;
  margin-bottom:7px;
  background-color: #006085;
  background-color:#fff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
 border-radius: 1px;
  -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
	transition-duration: 0.5s;
}

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 36px;
  height: 3px;
  margin-bottom:7px;
	background-color: #fff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
	transition-duration: 0.5s;
}

.navbar .btn-navbar .icon-bar:nth-child(1) {
-moz-transform: rotate(45deg) translate(10px, 0px);
-webkit-transform: rotate(45deg) translate(10px, 0px);
-o-transform: rotate(45deg) translate(10px, 0px);
-ms-transform: rotate(45deg) translate(10px, 0px);
transform: rotate(45deg) translate(5px, 7px);
	width:47px;
	transition-duration: 0.5s;

	
}	
	
.navbar .btn-navbar .icon-bar:nth-child(2) {
-moz-transform: rotate(-45deg) translate(8px, 0px);
-webkit-transform: rotate(-45deg) translate(8px, 0px);
-o-transform: rotate(-45deg) translate(8px, 0px);
-ms-transform: rotate(-45deg) translate(8px, 0px);
transform: rotate(-45deg) translate(0px, -2px);
	width:47px;
	transition-duration:0.5s;
}		
	
.navbar .btn-navbar .icon-bar:nth-child(3) {
width:0;

	transition-duration: 0.5s;
}
		

		
  
  
  
  
  #mainnavicontainer #digitales_hessen {
    background: none;
    width: 30%;
    height: 69px;
    float: left;
    padding: 1em 0 0 1em;
    margin: 0 1% 0 1%;
    font-family: 'Avenir_next_LT_bold', sans-serif;
}
  
  
.collapse {
  position: relative;
  position:absolute;
  right:0;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
  width:100%;
}

.collapse.in {
  height: auto;
}  
    
#dsmenus {
  background-color:#0051A6;
  width:100%;
  height:auto;
  position:relative;
  z-index:4!important;
  left:0%;
  top:88px;
  padding:1em 1em 8em 2em;
  text-align:left;
  color:#fff;
    font-size:90%;
}


li.dsmenu_active,li.dsmenu_inactive {
  width:100%;
  font-size:1.5em;
  letter-spacing:-0.025em;
  font-weight:normal;
  margin:auto;
  padding:0 0 0 0;
  list-style-type:none;
  }


  

li.dsmenu_firstchild_active, li.dsmenu_firstchild_inactive {
  

  }

li.dsmenu_active:hover,
li.dsmenu_inactive:hover
  {

  }

  


a.dsmenu_active:link, a.dsmenu_active:visited {
  font-family: 'Avenir_next_LT_bold', sans-serif;
  line-height:1.25em;
  color:#fff;
  text-decoration:underline;
  text-transform:uppercase;
  background:none;
  width:85%;
  display:block;
  padding:15px 2.5% 15px 0;
  /*background-image:url(/img/pfeill_menu_weiss_unten.png);
  background-repeat:no-repeat;
  background-position:right 16px;
  background-size:20px;*/
  }




a.dsmenu_inactive:link, a.dsmenu_inactive:visited {
  font-family: 'Avenir_next_LT_bold', sans-serif;
  line-height:1.25em;
  color:#fff;
  text-decoration:none; 
  text-transform:uppercase;
  background:none;
  width:85%;
  display:block;
  padding:15px 2.5% 15px 0;
  /*background-image:url(/img/mehr_lesen.png);
  background-repeat:no-repeat;
  background-position:right 16px;
  background-size:20px;*/
}



a.dsmenu_active:hover, a.dsmenu_inactive:hover{
  text-decoration:underline;
  }
  
  
  .dsmenu_firstchild_active a.dsmenu_active:link,
  .dsmenu_firstchild_active a.dsmenu_active:visited,
  .dsmenu_firstchild_inactive a.dsmenu_inactive:link,
  .dsmenu_firstchild_inactive a.dsmenu_inactive:visited {
   
  }


  .dssubmenus {
   background:none;
   margin:0 0 0 0;
   padding:0 0 20px 0;
   }

 

  li.dssubmenu_inactive, 
  li.dssubmenu_active  {
  width:100%;
  font-size:0.9em;
  font-weight:normal;  
  margin:auto;
  padding:0 0 0 0;
  list-style-type:none;
  
  }


  a.dssubmenu_inactive {
  color:#fff;
  text-decoration:none; 
  background:none;
  width:90%;
  display:block;
  padding:5px 0 5px 5%;
  font-weight:normal  
  }

a.dssubmenu_active,
a.dssubmenu_inactive:hover{
    color:#fff;
  text-decoration:underline; 
  background:none;
  width:90%;
  display:block;
  padding:5px 0 5px 5%;
  font-weight:normal
}




.dssubmenus_2  a.dssubmenu_inactive {
  color:#fff;
  text-decoration:none; 
  background:none;
  width:90%;
  display:block;
  padding:5px 0 5px 10%;
  font-weight:normal;
	letter-spacing:-0.05em;
  font-size:1.1em;
  }

.dssubmenus_2 a.dssubmenu_active,
.dssubmenus_2 a.dssubmenu_inactive:hover{
    color:#fff;
  text-decoration:underline; 
  background:none;
  width:90%;
  display:block;
  padding:5px 0 5px 10%;
  font-weight:normal;
	letter-spacing:-0.05em;
  font-size:1.1em;
}


#dsmenus li li a:hover,
#dsmenus li li:hover a {
  
}

a.dssubmenu_inactive:active, a.dssubmenu_inactive:hover {
  
}
  
  
}

/**********************************     res Smartphone querformat         ************************************/
@media (max-width: 767px) {

 
  
}


@media (max-width: 640px) {
.navbar .btn-navbar {
	float: left;
  width:80px;
	height:80px;
  padding:1em 10px 1em 17px;
  margin:0 0 0 -85px;
  color: #fff;
  background:#0051A6;
  border:none;
  border-left:0px solid #DFDFDF;
  border-right:0px solid #DFDFDF;
  right:0%;
  top:0;
  position:absolute;
  z-index:10000;
  position:fixed;
  border-radius:0px
}


.navbar .btn-navbar.collapsed {
	float: left;
  width:80px;
	height:80px;
  padding:1em 10px 1em 16px;
  margin:0 0 0 -85px;
  color: #fff;
  background:#0051A6;
  border:none;
  border-left:0px solid #DFDFDF;
  border-right:0px solid #DFDFDF;
  right:0%;
  top:0;
  position:absolute;
  z-index:10000;
  position:fixed;
  border-radius:0px
}  
    
a.brand {
 background:none;
 position:fixed;
 top:57px;
 z-index:11000;
 right:26px;
 color:#fff!important;  
 text-decoration:none;
 font-size:0.8em;
 font-weight:bold;
 text-transform:uppercase;
}
  
  
.collapse {
  position: relative;
  position:absolute;
  right:0;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
  width:100%;
}


.collapse.in {
  height: auto;
}  
    
#dsmenus {
  background-color:#0051A6;
  width:100%;
  height:auto;
  position:relative;
  z-index:4!important;
  left:0%;
  top:68px;
  padding:1em 1em 8em 2em;
  text-align:left;
  color:#fff;
  font-size:90%;
}


}

/**********************************       res  smartphone hochformat      *************************************/
@media (max-width: 480px) {

  
.navbar .btn-navbar {
	float: left;
  width:80px;
	height:80px;
  padding:1em 10px 1em 17px;
  margin:0 0 0 -85px;
  color: #fff;
  background:#0051A6;
  border:none;
  border-left:0px solid #DFDFDF;
  border-right:0px solid #DFDFDF;
  right:0%;
  top:0;
  position:absolute;
  z-index:10000;
  position:fixed;
  border-radius:0px
}


.navbar .btn-navbar.collapsed {
	float: left;
  width:80px;
	height:80px;
  padding:1em 10px 1em 16px;
  margin:0 0 0 -85px;
  color: #fff;
  background:#0051A6;
  border:none;
  border-left:0px solid #DFDFDF;
  border-right:0px solid #DFDFDF;
  right:0%;
  top:0;
  position:absolute;
  z-index:10000;
  position:fixed;
  border-radius:0px
}  
    
a.brand {
 background:none;
 position:fixed;
 top:57px;
 z-index:11000;
 right:26px;
 color:#fff!important;  
 text-decoration:none;
 font-size:0.8em;
 font-weight:bold;
 text-transform:uppercase;
}
  
  
.collapse {
  position: relative;
  position:absolute;
  right:0;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
  width:100%;
}


.collapse.in {
  height: auto;
}  
    
#dsmenus {
  background-color:#0051A6;
  width:100%;
  height:auto;
  position:relative;
  z-index:4!important;
  left:0%;
  top:68px;
  padding:1em 1em 8em 1em;
  text-align:left;
  color:#fff;
  font-size:80%;
  line-height:110%;
}
  
}


/*************************************    res  smartphone hochformat       ************************************/
@media (max-width: 360px) {

.collapse {
  position: relative;
  position:absolute;
  right:0;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
  width:100%;
} 
 
  
}


/***************************************     res  iPhone hochformat        ************************************/
@media (max-width: 320px) {

  
 
  
}