@charset "UTF-8";

/**
 * Note:
 * For consistent CSS styling with and without javascript
 * by nested lists follow these instructions.
 *
 * Ok, but don't work if javascript enabled
 *  .dropdown li {}
 *  .dropdown li li {}
 *
 * Use for nested li-tag's the class viewLevel[n]
 *  .dropdown li.viewLevel0 {} - corresponds li
 *  .dropdown li.viewLevel1 {} - corresponds li li
 *  .dropdown li.viewLevel2 {} - corresponds li li li
 *
 * Use for nested ul-tag's the class drop-itemLevel[n]
 *  .dropdown ul.drop-itemLevel0 {} - corresponds ul
 *  .dropdown ul.drop-itemLevel1 {} - corresponds ul ul
 */
@import url(../../../libraries/jyaml/html/css/dropdown.css);

/**
 * Level class note:
 * li.level is the actual menuitem level
 * li.viewLevel is the visual menu item level for the user
 */
.dropdown,
.dropdown ul,
.dropdown li,
.dropdown a {
    background-color: transparent;
    /* Fixes some hover issues for all browsers */
    background-image: url(../images/blank.gif);
}

#nav .dropdown {
    margin-top: 1px;
}

.js .dropdown .drop-item a,
.js .dropdown .drop-item span {
    white-space: nowrap; /* rescrict word-wrap - better auto-width calculation for menu script */
}

.dropdown li a {
    text-decoration: none;
    background: none;
}

.dropdown li a:hover,
.dropdown li a:focus,
.dropdown li.hover a.hover {
    background: #dfe5e6;
    color: #394a59 !important;
}

.dropdown li.viewLevel0.active {
    background: #dfeec8;
    color: #394a59 !important;
}

.dropdown li:hover > a {
    background: #dfe5e6;
    color: #394a59 !important;
    text-decoration: none;
}

.drop-item .menuitem-content {
    overflow: hidden;
}

.dropdown .type-heading .menuitem-content {
    padding: 0 1.5em;
}

.dropdown-vertical li a {
    color: #394a59;
    padding: 0;
    text-decoration: none;
}

.dropdown-vertical li a span {
    display: block;
}

.dropdown li span.item-title {
    padding: 1em 0.8em 0.5em 0.8em;
}

li.viewLevel1 {
    margin-bottom: 0;
}

.dropdown li a {
    color: #394a59;
    padding: 0;
    text-decoration: none;
}

.dropdown li a span {
    display: block;
}

.dropdown-horizontal li div.item-container {
    padding: 0 0.6em;
}

.dropdown li span.subtitle {
    /* You can use .maintitle, .subtitle-1, .subtitle-2, .subtitle-3, etc. to adjust the maintitle or each subtitle line */
    display: block;
    font-size: smaller;
    font-weight: normal;
    color: #444;
}

div#dropdownSubMenusContainer {
    margin: 0 auto;
    z-index: 2000;
}

.dropdown li.viewLevel0 span.item-title {
    padding: 1.5em 0.8em 1.075em 0.8em;
    font-family: "THM-Medium";
    text-transform: uppercase;
    font-size: 110%;
}

.dropdown-horizontal li.viewLevel0 a[title="Quicklinks"] span {
    visibility: hidden;
    width: 1em;
}

_:-ms-fullscreen, :root .dropdown-horizontal li.viewLevel0 a[title="Quicklinks"] span {
    visibility: visible;
    width: auto;
}

.dropdown-horizontal li.viewLevel0 a[title="Quicklinks"] span::before {
    content: "\e94c";
    font-family: IcoMoon;
    right: 1.3rem;
    position: absolute;
    top: 1.4rem;
    visibility: visible;
    font-size: 1.2rem;
}

_:-ms-fullscreen, :root .dropdown-horizontal li.viewLevel0 a[title="Quicklinks"] span::before {
    display: none;
}

/* Hauptaufklappfläche Megamenü */
.dropdownHelperContainer {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
}

/* Any list under in a dropdown menu */
.drop-itemLevel0 ul {
    background-color: #dfe5e6;
    padding: .95rem 0;
}

.drop-item li {
    width: 20%;
}

.drop-item li.viewLevel1:first-child:nth-last-child(1),
.drop-item li.viewLevel1:first-child:nth-last-child(2),
.drop-item li.viewLevel1:first-child:nth-last-child(2) ~ li,
.drop-item li.viewLevel1:first-child:nth-last-child(3),
.drop-item li.viewLevel1:first-child:nth-last-child(3) ~ li {
    width: 33.3333%;
}

.drop-item li.viewLevel1:first-child:nth-last-child(4),
.drop-item li.viewLevel1:first-child:nth-last-child(4) ~ li {
    width: 25%;
}

.drop-item li.item-once {
    /* important in webkit browsers (e.g. safari and chrome) to strech contents on a menuitem content to 100% */
    width: 100%;
}

.dropdown li.viewLevel1 > a span.item-title {
    font-family: "THM-Bold";
    background: none; /* fallback: disabled javascript */
    text-transform: uppercase;
    white-space: normal;
}

.dropdown li.viewLevel1 {
    margin-right: 0; /* fallback: disabled javascript */
}

.dropdown div.drop-item div.drop-item-content ul li.viewLevel1 > a span.item-title {
    border-bottom: 2px solid #8996A0;
}

.dropdown ul {
    float: right;
    width: auto;
}

.dropdown .viewLevel0 ul {
    width: 100%;
}

.drop-itemLevel1 ul {
    padding: .4rem 0;
}

.dropdown li.viewLevel1 span.subtitle-empty {
    display: none;
}

.dropdown li.viewLevel1 span.item-title {
    font-family: "THM-Regular";
    font-size: 100%;
    padding: 0.2em 0;
    text-transform: none;
    white-space: normal;
    line-height: 120%;
}

.dropdown li.viewLevel2 span.item-title {
    padding: 0.25em 0.8em;
}

.dropdown li.viewLevel2 a.active_link.current_link span.item-title {
    font-weight: bold;
    text-decoration: underline;
}

.dropdown li.viewLevel2 a:hover span.item-title {
    text-decoration: underline;
    background: url("../images/assets/navdot_gr.png") 0 7px no-repeat;
}