
/* 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																				 */

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;
			}

.fat-table {
	display: flex;
	flex-direction: column; /* Elemente untereinander */ 
	width: 100%;
	align-items: stretch; /* Standardwert */
	gap: 20px; /* Abstand zwischen den Spalten */
}

.fat-row	{
	display: flex;
	line-height: 1.5;
}

/*
.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;
}
*/

.fat-cell-date, 
.fat-cell-text1, 
.fat-cell-img,
.fat-cell-teilnehm {
	display: table-cell;
	vertical-align: top;
	font-size: 0.9em;
	/* das zuvor auskommentierte "padding" wieder aktiviert, um Berührung der Feldinhalte zu vermeiden, KMR/hp 04.06.2026 */
	padding: 5px;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.fat-cell-date {
	flex: 0 0 6em;
}

.fat-cell-text1 {
	flex: 1;
	/* border-bottom: none; */
}

.fat-cell-img {
	flex: 0 0 190px;
}

.fat-cell-img img {
	margin-top: 50px;
}

.fat-cell-teilnehm {
	flex: 1;
}

.image.left {
	float: left;
	/* wird dieses margin-right deaktiviert, wird ein besseres Erscheinungsbild erzielt, KMR/hp 04.06.2026 */
	margin-right: 10px;
	padding: 4px 5px 5px 0;
	flex: 0 0 196px;
}

.image.zoomsmall {
	max-width: 100%;
	height: auto;
	transition: transform 0.3s ease;
	padding: 4px 5px 5px 0;
}	

/* div.fat-table article:nth-of-type(even) { */
/* article:nth-of-type(even) { */
article:nth-of-type(odd) {
	background-color: #eee;
}

.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;
	}
}
