@charset "utf-8";
/*
Theme Name: zosma
Description: Navigation
Author: Erik Martin
Author URI: http://www.delta-leonis.de
*/


nav .headerMenu.smallScreen {
display:none;
}

nav ul {
margin: 0px 0px 20px 0px;
position: fixed;
 z-index: 100;
}

nav ul.naviLeft {
position: static;
}

nav ul.naviLeft > li:first-of-type {
display: none;
}

nav .asideMenu ul {
width:250px;
}

nav li {
box-sizing: border-box;
list-style:none;
padding:0;
}

nav li a,
nav li span {
display:inline-block;
}

nav .headerMenu ul.mod-menu {
display:flex;
gap:20px;
margin:0;
}

nav .headerMenu ul.mod-menu > li > a,
nav .headerMenu ul.mod-menu > li > span {
box-sizing:border-box;
font-size:1.2em;
color: var(--farbe2);
padding:20px;
height:55px;
}

nav .headerMenu ul.mod-menu__sub,
nav .asideMenu ul.mod-menu__sub {
position:absolute;
box-sizing:border-box;
padding:0px 20px;
width:270px;
border: 1px solid var(--farbe5);
background-color:var(--farbe2);
transition: all .3s ease-in-out;
visibility:hidden;
opacity:0;
}

nav .asideMenu ul.mod-menu {
box-sizing:border-box;
padding:0px 20px;
border: 1px solid var(--farbe5);
background-color:var(--farbe2);
}

nav .headerMenu ul.mod-menu__sub li,
nav .asideMenu li {
border-bottom: 1px solid var(--farbe5);
}

nav .headerMenu ul.mod-menu__sub li:last-of-type,
nav .asideMenu li:last-of-type {
border-bottom: none;
}

nav .headerMenu ul.mod-menu__sub li a,
nav .headerMenu ul.mod-menu__sub li span,
nav .asideMenu li a,
nav .asideMenu li span {
font-size:1em;
color: var(--farbe1);
width:100%;
padding:10px 0px;
}

nav .headerMenu ul.mod-menu__sub > li:hover > a,
nav .asideMenu li:hover > a {
color: var(--farbe3);
}

nav .headerMenu ul.mod-menu > li:hover > ul.mod-menu__sub,
nav .asideMenu li:hover > ul.mod-menu__sub {
visibility:visible;
opacity:1;
}

nav .headerMenu ul.mod-menu > li > ul.mod-menu__sub li > ul.mod-menu__sub,
nav .asideMenu ul.mod-menu__sub {
margin:-55px 0px 0px 200px;
}

nav .headerMenu ul.mod-menu > li > ul.mod-menu__sub li:hover > ul.mod-menu__sub,
nav .asideMenu ul.mod-menu li:hover > ul.mod-menu__sub {
margin:-55px 0px 0px 220px;
visibility:visible;
opacity:1;
}

/*---------------------------------------------iOS Hover Fix---*/

ul li:hover, 
ul li:active,
ul li a:hover, 
ul li a:active {
-webkit-user-select: none;
-webkit-touch-callout: none;
}