#head_menu {
  font-size: 10px;
  color: var(--main-font-color);
  background: var(--main-accent);
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 9998;
  position: fixed;
  width: 100%;
}

.menu_avatar {
  margin-left: 50px;
  margin-top: 10px;
  z-index: 9999;
}

#member_avatar {
	width: 120px;
  	height: 137px;
}

.menu_avatar img{
	width: 100%;
	height: 100%;
  	box-sizing: border-box;
	object-fit: cover;
	border: 4px solid var(--accent-three);
	border-radius: 5px;
}

.menu_buttons {
 margin-left: 20px;
  margin-top: 5px;
  display: flex;
  flex-grow: 1;
  align-items: center;
}

.menu_button {
  padding: 10px;
  font-size: 14px;
  text-transform: uppercase;
}

.menu_button.right-align {
  text-align: right;
}

.menu_button_group {
  display: flex;
}

.menu_button_group.right-group {
  margin-left: auto;
  padding-right: 20px;
}


/** ACCOUNT SWITCHER **/
#accountswitcher_header {
    position: relative;
}

#accountswitcher_header_popup {
   padding: 0 30px 0 15px;
   position: absolute;
   top:0;
   display: none;
   opacity: 1;
}

#accountswitcher_header_popup ul {
   position: absolute;
   left: 0;
   padding-left: 10px;
   padding-right: 20px;
   min-width: 220px;
   margin-top:17px;
}

[id^="profile_link_"] {
   display: inline-block;
   vertical-align: top;
}

/** LISTEN DROPDOWN **/
.dropdown {
    position: relative;
}

.dropdown_label {
    padding: 8px 12px;
}

.dropdown_content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--accent-three);
    min-width: 160px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}

.dropdown_content a {
    display: block;
    padding: 0 14px;
    text-decoration: none;
    white-space: nowrap;
	font-size: 12px;
  	line-height: 2.5;
}

/* Diese Klasse wird per JavaScript hinzugefügt/entfernt */
.dropdown.open .dropdown_content {
    display: block;
}


/** MAIN HEADER **/
.header-image,
.header-infos {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}

#logo .wrapper {

	padding: 10px;
  	box-sizing: border-box;
}

.header-image {
	width: 49.55%;
}

.header-image img {
	height: 220px;
  	width: 100%;
  	object-fit: cover;
	border-radius: 5px;
}

.header-infos {
	padding-left: 20px;
	width: 49.25%;
}

.header-board-text {
	height: 145px;
	overflow: auto;
	margin-bottom: 5px;
	text-align: justify;
	line-height: 180%;
}

.header-info-buttons {
	text-align: center;
}

.header-info-button {
	display: inline-block;
	width: 104px; 
	padding: 5px;
	box-sizing: border-box;
	background: var(--main-accent);
	margin: 0 10px;
	border-radius: 5px;
}

.fa-compass, 
.fa-handshake-angle,
.fa-discord,
.fa-calendar {
	color: var(--accent-one);
}

.header-welcome {
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.17em;
}

.alerts::marker,
.inplayscence::marker {
	font-size: 0px;
}