/* Liste mit aufklappbaren Items */
div.item div.title p {
	font-weight: bold;
	text-align: left;
	user-select: none;
	margin-top: 0;
	margin-bottom: 10px;
	padding-left: 37px; /* "hängender Einzug", d.h. */
	text-indent: -37px; /*  ab 2. Zeile eingerückt  */
}

div.item div.title p:hover {
	color: var(--LinkFgColor);
	cursor: pointer;
}

.expanded {
	color: var(--LinkFgColor);
}

div.item div.title svg {
	width: 32px;
	height: 32px;
	fill: var(--LinkFgColor);
	margin-right: 5px;
	position: relative;
	top: 9px;
}

div.details {
	padding: 0 20px;
	width: 100%;
	background-color: var(--QuoteBgColor);
	max-height: 0;
	border-radius: 20px;
	overflow: hidden;
	transition: all 0.2s ease-in-out; /* [1] Die Zeitangabe sollte etwas kürzer als [1] in list.js sein! */
}

div.details p {
	color: var(--QuoteFgColor);
}