/***************
*** NAV Main ***
***************/

.navMain{
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: end;
}

.navMain li,
.navMain li:hover{
    list-style: none;
    display: inline-block;
    text-align: center;
    padding: 20px 5px 10px 5px;
    list-style: none;
    border-bottom: 1px solid var(--blue);
    transition: all 0.3s ease-in;
    margin: 0 10px 0 0;
}

.navMain li:hover{
    padding: 10px 5px 0px 5px;
    transition: all 0.3s ease-in;
}

.navMain li.aAktiv{
    border-bottom: 1px solid var(--blue) !important;
}

.navMain li a,
.navMain li a:hover{
    color: var(--black);
    text-decoration: none;
    font-size: 1.250rem;
    display: block;
    padding: 0;
    font-weight: 400;
    transition: 0.3s;
}


.navMain li a .material-symbols-outlined,
.navMain li a:hover .material-symbols-outlined,
.navMain li.aAktiv a .material-symbols-outlined{
    color: var(--redRegular) !important;
    text-decoration: none;
    font-size: 1.500rem;
    display: inline;
    padding: 10px 0 10px 0;
    vertical-align: text-bottom;
}

/**
*** Rootline ***
****************/
.rootline{
    padding: 10px 0 0 0;
    margin: 0;
    list-style: none;
}

.rootline li{
    display: inline-block;
    list-style: none;
    padding: 0 10px 0 0px
}

.rootline li a{
    font-size: 0.875rem;
    text-decoration: none;
    line-height: 1;
    color: var(--blue);
    font-weight: 400;
    margin: 0;
}

.rootline li p,
.rootline li p.pActive{
    font-size: 0.875rem;
    text-decoration: none;
    line-height: 1;
    color: var(--black);
    font-weight: 400;
    margin: 0;
}

.rootline li p.pActive{
    color: var(--blue);
    font-weight: 600;
}