#accountswitcher_header {
    position: relative;
    float: right;
    cursor: pointer;
}

#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: 80px;
   margin-top:17px;
   line-height: 120%;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 15px;
   white-space: pre-line;
}

[id*="profile_switch_"] > img {
    height: 32px;
    width: auto;
}

[id*="profile_link_"] {
    list-style-type: none;
}

[id*="profile_link_"] > a > img {
    height: 32px;
    width: auto;
}

.acclist_outer {
    text-align: center;
    float: left;
    border: 1px solid;
    border-color: #000;
    width: 100%;
}

.acclist_att {
    padding-left: 20px;
}

.acclist_att > img {
    height: 44px;
    width: auto;
}

.acclist_mast {
    padding-left: 30px;
}

.acclist_mast > img {
    height: 44px;
    width: auto;
}

.acclist_card_mast {
    float:left;
    width: 100%;
    padding-right: 0;
    border-bottom: 1px solid #000;
}

.acclist_card_mast > img {
    height: 44px;
    width: auto;
}

.acclist_card_att {
    float:left;
    width: 250px;
    text-align: center;
}

.acclist_card_hidden {
    text-align: center;
    padding-top: 30px;
    float: left;
    width: 250px;
    border: none;
}

.acclist_card_att > img {
    height: 100px;
    width: auto;
}

.profile_card_mast {
    padding: 5px;
    background: none;
    border: none;
}

.profile_card_att {
    padding: 5px;
    background: none;
    border: none;
}

.as_head_drop {
    list-style-type: none;
    white-space: nowrap;
}

.as_head_drop > img {
    height: 22px;
    width: auto;
}

.as_head_userbit {
    list-style: none;
}

.as_head_userbit > img {
    height: 22px;
    width: auto;
}

/* Die Kopfliste liegt im Modal und holt sich Rahmen und Mass von .md-as. */
.as_header {
    border-top: 0;
    margin-top: 0 !important;
    padding-top: 0 !important;
    min-width: 0;
}

.as_side_user {
    list-style-type: none;
    white-space: nowrap;
    height: 24px;
}

.as_menu-arrow {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    background: rgba(255, 255, 255, 0.2);
    width: 10px;
    height: 100%;
    border: 5px solid transparent;
    -webkit-transition: opacity .4s ease .4s;
    -moz-transition: opacity .4s ease .4s;
    -ms-transition: opacity .4s ease .4s;
    -o-transition: opacity .4s ease .4s;
    transition: opacity .4s ease .4s;
}

.as_sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.as_sidenav a {
    padding: 8px 8px 8px 20px;
    text-decoration: none;
    font-size: 15px;
    color: #ccc;
    display: inline-block;
    transition: 0.3s;
}

.as_sidenav a:hover {
    color: #f1f1f1;
}

.as_sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

 .as_sidenav ul {
    margin-top: 40px;
}

 .as_sidenav ul li {
    display: inline-block;
    width: 100%;
    list-style: none;
    font-size: 15px;
    text-align: left;
    padding: 3px 0px;
}

 .as_sidenav ul li img {
    height: 22px;
    width: auto;
}

 .as_sidenav ul li:before {
    content: "";
    margin-right: 5px;
    color: rgba(255, 255, 255, 0.2);
}

@media screen and (max-height: 450px) {
  .as_sidenav {padding-top: 15px;}
  .as_sidenav a {font-size: 15px;}
}         
.md-cast { display: grid; gap: clamp(1.5rem, 3vw, 2.25rem); }
.md-cast__grid, :has(> .md-cast__tile) { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 9.5rem), 1fr)); gap: 1.6rem 1.1rem; align-items: start; width: 100%; box-sizing: border-box; }
.md-cast__head { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem 1rem; width: 100%; margin: clamp(1.25rem, 3vw, 2rem) 0 0; font-size: inherit; font-weight: inherit; }
.md-cast__head:first-child { margin-top: 0; }
.md-cast__lbl { font-family: var(--md-f-display); font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 400; line-height: 1; letter-spacing: var(--md-ls-display); color: var(--md-ink-bright); }
.md-cast__lbl a { color: inherit; transition: color var(--md-dur) var(--md-ease); }
.md-cast__lbl a:hover { color: var(--md-accent-soft); }
.md-cast__head--shared .md-cast__lbl, .md-cast__pf { font-family: var(--md-f-sans); font-size: var(--md-t-kicker); letter-spacing: var(--md-ls-nav); text-transform: uppercase; color: var(--md-ink-faint); }
.md-cast__pf:empty { display: none; }
.md-cast__rule { flex: 1 1 2rem; align-self: center; height: 1px; background: var(--md-rule-hair); }
.md-cast span[style*="bold"] { font-weight: inherit !important; }

.md-cast__tile { position: relative; display: grid; align-content: start; gap: .7rem; min-width: 0; }
.md-cast__pic { position: relative; display: block; width: 100%; min-width: 0; overflow: hidden; aspect-ratio: 4 / 5; padding: 3px; border: 1px solid var(--md-rule-hair); background: var(--md-portrait-ground); background-clip: content-box; transition: border-color var(--md-dur) var(--md-ease); }
.md-cast__pic img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; filter: var(--md-photo-filter); transition: filter var(--md-dur) var(--md-ease); }
.md-cast__pic::before { content: ""; position: absolute; inset: 3px; background: url("../../../images/mood/default_avatar.png") center / cover no-repeat; filter: var(--md-photo-filter); }
.md-cast__pic img { position: relative; }
.md-cast__pic img[src=""], .md-cast__pic img:not([src]) { visibility: hidden; }
.md-cast__tile:hover .md-cast__pic { border-color: var(--md-rule-soft); }
.md-cast__tile:hover .md-cast__pic img { filter: none; }
.md-cast__tile--mast .md-cast__pic { border-color: var(--md-accent); }
.md-cast__plate { display: grid; gap: .2rem; min-width: 0; }
.md-cast__name { overflow: hidden; font-family: var(--md-f-serif); font-size: 1.05rem; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; color: var(--md-ink-bright); }
.md-cast__name a { color: var(--md-ink-bright); transition: color var(--md-dur) var(--md-ease); }
.md-cast__name a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.md-cast__name a:hover { color: var(--md-accent-soft); }
.md-cast__field { font-size: var(--md-t-kicker); letter-spacing: var(--md-ls-nav); text-transform: uppercase; color: var(--md-ink-faint); }
.md-cast__field:empty { display: none; }
.md-cast__tile--mast .md-cast__field { color: var(--md-accent-soft); }
.md-cast__hidden { grid-column: 1 / -1; margin: 0; font-size: var(--md-t-micro); letter-spacing: var(--md-ls-body); color: var(--md-ink-faint); }
.md-cast__pages:empty { display: none; }
.md-cast__pages .pagination { margin: 0; }

.md-acct { width: 100%; border-collapse: collapse; }
.md-acct__head > td { padding: 0 0 .6rem; border-bottom: 1px solid var(--md-rule-soft); font-size: var(--md-t-kicker); letter-spacing: var(--md-ls-nav); text-transform: uppercase; color: var(--md-ink-faint); }
.md-acct__row > td { padding: .85rem 0; border-bottom: 1px solid var(--md-rule-hair); vertical-align: top; color: var(--md-ink-dim); }
.md-acct__subt { width: 100%; border-collapse: collapse; }
.md-acct__subrow > td { padding: .3rem 0; }
.md-acct__mast, .md-acct__att { font-family: var(--md-f-serif); font-size: 1rem; color: var(--md-ink-bright); }
.md-acct img.md-as__av { width: 40px; height: 48px; margin-right: .7rem; padding: 2px; border: 1px solid var(--md-rule-hair); object-fit: cover; vertical-align: middle; filter: var(--md-photo-filter); }
.md-acct a { color: inherit; }
.md-acct a:hover { color: var(--md-accent-soft); }
.md-acct__pf, .md-acct__hidden { font-size: var(--md-t-micro); color: var(--md-ink-faint); }
.blacklist-deadline-box {
	display: flex;
	align-items: center;
	gap: .9rem;
	margin: 0 0 clamp(1.5rem, 3vw, 2.25rem);
	padding: .8rem 1rem;
	border: 1px solid var(--md-rule-hair);
	box-shadow: inset 2px 0 0 var(--md-accent);
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink);
}

.blacklist-list { display: grid; }

.blacklist-row,
.blacklist-mod-row {
	display: grid;
	align-items: center;
	gap: 1.25rem;
	padding: .85rem 0;
	border-bottom: 1px solid var(--md-rule-hair);
}
.blacklist-row { grid-template-columns: minmax(12rem, 1.4fr) minmax(9rem, 1fr) 9rem minmax(9rem, 1fr); }
.blacklist-mod-row { grid-template-columns: minmax(12rem, 1.4fr) minmax(9rem, 1fr) 5.5rem 5.5rem minmax(7rem, .8fr) 9rem; }

.blacklist-row--head,
.blacklist-mod-row--head {
	padding: 0 0 .6rem;
	border-bottom-color: var(--md-rule-soft);
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.blacklist-mod-row--head a { color: var(--md-ink-dim); transition: color var(--md-dur) var(--md-ease); }
.blacklist-mod-row--head a:hover { color: var(--md-ink-bright); }

.blacklist-char { display: flex; align-items: center; gap: .9rem; min-width: 0; }
.blacklist-avatar {
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	padding: 2px;
	border: 1px solid var(--md-rule-hair);
	background: var(--md-chip-bg);
	background-clip: content-box;
	font-family: var(--md-f-display);
	font-size: 1rem;
	letter-spacing: .06em;
	color: var(--md-ink);
}
.blacklist-char__name {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .2rem .6rem;
	font-family: var(--md-f-serif);
	font-size: 1.05rem;
	line-height: 1.25;
	color: var(--md-ink-bright);
}
.blacklist-char__name a { color: inherit; }
.blacklist-char__name a:hover { color: var(--md-accent-soft); }
.blacklist-char__player {
	margin-top: .15rem;
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.blacklist-away {
	font-family: var(--md-f-sans);
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-dim);
}

.blacklist-meta,
.blacklist-cell {
	font-size: var(--md-t-micro);
	line-height: 1.7;
	color: var(--md-ink-dim);
}
.blacklist-meta strong { font-weight: 400; color: var(--md-ink); }
.blacklist-cell-last.is-posted { color: var(--md-ink-bright); }
.blacklist-cell-last.is-posted::before { content: "\2713"; margin-right: .4rem; color: var(--md-accent-soft); }
.blacklist-repeat {
	font-family: var(--md-f-display);
	font-size: 1.35rem;
	font-variant-numeric: tabular-nums;
	color: var(--md-ink);
}

.blacklist-badge {
	display: inline-block;
	padding: .2rem .6rem;
	border: 1px solid var(--md-rule-hair);
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--md-ink-dim);
}
.blacklist-badge--black { border-color: var(--md-accent); color: var(--md-accent-soft); }
.blacklist-badge--due { border-color: var(--md-accent); background: var(--md-accent); color: var(--md-ink-bright); }
.blacklist-badge--grey { border-color: var(--md-rule-soft); color: var(--md-ink); }

.blacklist-page--black .blacklist-row:not(.blacklist-row--head) { box-shadow: inset 2px 0 0 var(--md-accent); padding-left: 1rem; }
.blacklist-page--black .blacklist-row--head { padding-left: 1rem; }

.blacklist-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr));
	margin: 0 0 clamp(1.5rem, 3vw, 2.25rem);
	border-top: 1px solid var(--md-rule-hair);
	border-bottom: 1px solid var(--md-rule-hair);
}
.blacklist-stat {
	display: grid;
	gap: .35rem;
	padding: 1rem 1.1rem;
	border-left: 1px solid var(--md-rule-hair);
}
.blacklist-stat:first-child { border-left: 0; padding-left: 0; }
.blacklist-stat__label {
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.blacklist-stat__num {
	margin: 0;
	font-family: var(--md-f-display);
	font-size: clamp(1.8rem, 4vw, 2.4rem);
	line-height: 1;
	font-variant-numeric: tabular-nums;
	color: var(--md-ink-bright);
}
.blacklist-stat--danger .blacklist-stat__num { color: var(--md-accent-soft); }
.blacklist-stat--small .blacklist-stat__num {
	font-family: var(--md-f-sans);
	font-size: var(--md-t-body);
	line-height: 1.6;
	color: var(--md-ink);
}

.blacklist-empty {
	margin: 0;
	padding: clamp(2rem, 5vw, 3rem) 0;
	text-align: center;
	font-family: var(--md-f-serif);
	font-style: italic;
	color: var(--md-ink-faint);
}
.blacklist-page__pagination:empty { display: none; }
.blacklist-page__pagination { margin-top: 1.25rem; }

@media (max-width: 860px) {
	.blacklist-row,
	.blacklist-mod-row { grid-template-columns: minmax(0, 1fr) auto; gap: .4rem 1rem; }
	.blacklist-row--head,
	.blacklist-mod-row--head { display: none; }
	.blacklist-row > :nth-child(n+2),
	.blacklist-mod-row > :nth-child(n+2) { grid-column: 1 / -1; }
	.blacklist-stat { border-left: 0; padding-left: 0; }
}