@charset "utf-8";

/* ------------------------------ */
/* UNIVERSAL DROPDOWN DESIGN      */
/* ------------------------------ */

.custom-dropdown,
.download-dropdown {
    position: relative;
    display: inline-block;
    font-family: Arial, "Arial Black", "Arial Narrow", "Arial Unicode MS";
    color: #FFFFFF;
    cursor: pointer;
}

/* ------------------------------ */
/* Schriftgrößen pro Dropdown Typ */
/* ------------------------------ */

/* Links (z.B. City-Auswahl) */
.dropdown-left span,
.dropdown-left a {
    font-size: inherit; /* Mobil */
    text-align: left;	
}
@media (min-width: 1180px) {
    .dropdown-left span,
    .dropdown-left a { font-size: inherit; } /* Desktop */
}

/* Zentriert (z.B. About, Interviews) */
.dropdown-center span,
.dropdown-center a {
    font-size: inherit;
}
@media (min-width: 1180px) {
    .dropdown-center span,
    .dropdown-center a {  font-size: inherit; } /* Desktop */
}

/* Rechts (Download-Bereich) */
.dropdown-right span,
.dropdown-right a {
    font-size: inherit; /* Mobil */
}
@media (min-width: 1180px) {
    .dropdown-right span,
    .dropdown-right a { font-size: inherit; } /* Desktop */
}

/* ------------------------------ */
/* Dropdown Menü Basisstyle       */
/* ------------------------------ */
.custom-dropdown .dropdown-options,
.download-dropdown .dropdown-options {
    display: none;
    flex-direction: column;
    position: absolute;
    background: #000;
    border: 1px solid #FFFFFF;
    z-index: 999;
}

.custom-dropdown .dropdown-options.open,
.download-dropdown .dropdown-options.open {
    display: flex;
    flex-direction: column;
	font-size: 3vh;
	font-style: normal;
}

@media (min-width: 1180px) {
    .custom-dropdown .dropdown-options.open,
	.download-dropdown .dropdown-options.open { font-size: 3vh; } /* Desktop */

.custom-dropdown .dropdown-options div,
.download-dropdown .dropdown-options a {
    padding: 12px;
    color: #FFFFFF;
    text-decoration: none;
}

.custom-dropdown .dropdown-options div:hover,
.download-dropdown .dropdown-options a:hover {
    color: #D51E21;
    font-style: italic;
    background: #FFFFFF;
}
	
	

/* ------------------------------ */
/* Download Dropdown rechts       */
/* ------------------------------ */
.download-dropdown {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.download-dropdown .dropdown-options {
    width: 66%;  /* einstellbar */
    right: 0;
    top: 100%;
}

/* ------------------------------ */
/* Hover & Aktive Seite für Header*/
/* ------------------------------ */

/* Hover für alle Dropdown Header */
.dropdown-left span:hover,
.dropdown-center span:hover,
.dropdown-right span:hover {
    color: #D51E21;
    font-style: italic;
}

/* Aktive Seite für Header */
.dropdown-left span.active,
.dropdown-center span.active,
.dropdown-right span.active {
    color: #999999;
    font-style: normal;
}

/* Span ohne Link (reiner Text) */
.dropdown-left span,
.dropdown-center span,
.dropdown-right span {
    color: #666666;
}