.inplayquotes_popup,
#inplayquotes_overview,
.inplayquotes_index,
.inplayquotes_memberprofile {
  padding: 0;
  margin: 0 auto;
  width: 100%;
}

.inplayquotes_popup-headline,
.inplayquotes-headline,
.inplayquotes_index-headline,
.inplayquotes_memberprofile-headline {
  color: var(--akzent-flash2);
  padding: 10px;
  font-family: var(--akzenttext);
  font-size: var(--txtxl);
  text-transform: lowercase;
}

.inplayquotes-filter,
.inplayquotes_popup-quoteInfo,
.inplayquotes_popup-textarea,
.inplayquotes_popup-quotepreview,
.inplayquotes_popup-subline,
.inplayquotes_popup-reactions {
  color: var(--txtcol);
  padding: 10px;
  font-family: var(--fliesstext);
  font-size: var(--txtm);
}

.inplayquotes-filter-headline {
  color: var(--akzent-flash2);
  padding: 8px;
  font-size: var(--txtsmall);
  text-transform: uppercase;
}

.inplayquotes-filteroptions {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 10px;
}

.inplayquotes-filter-bit-dropbox,
.inplayquotes_overview_filter_bit,
.inplayquotes-filter-bit-headline {
  text-align: center;
  font-size: var(--txtsmall);
  color: var(--txtcol);
  margin: 5px 0;
}

.inplayquotes-body,
.inplayquotes_index_bit,
.inplayquotes_memberprofile_bit {
  padding: 20px;
  line-height: 1.6;
  text-align: justify;
}

.inplayquotes_overview_bit,
.inplayquotes_index_bit {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 20px;
}

.inplayquotes_overview_bit:nth-child(even),
.inplayquotes_index_bit:nth-child(even) {
  flex-direction: row-reverse;
}

.inplayquotes_overview_bit_avatar,
.inplayquotes_index_bit_avatar {
  flex: 0 0 100px;
	background: var(--akzent-dkl);
	padding: 5px;
}

.inplayquotes_overview_bit_avatar img,
.inplayquotes_index_bit_avatar img {
  width: 100%;
  object-fit: cover;
  display: block;
}

.inplayquotes_overview_bit_container,
.inplayquotes_index_bit_container {
  flex: 1;
}

.inplayquotes_overview_bit_quote,
.inplayquotes_index_bit_quote {
  font-size: var(--txtm);
  margin-bottom: 10px;
}

.inplayquotes_overview_bit_footer,
.inplayquotes_index_bit_footer,
.inplayquotes_memberprofile_bit_footer {
  display: flex;
  justify-content: space-between;
  font-size: var(--txtxsmall);
  color: var(--akzent-flash);
}

.inplayquotes_overview_bit_user,
.inplayquotes_index_bit_user {
  text-align: right;
}

.inplayquotes_popup-button,
.inplayquotes_index-allquotes,
.inplayquotes_memberprofile-allquotes {
  color: var(--akzent-flash2);
  text-align: right;
  padding: 10px;
  font-size: var(--txtxsmall);
}

.inplayquotes_overview_bit_reaction a,
.inplayquotes_overview_bit_reactions_delete a,
.inplayquotes_overview_bit_reaction-reacted a {
  color: var(--akzent-flash2);
  font-size: var(--txtxsmall);
  background: none;
  text-transform: uppercase;
  padding: 3px 6px;
}

.inplayquotes_overview_bit_reaction_bit {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-top: 5px;
}

.inplayquotes_overview_bit_reaction-reacted {
  margin-top: 5px;
}

.inplayquotes_popup-reactions img,
.inplayquotes_overview_bit_reaction-reacted img,
.inplayquotes_overview_bit_reaction_images img {
  width: 20px;
  height: 20px;
}

.inplayquotes_overview_bit_reaction_images {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
}

.inplayquotes_memberprofile_bit_quote {
	font-size: var(--txtl);
	font-family: var(--akzenttext);
    text-decoration: underline;
    text-decoration-color: var(--akzent-red);
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
	text-decoration-style: solid; }