/* Da die standarmässig mit "border-bottom: dotted;" ausgezeichneten Links	 */
/* hier, unter den Thumbnail-Bildern für die Original-Dateien und jene mit	 */
/* den Transkriptionen hier *nicht* erwünscht sind, wurde die Definition		 */
/* der Links (a) hierin übernommen und das Statement "border-bottom" auf		 */
/* "none" gesetzt. KMR/hp 15.02.2026																				 */

/* bereits in kmr-basics.css definiert, daher hier wieder deaktiviert				 */
/* KMR/hp 20260630-131100
a {
		-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		border-bottom: none;
		color: #6cc5af;
		text-decoration: none;
	}

		a:hover {
			border-bottom-color: #6cc5af;
			color: #6cc5af !important;
		}

			a:hover strong {
				color: inherit;
			}
*/

.pers-table {
	display: flex;
	flex-direction: column; /* Elemente untereinander */ 
	width: 100%;
}

.pers-row	{
	display: flex;
	line-height: 1.5;
}

.pers-cell-date, 
.pers-cell-orig, 
.pers-cell-comment, 
/* .pers-cell-teilnehm */		/* hier gips gar keine "Teilnehmer", daher auskommentiert, KMR/hp 03.06.2026 */
/* 													/* stattdessen neu eingefügt: */
.pers-cell-omt {
	display: table-cell;
	vertical-align: top;
	padding: 8px;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.pers-cell-date {
	flex: 0 0 10%;
	/* padding: 10px; */ /* hier nicht nötig, da bereits in der Definition von ".pers-cell-date" weiter oben definiert, KMR/hp 03.06.2026 */
}

/* Auch "text1" hier nicht (mehr?) vorhanden, daher auskommentiert, KMR/hp 03.06.2026 */
/*
.pers-cell-text1 {
	flex: 1;
	padding: 10px;
}
*/

.pers-cell-orig {
	flex: 0 0 122px;
	/* padding: 10px; */ /* hier nicht nötig, da bereits in der Definition von ".pers-cell-date" weiter oben definiert, KMR/hp 03.06.2026 */
	border-bottom: none;
}

/* wozu ist hier das Statement ".pers-cell-orig img" zweimal hintereinander? KMR/hp 03.06.2026 */
/* einmal reicht doch, oder? KMR/hp, 03.06.2026 */
/*.pers-cell-orig img, */
.pers-cell-orig img {
	 /* width: 100%; */
	 width: auto;
	 vertical-align: top;
}

.pers-cell-comment {
	flex: 1;
	/* padding: 10px; */ /* hier nicht nötig, da bereits in der Definition von ".pers-cell-date" weiter oben definiert, KMR/hp 03.06.2026 */
	/* border-bottom: none; */
}


/* dafür neu eingefügt, da bisher nicht vorhanden, KMR/hp 03.06.2026 */
.pers-cell-omt {
	/* flex: 1; */
	flex: 0 0 228px;
	/* padding: 10px; */ /* hier nicht nötig, da bereits in der Definition von ".pers-cell-date" weiter oben definiert, KMR/hp 03.06.2026 */
}

/* dafür neu eingefügt, da bisher nicht vorhanden, KMR/hp 03.06.2026 */
.pers-cell-omt img {
	 width: 100%;
	 vertical-align: top;
}


/* da so hier gar nicht nötig, zu löschen, KMR/hp 03.06.2026 */
/* Zebra-Streifen: Jede zweite Zeile färben */
/* 
.pers-row:nth-of-type(even) {
	background-color: #eee;
}
*/

/* div.pers-table article:nth-of-type(even) { */
/* article:nth-of-type(even) { */
article:nth-of-type(odd) {
	background-color: #eee;
}

.header { 
	color: white;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 2em;
	border-bottom: 5px;
	margin-bottom: 0.5em;
	border-bottom: solid 2px #77c9b5;
}

.klein {
	font-size: 0.8em;
}


.nochkleiner {
	font-size: 0.5em;
}

.nochkleiner a {
		-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		border-bottom: none;
		color: #6cc5af;
		text-decoration: none;
	}

/* Responsiv: Auf kleinen Bildschirmen untereinander */
@media (max-width: 600px) {
	.flex-row {
		flex-direction: column;
	}
}