.inplayquotes_popup {
            background: #1b252a;
            color: #cfc5c1;
            width: 100%;
            margin: auto auto;
            border: 1px solid #895b32;
            padding: 1px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            border-radius: 7px;
        }
        
        .inplayquotes_popup-headline {
            background: #223138;
            color: #ece4df;
            border-bottom: 1px solid #895b32;
            padding: 8px;
            -moz-border-radius-topleft: 6px;
            -moz-border-radius-topright: 6px;
            -webkit-border-top-left-radius: 6px;
            -webkit-border-top-right-radius: 6px;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }
        
        .inplayquotes_popup-quoteInfo {
            background: #1b252a;
            border: 1px solid;
            border-color: #2a3d46;
            padding: 5px 0;
        }
        
        .inplayquotes_popup-textarea {
            background: #1b252a;
            border: 1px solid;
            border-color: #2a3d46;
            text-align: center;
            padding: 5px 0;
        }
        
        .inplayquotes_popup-button {
            border-top: 1px solid #2a3d46;
            padding: 6px;
            background: #121a1f;
            color: #b5aaa4;
            -moz-border-radius-bottomleft: 6px;
            -webkit-border-bottom-left-radius: 6px;
            border-bottom-left-radius: 6px;
            -moz-border-radius-bottomright: 6px;
            -webkit-border-bottom-right-radius: 6px;
            border-bottom-right-radius: 6px;
            border-bottom: 0;
            text-align: center;
        }
        
        #inplayquotes_overview {
            box-sizing: border-box;
            background: #1b252a;
            color: #cfc5c1;
            border: 1px solid #895b32;
            padding: 1px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            border-radius: 7px;
        }
        
        .inplayquotes-headline {
            height: 50px;
            width: 100%;
            font-size: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
            font-family: Aldrich, sans-serif;
            font-weight: normal;
            letter-spacing: 3px;
            text-transform: uppercase;
            background: #223138;
            border-bottom: 2px solid #895b32;
            color: #ece4df;
            -moz-border-radius-topleft: 6px;
            -moz-border-radius-topright: 6px;
            -webkit-border-top-left-radius: 6px;
            -webkit-border-top-right-radius: 6px;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }
        
        .inplayquotes-filter {
            background: #1b252a;
        }
        
        .inplayquotes-filter-headline {
            background: #121a1f;
            color: #b5aaa4;
            border-top: 1px solid #2a3d46;
            border-bottom: 1px solid #2a3d46;
            padding: 6px;
            font-size: 12px;
        }
        
        .inplayquotes-filteroptions {
            display: flex;
            justify-content: space-around;
            width: 90%;
            margin: 10px auto;
            gap: 5px;
        }
        
        .inplayquotes_overview_filter_bit {
            width: 100%;
            text-align: center;
        }
        
        .inplayquotes-filter-bit-headline {
            padding: 6px;
            background: #121a1f;
            color: #b5aaa4;
        }
        
        .inplayquotes-filter-bit-dropbox {
            margin: 5px;
        }
        
        .inplayquotes-body {
            background: #1b252a;
            padding: 20px 40px;
            text-align: justify;
            line-height: 180%;
            -moz-border-radius-bottomright: 6px;
            -webkit-border-bottom-right-radius: 6px;
            border-bottom-right-radius: 6px;
            -moz-border-radius-bottomleft: 6px;
            -webkit-border-bottom-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }
        
        .inplayquotes_overview_bit_reaction a:link,
        .inplayquotes_overview_bit_reaction a:active,
        .inplayquotes_overview_bit_reaction a:visited,
        .inplayquotes_overview_bit_reaction a:hover{
            background: #121a1f;
            border-radius: 0;
            color: #b5aaa4;
            font-size: 9px;
            text-transform: uppercase;
            padding: 7px 5px;
        } 
        
        .inplayquotes_popup-quotepreview {
            background: #1b252a;
            border: 1px solid;
            border-color: #2a3d46;
            padding: 5px 0;
        }
        
        .inplayquotes_popup-subline {
            background: #121a1f;
            color: #b5aaa4;
            border-top: 1px solid #2a3d46;
            border-bottom: 1px solid #2a3d46;
            padding: 6px;
            font-size: 12px;
        }
        
        .inplayquotes_popup-reactions {
            background: #1b252a;
            border: 1px solid;
            border-color: #2a3d46;
            text-align: center;
            padding: 5px 0;
            -moz-border-radius-bottomright: 6px;
            -webkit-border-bottom-right-radius: 6px;
            border-bottom-right-radius: 6px;
            -moz-border-radius-bottomleft: 6px;
            -webkit-border-bottom-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }
        
        .inplayquotes_popup-reactions img {
            width: 24px;
            height: 24px;
            padding: 5px;
            cursor: pointer;
        }
        
        .inplayquotes_overview_bit_reaction_bit {
            display: flex; 
            gap: 5px;
        }
        
        .inplayquotes_overview_bit_reaction-reacted {
            margin-top: 5px;
        }
        
        .inplayquotes_overview_bit_reaction-reacted img {
            width: 16px;
            height: 16px;
        }
        
        .inplayquotes_overview_bit_reaction-reacted a:link,
        .inplayquotes_overview_bit_reaction-reacted a:active,
        .inplayquotes_overview_bit_reaction-reacted a:visited,
        .inplayquotes_overview_bit_reaction-reacted a:hover{
                background: none;
                color: #c7945c;
                font-size: 10px;
                text-transform: none;
                padding: 0;
        }
        
        .inplayquotes_overview_bit_reaction_images {
            background: #121a1f;
            border-radius: 0;
            color: #b5aaa4;
            font-size: 9px;
            text-transform: uppercase;
            padding: 0 5px;
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: center;
            gap: 5px;
        }
        
        .inplayquotes_overview_bit_reaction_images img {
            width: 16px;
            height: 16px;
        }
        
        .inplayquotes_overview_bit_reactions_delete a:link, 
        .inplayquotes_overview_bit_reactions_delete a:active, 
        .inplayquotes_overview_bit_reactions_delete a:visited, 
        .inplayquotes_overview_bit_reactions_deletea:hover {
            background: none;
            border-radius: 0;
            color: #c7945c;
            font-size: 9px;
            text-transform: uppercase;
            padding: 0;
        }
        
        .inplayquotes_index {
            background: #1b252a;
            color: #cfc5c1;
            width: 100%;
            margin: auto auto;
            border: 1px solid #895b32;
            padding: 1px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            border-radius: 7px;
        }
        
        .inplayquotes_index-headline {
            background: #223138;
            color: #ece4df;
            border-bottom: 1px solid #895b32;
            padding: 8px;
            -moz-border-radius-topleft: 6px;
            -moz-border-radius-topright: 6px;
            -webkit-border-top-left-radius: 6px;
            -webkit-border-top-right-radius: 6px;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }
        
        .inplayquotes_index-allquotes {
            border-top: 1px solid #2a3d46;
            padding: 6px;
            background: #121a1f;
            color: #b5aaa4;
            text-align: right;
            -moz-border-radius-bottomright: 6px;
            -webkit-border-bottom-right-radius: 6px;
            border-bottom-right-radius: 6px;
            -moz-border-radius-bottomleft: 6px;
            -webkit-border-bottom-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }
        
        .inplayquotes_index_bit {
            background: #1b252a;
            border: 1px solid;
            border-color: #2a3d46;
            padding: 5px 10px;
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
        }
        
        .inplayquotes_index_bit_avatar {
            width: 10%;
            text-align: center;
        }
        
        .inplayquotes_index_bit_avatar img {
            border-radius: 100%;
            border: 2px solid #895b32;
            width: 100px;
        }
        
        .inplayquotes_index_bit_container {
            width: 90%;
        }
        
        .inplayquotes_index_bit_quote {
            width: 95%;
            margin: auto;
            font-size: 15px;
            text-align: justify;
            margin-bottom: 10px;
        }
        
        .inplayquotes_index_bit_footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .inplayquotes_index_bit_user {
            text-align: right;
            line-height: 15px;
        }
        
        .inplayquotes_index_bit_user b {
            text-transform: uppercase;
        }
        
        .inplayquotes_index_bit_user span {
            font-style: italic;
            font-size: 11px;
        }
 
@import url(https://fonts.bunny.net/css?family=aldrich:400);
        
        .inplayquotes_memberprofile {
            background: #1b252a;   /* gleiche Farbe wie die Zitatfläche */
            margin: auto auto;
            border: 0;
            padding: 0;            /* kein Spalt mehr */
            border-radius: 14px;
            overflow: hidden;
        }
        
        .inplayquotes_memberprofile-headline {
            background-color: #121a1f;
            color: #ece4df;
            font-family: Aldrich;
            border-bottom: 0px solid #895b32;
            padding: 8px;
        }
        
        .inplayquotes_memberprofile-allquotes {
            border: 0px solid #895b32;
            padding: 6px;
            background: #121a1f;
            color: #8d979b;
            font-family: Aldrich;
            text-align: right;
        }
        .inplayquotes_memberprofile_bit {
            border-bottom: 2px solid #3b4d55;
			 border-top: 2px solid #3b4d55;
            padding: 0px 0px;
 
        }
        
        .inplayquotes_memberprofile_bit_quote {
            width: 95%;
            margin: auto;
            padding: 3px;
            font-size: 15px;
            text-align: justify;
            margin-bottom: 10px;
            color: #cfc5c1;
            font-family: Aldrich;
        }
        
        .inplayquotes_memberprofile_bit_footer {
            text-align: right;
            line-height: 15px;
            color: #8d979b;          /* vorher #1c1c1c = fast schwarz */
            padding: 3px 12px 8px;   /* oben, rechts/links, unten */
        }
        
        .inplayquotes_memberprofile_bit_footer span {
            text-transform: uppercase;
            font-style: italic;
            font-size: 11px;
        }
        .inplayquotes_memberprofile a:link,
        .inplayquotes_memberprofile a:visited {
            color: #c7945c;        /* deine Linkfarbe */
        }
 
        .inplayquotes_memberprofile a:hover {
            color: #e1b37f;        /* Farbe beim Drüberfahren */
        }
 
        /* Auswahlfelder und Knoepfe auf der Zitate-Seite */
        #inplayquotes_overview select,
        #inplayquotes_overview input[type="submit"],
        #inplayquotes_overview input.button,
        #inplayquotes_overview button {
            background: #121a1f;
            border: 1px solid #895b32;
            border-radius: 0;
            color: #cfc5c1;
            padding: 6px 12px;
            cursor: pointer;
        }
 
        #inplayquotes_overview input[type="submit"]:hover,
        #inplayquotes_overview input.button:hover,
        #inplayquotes_overview button:hover {
            background: #223138;
            color: #e1b37f;
        }
 
/* ---------- Zitate-Übersicht: Box mit Szenentitel als Schild ---------- */
 
.bsl-zitat {
	margin: 50px 4px 36px;
	padding: 0 24px 16px;
	background: #121a1f;
	border: 2px solid #895b32;
	text-align: left;
	line-height: 1.5;
}
 
/* Schild sitzt mittig auf der oberen Rahmenlinie */
.bsl-zitat__head {
	margin: -21px 0 18px;
}
 
.bsl-zitat__head span {
	display: inline-block;
	padding: 8px 16px;
	background: #223138;
	font-family: Aldrich, sans-serif;
	font-size: 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
	box-shadow:
		inset 0 0 0 3px #223138, inset 0 0 0 5px #c7945c,
		0 -3px 0 0 #895b32, 0 3px 0 0 #895b32,
		-3px 0 0 0 #895b32, 3px 0 0 0 #895b32;
}
 
.bsl-zitat__head span a:link,
.bsl-zitat__head span a:visited { color: #ece4df; }
.bsl-zitat__head span a:hover { color: #e1b37f; }
 
.bsl-zitat__body {
	display: flex;
	align-items: center;
	gap: 22px;
}
 
.bsl-zitat__avatar { flex: 0 0 96px; }
 
.bsl-zitat__avatar img {
	display: block;
	width: 96px;
	height: 96px;
	box-sizing: border-box;
	object-fit: cover;
	border-radius: 50%;
	border: 3px solid #3b4d55;
}
 
.bsl-zitat__text {
	flex: 1 1 0;
	min-width: 0;
	font-size: 16px;
	line-height: 1.6;
	text-align: justify;
	color: #ece4df;
}
 
.bsl-zitat__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 20px;
	margin-top: 16px;
	padding-top: 10px;
	border-top: 1px solid #2a3d46;
	font-size: 12px;
}
 
.bsl-zitat__who b {
	font-family: Aldrich, sans-serif;
	font-weight: normal;
	letter-spacing: .08em;
	text-transform: uppercase;
}
 
.bsl-zitat__who span {
	margin-left: 10px;
	color: #8d979b;
}
 
.bsl-zitat__foot .inplayquotes_overview_bit_reaction { margin-left: auto; }
 
.bsl-zitat__del a:link,
.bsl-zitat__del a:visited {
	font: 11px Aldrich, sans-serif;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #8d979b;
}
 
.bsl-zitat__del a:hover { color: #e1b37f; }
 
.bsl-zitat__del:empty,
.bsl-zitat__foot .inplayquotes_overview_bit_reaction:empty { display: none; }
 
@media (max-width: 600px) {
	.bsl-zitat__body { flex-direction: column; align-items: flex-start; }
}