/* NAVIGATION ******************************************************************/

/* Menubutton */
.mod_menubutton {text-align:right;padding-bottom:7px;}
.mod_menubutton a {display:inline-block;margin:0 2.25em 0 auto;border:0;padding:0;}
.mod_menubutton a img {width:26px;height:auto;}
.mod_menubutton .auf {display:block;}
.mod_menubutton .zu {display:none;}

@media screen and (min-width:768px) {
	.mod_menubutton {padding-top:2.25em;padding-right:1.125em;padding-bottom:0.5em;}
}
@media screen and (min-width:960px) {
	.mod_menubutton {display:none;}
}

/* Hauptmenu */
.mod_hauptmenu {padding-top:65px;}
.mod_hauptmenu ul {display:none;text-align:left;list-style:none;padding:0;}
.mod_hauptmenu a {border-bottom:0;}
.mod_hauptmenu .level_1 {margin:0;padding:1.125em 2.25em;}
.mod_hauptmenu .level_1 > li {display:block;position:relative;margin-top:8px;border-bottom-width:1px;border-bottom-style:solid;}
.mod_hauptmenu .level_2 {display:none;padding:0 0 0.5625em 1.125em;}
.mod_hauptmenu .level_2 li {display:block;margin-top:4px;border:0;}
.mod_hauptmenu .level_2 strong {padding-bottom:4px;}


/* Dropdown-Menu */
.mod_hauptmenu .level_2 {
    text-align: left;
    list-style: none;
    display: none;
    margin: 6px 0 16px 16px;
    padding: 4px 8px;
    background-color: #eee;
}

.mod_hauptmenu li.submenu:hover .level_2 {
    display: block !important;
}

.mod_hauptmenu li.submenu:hover > a:hover + .level_2 {
    display: none;
}

.mod_hauptmenu .level_2 li {
    display: block;
    padding: 4px 0;
}

.mod_hauptmenu .level_2 a span {
    font-weight: 300;
}

.mod_hauptmenu .level_2 strong {
    border-bottom: 0;
}

.mod_hauptmenu .level_2 a span {
    padding-bottom: 3px;
}



@media screen and (max-width:960px) {
   .mod_navigation .level_1 li.submenu::after {content:url('../img/icon-pfeil-hinab-os.svg');display:block;position:absolute;top:0;right:0;width:26px;height:auto;}
   .mod_navigation .level_1 li.submenu:hover::after,
   .mod_navigation .level_1 li.trail::after {content:'';}
    .mod_navigation .level_1 li.submenu:hover .level_2,
	.mod_navigation .level_1 li.trail .level_2 {display:block;}
}

@media screen and (min-width:768px) {
	/*.mod_hauptmenu .level_1 {margin-right:4.5em;}*/
}
@media screen and (min-width:960px) {
	.mod_hauptmenu {padding-top:3.25em;padding-bottom:3.4em;}
	.mod_hauptmenu .level_1 {text-align:center;display:block;margin:0;border:0;padding:0;background:none;}
	.mod_hauptmenu .level_1 li {display:inline-block;margin:0 0.5em;border:0;}
	.mod_hauptmenu .level_1 > li > a {padding-bottom:6px;}
	.mod_hauptmenu .level_1 a {display:inline-block;padding-bottom:5px;width:auto;}
	.mod_hauptmenu .level_1 a:hover {border:0;}
	.mod_hauptmenu .level_1 strong {border-bottom-width:1px;border-bottom-style:solid;padding-bottom:5px;}
	.mod_hauptmenu .level_2 {position:absolute;margin:0;width:256px;}
	.mod_hauptmenu .level_2 li {display:block;margin-left:0;}
	.mod_hauptmenu .level_2 a span {padding-bottom:3px;}
	.mod_hauptmenu .level_2 strong {border:0;padding-bottom:5px;}
}
@media screen and (min-width:1104px) {
	.mod_hauptmenu .level_1 li {margin:0 0.75em;}
}
@media screen and (min-width:1510px) {
	.mod_hauptmenu {padding-bottom:4.1em;}
	.mod_hauptmenu .level_1 li {margin:0 1em;}
}

/* Sprachwechsler */
.mod_sprachwechsler {position:absolute;top:1.125em;right:2.25em;z-index:10000000;}
.mod_sprachwechsler .level_1 {list-style:none;margin:0;padding:0;}
.mod_sprachwechsler .level_1 li {display:inline-block;margin:0;}
.mod_sprachwechsler .level_1 strong {border:0;}
.mod_sprachwechsler img {display:inline-block;margin-left:0.5625em;height:1.125em;}

@media screen and (min-width:768px) {
	.mod_sprachwechsler {top:3.25em;right:3.375em;}
}

/* Targets */
@media screen and (max-width:960px) {
    #top:target .mod_menubutton .auf {display:none;}
	#top:target .mod_menubutton .zu {display:block;}
	#top:target .mod_hauptmenu .level_1 {display:block;}
}