.legende-box {
			background-color: #fff;
			border: 1px solid #cad8f2;
			border-radius: 8px;
			padding: 12px 16px;
			margin-bottom: 12px;
		}

		.transferfeld-legende {
			list-style: none;
			padding: 0;
			margin: 0;
			font-size: 0.7em;
			color: #2a2e33;
			line-height: 1.6;
			/* Zwei Spalten; auf schmalen Bildschirmen siehe Media Query unten. */
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 4px 20px;
		}

		.transferfeld-legende li {
			display: flex;
			align-items: center;
		}

		.transferfeld-legende .farbfeld {
			flex: 0 0 auto;
			width: 55px;
			height: 16px;
			margin-right: 6px;
			border: 1px solid #6e6e6e;
			border-radius: 2px;
			/* Farbe kommt von .transferfeldfarbeN am <li> (siehe main.css). */
			background-color: var(--transferfeld-farbe, #fff);
		}

		@media screen and (max-width: 767px) {
			.transferfeld-legende {
				grid-template-columns: 1fr;
			}
		}

		.transfer-eintrag {
			/* Farbe des Transferfeldes (siehe .transferfeldfarbeN in main.css),
			   Weiss als Rueckfall, wenn kein gueltiges Transferfeld gesetzt ist. */
			background-color: var(--transferfeld-farbe, #fff);
			border: 1px solid #cad8f2;
			border-radius: 8px;
			padding: 12px 16px;
			margin-bottom: 12px;
		}

		.transfer-eintrag>summary {
			cursor: pointer;
			font-size: 1.1em;
			color: #003c75;
		}

		/* Transferfeld klein über dem Titel – die Farbe des Eintrags zeigt es ohnehin an. */
		.transfer-eintrag>summary .transferfeld {
			font-size: 0.7em;
			font-weight: normal;
			color: #6e6e6e;
		}

		.transfer-eintrag>summary .titel {
			color: #003c75;
		}

		.transfer-eintrag>summary .meta {
			color: #6e6e6e;
			font-size: 0.8em;
			font-weight: normal;
		}

		.transfer-eintrag[open]>summary {
			margin-bottom: 10px;
		}

		.eintrag-details dt {
			color: #003c75;
		}

		.eintrag-details dd {
			margin-bottom: 8px;
		}

		/* Button sieht aus wie ein Link, die Adresse ersetzt ihn nach dem Klick. */
		.mail-anzeigen {
			padding: 0;
			border: none;
			background: none;
			color: #003c75;
			text-decoration: underline;
			cursor: pointer;
			font-size: inherit;
		}

		/* Icon des Transferfeldes in der Kurzansicht (imgs/1.png…8.png).
		   Die Bilder sind quadratisch (129x129) und werden auf 50px skaliert;
		   die Hoehe steht mit dabei, damit beim Laden nichts springt. */
		.transfer-eintrag>summary .transferfeld-icon {
			float: left;
			width: 50px;
			height: 50px;
			margin-right: 10px;
			padding: 1px;
			background-color: #fff;
			border-radius: 50%;
		}

		/* Nur fuer angemeldete Redakteur:innen: Link ins Bearbeiten-Formular
		   rechts unten im aufgeklappten Eintrag, abgesetzt durch eine Linie.
		   clear sorgt dafuer, dass das gefloatete Icon aus der Kurzansicht die
		   Zeile nicht verschiebt, wenn ein Eintrag nur wenig Inhalt hat. */
		.transfer-eintrag .redaktion-aktionen {
			clear: both;
			margin: 10px 0 0;
			padding-top: 8px;
			border-top: 1px solid #cad8f2;
			font-size: 0.85em;
			text-align: right;
		}