.mod_navigation a, .mod_customnav a {
	text-decoration:none;
}

.mainnav {
  display: inline-block;
  flex-flow: column;
  float: right;
  position: relative;
}

.mainnav a{
  color:inherit;
}

.mainnav > ul {
  float:right;
  display:flex;
  justify-content: flex-end;
  gap: 1.5rem;;
  position: relative;
  z-index:20;
 
 
}

.mainnav  .level_1 > li {
	display:block;
	position:relative;
	padding: 0.25rem 0.25rem 0.625rem 0.25rem;
}


/*
.mainnav .level_2, .mainnav .level_3 {
  display:none;
}
*/
.mainnav {
  overflow:visible;
}

/*.active > .level_2, .active > .level_3 {
  display: block;
  position: absolute;
  z-index: 200;
  width: 22em;
  right: 0;
  background-color: var(--color-primary-light);
  padding: 0.75rem;
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  padding-top: 1.25rem;
  padding-bottom: 1.5rem;
}
*/

.mainnav .level_1 > li{
  font-weight:600;
}

.mainnav .level_2 li{
  font-weight:400;
}

.mainnav .level_2 {
   padding:1.5rem 0.75rem 1.25rem 0.75rem;
   
}

.mainnav .level_2 li {
   padding:0.75rem 0.75rem 0.875rem 0.75rem;
}

.mainnav ul li.back {
  font-size:0.9em;
  font-weight:400;
}

.mainnav li.back a:before, .mobilenav .back-button:before{
	font-family: Icons;
	content:"\e802";
	color: var(--color-primary);
	font-size: 1.25rem;
	margin-right:0.3rem;
	vertical-align: middle;
}

.mainnav ul li.back:hover {
  background-color:transparent;
  color:var(--color-primary);
}




/*.mainnav > li.active > .level_2, .mainnav li.active > level_3 {
  display:block;
}*/

.mainnav ul li a, .mainnav ul li strong, #quicklinks button{
font-family: 'Inter';
font-style: normal;
font-size: 1em;
text-align: center;
display:inline-block;
color:inherit;
cursor:pointer;
border-radius: 4px;
}

.mainnav .level_3 strong{
  cursor: initial;
}

.mainnav ul .level_2 li a, .mainnav ul .level_2 li strong{
  text-align:left;
  display: block;
}

.mainnav ul li.submenu > a:after, #quicklinks button:after {
  font-family: Icons;
  padding: 0;
  content: "\e80B";

  line-height: 1em;
  text-align: center;
  font-size: 1.25rem;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    display:inline-block;
  vertical-align: middle;
  bottom: 1px;
  position: relative;
}
.mainnav .level_2 li.submenu > a:after{
  --tw-rotate: -90deg;

}
 
.mainnav .level_1 > .submenu:has('.open'):after, #quicklinks button[aria-expanded="true"]:after{
  --tw-rotate: 180deg;
  
}

/* begin Menu Animation*/
.mainnav .submenu > ul,
.mainnav .level_2,
.mainnav .level_3,
.mainnav .level_4{
  list-style: none;
  margin: 0;
  padding: 1.25rem 0.75rem 1.5rem 0.75rem;
  width: 23em;
  background-color: #fff;
  box-shadow: 0 8px 16px rgba(0,0,0,0.15);
  overflow: hidden;
  /*border: 1px solid #ddd;*/
  z-index: 999;

  /* Animation: horizontales Gleiten + Opacity */
  transform: translateX(-20px);
  opacity: 0;
  display: none;
  transition: transform 0.35s cubic-bezier(0.25,0.8,0.25,1),
              opacity 0.35s cubic-bezier(0.25,0.8,0.25,1);
  border-radius:4px;
}

.mainnav .submenu .level_2 {
  position: absolute;
  right:0;
  margin-top: 1.75em;
  
}

.mainnav .submenu > ul:not(.level_2){
  display:none;
    position: absolute;
  top:0;
  right: 0;
}

.mainnav .submenu > ul.open,
.mainnav .level_2.open,
.mainnav .level_3.open,
.mainnav .level_4.open,
.mainnav .submenu > ul.subopen,
.mainnav .level_2.subopen,
.mainnav .level_3.subopen,
.mainnav .level_4.subopen{
  display: block;
  -webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
overflow:visible;
}

.mainnav .submenu li {
  border-radius:4px;
}

.mainnav .submenu li:hover {
  background-color: var(--color-gray-lightest);
}
.mainnav .submenu li.fwd:hover {
  background-color: transparent;
}

.mainnav .open > li.active, .mainnav .open > li.trail, .mainnav .subopen > li.trail, .mainnav  li.active .open > .chapter-title {
  background-color: var(--color-secondary-one-7);
}

.mainnav .level_1 ul ul {
  min-height: 100%;
  box-sizing: border-box;
  overflow:visible;
}



@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1.25rem);
            transform: translateY(-1.25rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1.25rem);
            transform: translateY(-1.25rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

/* active Klasse steuert Anzeige */
.submenu ul.active,
.submenu ul.trail {
  display: block;
}
/*
.mainnav ul.level_2,
.mainnav ul.level_3 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
/*

/* end Menu animation*/

.navbar-top {
  border: none;
  margin-bottom: 0;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  float: right;
  gap: .625rem;
  padding-bottom:0.5rem;
} 


.mod_changelanguage{
  position: absolute;
  right: 0;
  z-index:100;
  overflow: visible;
}

.mod_changelanguage ul{
	display:flex;
	flex-flow:column;
	border-radius: 9999px;
	margin:0;
	display:flex;
	flex-flow:column;
 background-color:var(--color-primary-light);
}

.mod_changelanguage a[href^="http"]:after {
  content:"";
}

.mod_changelanguage ul[aria-expanded="true"]{
	--tw-shadow: 0px 4px 6px 4px #03213814;
    --tw-shadow-colored: 0px 4px 6px 4px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
	border-radius: 9999px;
}
.mod_changelanguage li:not(.active) {
	display:none;
}

.mod_changelanguage ul[aria-expanded="true"] li:not(.active) {
	display:flex;
}

 /*2025*/
.mod_changelanguage li{
  width:2.75em;
  font-weight:400;
  order:1;
  box-sizing:border-box;
  border:2px solid #fefefe;
  line-height: 1.15;
  border-radius: 50%;
  color: var(--color-primary);
  aspect-ratio: 1/1;
  display: flex;
  flex-flow: row;
  justify-content: center;
}

.mod_changelanguage li a {
  text-decoration:none;
}

.mod_changelanguage li:hover {
color: var(--color-primary);
}

.mod_changelanguage li.active {
  background-color:#fff;

 order:0;
}

.mod_changelanguage li a, .mod_changelanguage li strong {
	font-weight:400;
	padding:0.05em 0.3em;
	display:flex;
	align-self: center;
	font-size: 0.875em;
  line-height: 1.625rem;
  bottom:1px;
  align-content:center;
}

.mod_changelanguage li strong {
	order:0;
}

.mod_changelanguage li.active strong:after {
  font-family: Icons;
  padding: 0;
  content: "\e80B";
  font-weight: 400;
  /*line-height: 1em;*/
  text-align: center;
  font-size: 1.25rem;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  position: relative;
  bottom: 1px;
}
.mod_changelanguage li:hover, .mod_changelanguage li.active, .mod_changelanguage li:focus-within {
  /*display: block;*/
opacity:1;
}
.mod_changelanguage li.active:hover, .mod_changelanguage li.active:focus-within {
/*  display: block;*/
  border:2px solid var(--focus-color);
  color: var(--color-primary-light);
  background-color: var(--color-primary);
}
 


.navbar-top-mobile {
  height: 35px;
  background-color: #b1b1b1;
  border-bottom: 2px solid white;
  font-size:0.825em}
  
#quicklinks button:before {
bottom: .625rem;
  width: calc(100% - 1.25rem);
}
#quicklinks {
  position: relative;
  right: 2em;
  overflow: visible;
  height: 100%;
  padding:0.5rem 1.25rem 0.625rem 0.25rem;

}

#quicklinks .level_1 {
  position: absolute;
  right: 0;
  z-index: 200;
  width: 25em;
  background-color: var(--color-primary-light);
  transition-duration: .3s;
  --tw-shadow: 0px 3px 18px -6px #0321383d;
  --tw-shadow-colored: 0px 3px 18px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  padding: 0.75rem 0.75rem 0.25rem;
  line-height: 1.5;
} 
  #quicklinks li{
  margin-bottom: 1rem;
  font-size:0.875rem;

}

#quicklinks button {
  border:0;
  background-color: transparent;
  background-image: none;
  font-weight:400;
    font-size:0.875rem;
    line-height: 1.625rem;
}

 #quicklinks .level_1{
  display:none;
  top: 2.5em
 }

#quicklinks:has('#quicklinksToggle[area-expanded="true"]') .level_1{
  display:block;
  
 }
 

 
 
.mainnav ul li:before, #quicklinksToggle:before{
	content: " ";
	width: calc(100% - 0.5rem);
	height: 3px;
	background-color: var(--color-primary-30);
  opacity: 0;
  padding-bottom: 1px;
  padding-top: .125rem;
  position: absolute;
  bottom:0;

    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);

}
.mainnav ul li:before{
--tw-translate-y: -0.25rem;
}

.mainnav .level_1 > li:hover:before, #quicklinksToggle:hover:before, #quicklinks [area-expanded="true"]:before, .content-tabs button:hover span:before, .content-tabs button[aria-selected="true"] span:before{
  --tw-translate-y: 0px;
  opacity: 1;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
  
.mainnav .level_1 > li.trail:before, .mainnav .level_1 > li.active:before{
  --tw-translate-y: 0px;
  opacity: 1;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: var(--color-primary);
}

.tablist{
  position:relative;
}

.content-tabs {
  color: var(--color-typo);
  }
  
.tablist > button {
  background-color:transparent;
  margin-right: 2.25rem;
}

.tablist > button:last-child {
  margin-right:0;
}

.content-tabs button span {
  display:block;
  padding:0 0.25rem 0.25rem 0.25rem;
  position:relative;
}
.content-tabs button span:before{
	content: " ";
	width: calc(100% - 0.5rem);
	height: 3px;
	background-color: var(--color-primary-30);
  opacity: 0;
  padding-bottom: 1px;
  padding-top: .125rem;
  position: absolute;
  bottom:0;

    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);

}

.content-tabs button span:before {
  --tw-translate-y: -0.25rem;
}


#main .navboxes {
  padding-bottom: 20px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
gap:20px;
}

.boxnavi {
--tw-shadow: 0px 3px 18px -6px #0321383d;

  background: #005C99;
/* shadow-teaser 
box-shadow: 0px 8px 18px -6px rgba(3, 33, 56, 0.24);*/
border-radius: 4px;
padding: 10px 0px 0px;
box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
flex-basis:calc(33% - 20px*2/3);
display: flex;
flex-flow:row wrap;
justify-content: stretch;
}



.boxnavi .innerbox{
  background: #FFFFFF;
border: 1px solid #F2F4F5;
border-radius: 4px;
padding: 0px 30px 20px;
margin:0;
flex-basis: 100%;
border-top:0;
line-height: 2;
}

.boxnavi h2 {

  margin:0;
  border-radius: 4px 4px 0 0;
    background: #FFFFFF;
  border-bottom:0;  
  color:inherit;
  padding:20px 0;
  hyphens:auto;
}

#main .boxnavi a{
 color:var(--color-primary);
 text-decoration-line: underline;
  text-decoration-thickness: 4px;
  text-underline-offset: 5px;
  transition-duration: .15s;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  text-decoration-color: var(--color-primary-30);

}
.boxnavi a:hover{
 text-decoration-color: inherit;

}

.boxnavi .innerbox ul{
  display: flex;
  flex-flow: column;
}

.boxnavi .chapter-title {
  order: 2;
}

.boxnavi .chapter-title a::before {
  content: "Alle Daten zu ";
}

.boxnavi .innerbox ul li:nth-child(n+7){
  display:none;
}

.nav-ext-footer, .print_link {
	float:right;
		display:inline-block;

}


.nav-ext-footer ul li {
	display:inline-block;
	padding-right:1em;
	}
	
	.nav-ext-footer ul li a{
	  text-decoration:underline;
	}

.nav-ext-1 ul li a {
	display:inline-block;
	color: #0063a6;
font-size: 14pt;
font-weight: 400;
text-decoration:none;
text-indent: -0.6em;
padding-left: 2em;
}

.nav-ext-1 ul .first a::before{
	font-family:"icomoon";
    content:"\e62c";
    color:#a4a4a4;
     display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right:0.6em;
    font-size:0.8em;
    vertical-align:middle;
    margin-bottom: 0.3em;
}



nav ul > li > a:hover {
  

}

nav.nav-ext-1 ul > li > a:hover {
  background-color: transparent;
  text-decoration:underline;
  color:#000;
}





.mod_breadcrumb {
	margin-top:1.5rem;
	/*margin-bottom:1.5rem;*/
	font-size: .875rem;
  line-height: 1.625rem;
}
.mod_breadcrumb a[href^="https"]::after {
  content:"";
}

.mod_breadcrumb a{
text-underline-offset: 2px;
text-decoration:underline;
}

.mod_breadcrumb ul {
  display: inline;
}

.mod_breadcrumb ul li {
	display: inline-block;
}
.mod_breadcrumb ul li:first-child {
	display: none;
}


#footer .navfrequent ul{
  display:flex;
  flex-flow:row wrap;
  justify-content:space-between;
}

#footer .navfrequent li{
  flex-basis:50%;
}

button.mm_trigger {
    width: 2.75em;
  color: var(--color-primary);
  line-height: 0;
  background-color: var(--color-gray-lightest);
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  display: flex;
  cursor: pointer;
  border-radius:9999px;
  }
  
.mm-wrapper--opened .icon-menu::before {
  content: "\e811"
}

.mm-wrapper--opened .icon-menu::before {
  content: "\e811"
}

.mm_toggler{
  background-color: transparent;
}

.mm_toggler a:hover{
  color: var(--color-primary-light);
}

.mobile_menu {
  top:0;
  bottom:0;
  left:0;
  right:0;
  position: fixed;
}

.mobilenav {
  position: relative;
  overflow: hidden;
  width: 100%;

  background: #fff;

  min-height: 50vh;
  overflow: auto;
}

.mobile_menu .mm-top {
  padding:0.75rem;
  display:flex;
  justify-content:space-between ;
}

.mobile_menu .logo {
  padding:0;
}

.headermobile {
  flex-basis: 100%;
  float: none;
  clear: both;
  color: var(--color-primary-light);
  background-color: var(--color-primary-darkest-70);
  padding: 0.5rem 0.75rem;
  display: flex;
  justify-content: space-between;
  position:relative;
}

.headermobile a {
 
  text-decoration-skip-ink: none;
    text-decoration: none;
}
.homelink a:before {
  content: "\e817";
  font-family:Icons;

  margin-right:0.25rem;
  font-size:1.25rem;
}
.headermobile a span {
 text-decoration: underline;
}

.headermobile a:hover {
    color: var(--color-primary-light);
}

.handorgel__content {
  background-color:transparent;
}
.headermobile .mod_changelanguage ul{
    background-color:transparent;
    position:relative;

}

.headermobile .mod_changelanguage {
  /*top:0;*/
  position: relative;
}
.headermobile .mod_changelanguage li {
  aspect-ratio:unset;
  line-height:0;
}

.headermobile .mod_changelanguage li a, .headermobile .mod_changelanguage li strong {
  padding:0.2em 0.3em;
  bottom:unset;
}

.headermobile .mod_changelanguage li, .headermobile .mod_changelanguage li.active:hover, .headermobile .mod_changelanguage li.active:focus-within{
  background-color:transparent;
  color:var(--color-primary-light);
  height:auto;
  width:auto;
  border:0;
}

.headermobile .mod_changelanguage ul[aria-expanded="true"] {
  --tw-shadow: none;
  --tw-shadow-colored: none;
  box-shadow: none;
  border-radius: 0;
}

.headermobile .mod_changelanguage ul[aria-expanded="true"] li:not(.active) {
  display: flex;
  background-color:var(--color-primary-light);
  color:var(--color-primary);
  background-color:var(--color-primary-light);
  padding:0.75rem 1rem;
  border-radius:4px;
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  --tw-shadow: 0px 4px 6px 4px #03213814;
  --tw-shadow-colored: 0px 4px 6px 4px var(--tw-shadow-color);
  top:  1.85rem;
  position: absolute;
  right: 0.625rem;
}

.headermobile .mod_changelanguage ul[aria-expanded="true"] li:not(.active) a{
  color:var(--color-typo);
}

.headermobile .mod_changelanguage ul[aria-expanded="true"] li:not(.active) a:hover{
  color:var(--color-primary);
}

.headermobile .mod_changelanguage li.active strong::before {
  font-family: Icons;
  padding: 0;
  content: "\e81B";
  font-weight: 400;
  line-height: 1em;
  text-align: center;
  font-size: 1.25rem;
  position: relative;
 align-self:center;
 margin-right:0.375rem
}

.headermobile .mod_changelanguage li.active strong:after {
 display:none;
 content:"";
}

.headermobile .mod_changelanguage li.active strong.active:hover {
  text-decoration: underline;
  cursor:pointer;
}
.headermobile .mod_changelanguage li.active strong.active:hover:before{
  text-decoration: underline;
  text-decoration-color: var(--color-primary-darkest-70);
  text-underline-offset: 3px;
  text-decoration-thickness:1px;
}


.mobile_menu .content-accordion h2 {
  color:var(--color-typo);
 font-family:Inter;
 font-size:unset;
}

.mobile_menu .handorgel__header__button {
  padding: 1.75rem 1.5rem 1.5rem;
    background-color: var(--color-gray-lightest);
    color:var(--color-typo);
    border-radius:4px;
    line-height:1.5;
    box-sizing: border-box;
}
.handorgel__header__button:hover {
  background-color: var(--color-primary);
     color: var(--color-primary-light);
}

.handorgel__header__button:after{
  font-family: Icons;
  padding: 0;
  content: "\e80B";
float:right;
  line-height: 1em;
  text-align: center;
  font-size: 1.5625rem;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    display:inline-block;
  vertical-align: middle;
  bottom: 1px;
  position: relative;
}
.handorgel__header__button[aria-expanded="true"]:after{
  --tw-rotate:180deg;
}
.mobile_menu .mobile_menu_trigger {
  align-self: flex-start;
}

.mobile_menu_trigger:hover, #open-search:hover, #close-search:hover{
     background-color: var(--color-primary);
     color: var(--color-primary-light);
  }
  
  #open-search, #close-search {
  width:2.75em;
  color: var(--color-primary);
  line-height: 0;
  background-color: var(--color-gray-lightest);
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  display: flex;
  cursor: pointer;
}

#open-search .icon-search::before, #close-search .icon-close::before {
     font-size:1.25rem;

}
#close-search {
  position: absolute;
  right: 0.75rem;
  top: -1.25rem;
}

.dropdown-menu-search {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: var(--color-primary-light);
  border: 0;
  border-radius: 0;
  padding-top: 1.5rem;
  padding-bottom: 3.5rem;
  padding-left: 12px;
  padding-right: 12px;
  margin-top: 0;
  width: 100%;
  position:absolute;
  top:0;
  left:0;
  border-radius: 0 0 4px 4px;
  display:none;
}

.dms-inner {
  display: flex;
  flex-flow: row wrap;
  gap:2.25rem;
  max-width:1560px;
  margin:auto;
  position: relative;
}

html.mobile_menu_active{
  overflow:hidden;
}
.mobile_menu_active .icon-menu:before {
  content:"\e811";
}

.mobilenav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  background: #fff;
  transition: transform 0.4s ease;
  padding:0 1rem 0 0.75rem;
  min-height: 100%;
  background-color:var(--color-primary-light);
}

.mobilenav ul.active {
  transform: translateX(-100%);
}

.mobilenav ul.level_1 {
  position: relative;
  left: 0;
  transform: translateX(0);
  margin-top: .25rem;
}

.mobilenav ul ul{
  transform: translateX(100%);
}

.mobilenav ul .submenu_show ul{
  transform: translateX(-100%);
  z-index:200;
}

.mobilenav li {
    
}

.mobilenav a,
.mobilenav span.active {
  display: block;
  padding:0.875rem 1rem;
  text-decoration: none;
  color: #333;
  cursor: pointer;
  border-radius: 4px;
}
.mobilenav a.active,
.mobilenav span.active,
.mobilenav a.trail{
background-color: var(--color-secondary-one-70);
}

.mobilenav a:hover {
  background-color: var(--color-gray-lightest);
}

.mobilenav ul li.submenu > a:after {
  font-family: Icons;
  padding: 0;
  content: "\e80B";
float:right;
  line-height: 1em;
  text-align: center;
  font-size: 1.5625rem;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    display:inline-block;
  vertical-align: middle;
  bottom: 1px;
  position: relative;
   --tw-rotate: -90deg;
   
}

.mobilenav .submenu_hide li /*.mobilenav .level_2 .trail + li.submenu_hide */ {
  display: none;
}

.mobilenav .active > ul > chapter-title {
  background-color: var(--color-secondary-one-70);
}


.back-button {
  display: block;
background: transparent;
  cursor: pointer;
padding:0.875rem 1rem;
  font-size: 0.9em;
  font-weight: 400;
}

.mod_booknav ul{
  display:flex;
  flex-flow:row wrap;
  justify-content: space-between;
  margin:1rem 0;
}

.mod_booknav li.previous a  {
display: inline-block;
}



.mod_booknav li.previous a::before {
  content:"\e803";
  transform:rotate(180deg);
  display: inline-block;
  width:1.5em;
  font-family:Icons;
  font-size: 1.75rem;
 vertical-align: middle;
 margin-left: -0.75rem;
  margin-right: 0.55rem;
}

.mod_booknav li.previous span:before {
  content:"Zurück zu ";
}

html[lang="en"] .mod_booknav li.previous span:before {
  content:"Back to ";
}

.mod_booknav li.next span:before {
  content:"Weiter zu ";
}

html[lang="en"] .mod_booknav li.next span:before {
  content:"Forward to ";
}

.mod_booknav li.up span:before {
  content:"Nach oben zu ";
}

html[lang="en"] .mod_booknav li.up span:before {
  content:"Up to ";
}

.mod_booknav li.next a:before {
  content:"\e803";
  vertical-align: middle;
  display: inline-block;
  width:1.5em;
  font-family:Icons;
  font-size: 1.75rem;
  margin-left: 0.25rem;
  margin-right: -0.55rem;
 
}

.mod_booknav li.up a:before {
  content:"\e803";
  transform:rotate(-90deg);
  display: inline-block;
  width:1.5em;
  font-family:Icons;
  font-size: 1.75rem;
  vertical-align: baseline;
margin-top: -0.2em;
margin-top: -0.2em;
  margin-left: -0.25rem;
}