@charset "utf-8";

/* ------------------------------ */
/* FANJOFEY DROPDOWN DESIGN       */
/* ------------------------------ */

.fanjofey-dropdown {
    position: relative;
    display: inline-block;
    font-family: 'fanjofey_ahregular', Arial, "Arial Black", "Arial Narrow", "Arial Unicode MS", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #000;        /* Text schwarz */
    cursor: pointer;
}

/* Dropdown Menü Basisstyle */
.fanjofey-dropdown .dropdown-options {
    display: none;
    flex-direction: column;
    position: absolute;
    background: #fff;         /* Hintergrund weiß */
    border: 1px solid #000;   /* Rahmen schwarz */
    z-index: 999;
}

.fanjofey-dropdown .dropdown-options.open {
    display: flex;
    flex-direction: column;
    font-size: 3vh;
    font-style: normal;
    color: #000;              /* Text schwarz */
}

.fanjofey-dropdown .dropdown-options div,
.fanjofey-dropdown .dropdown-options a {
    padding: 12px;
    color: #000;              /* Text schwarz */
    text-decoration: none;
    background: #fff;         /* Hintergrund weiß */
}

.fanjofey-dropdown .dropdown-options div:hover,
.fanjofey-dropdown .dropdown-options a:hover {
    color: #000;              /* nur schwarz */
    font-style: italic;       /* Fanjofey Italic */
    background: #fff;         /* Hintergrund weiß */
}

/* Header-Link optional TexGyreHeros */
.fanjofey-dropdown > a.texgyre-text {
    font-family: 'TexGyreHeros', Arial, "Arial Black", "Arial Narrow", "Arial Unicode MS", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #000;              /* schwarz */
    text-decoration: none;
    display: block;
}

.fanjofey-dropdown > a.texgyre-text:hover {
    font-style: italic;
    color: #000;
    cursor: pointer;
}

/* Hover & Aktive Seite für Header (wenn kein a-Tag) */
.fanjofey-dropdown span:hover {
    color: #000;
    font-style: italic;
}

.fanjofey-dropdown span.active {
    color: #000;
    font-style: normal;
}

/* Span ohne Link (reiner Text) */
.fanjofey-dropdown span {
    color: #000;
}