/* 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;
			}
*/

.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; */
	flex: 0 0 80px;
}

.fat_cell_text1 {
	flex: 1;
	/* border-bottom: none; */
}

.fat_cell_img {
	flex: 0 0 190px;
}

.fat_cell_img img {
	margin-top: 5px;
}

.fat_cell_teilnehm {
	flex: 1;
}

/* *** Die folgenden Anweisungen für das spezielle Zooming
bei den Familientagen *** */

/* Animation für Opacity vorbereiten: */
.fat_table .fat_row div {
	transition: 0.5s opacity;
}

/* Animation für Opacity und Transformation vorbereiten: */
.fat_table img {
	/* anstatt ...														*/
	/* margin: 0.2em 0.5em;										*/
	/* neu ... (KMR/hp, 07.06.2026, 11:27)		*/
	/* und korrigiert, so dass Bild bündig oberkant, KMR/hp 20260731-135400 */
	margin: 0px 10px 10px 0px;
	border-radius: 5px;
	transition: 0.5s border-radius, 0.5s transform;
}

.fat_table.zoom-active img.large {
	/* opacity: .25; */
	z-index: 1;
	position: relative;
}

/* Sichtbarkeit der übrigen Elemente beim Zoomen verringern: */
/* Alle Divs, die nicht in die Vergrößerung einbezogen sind */
.fat_table.zoom-active .fat-_row div:not(.large),
/* Alle Bilder, die nicht vergrößert sind */
.fat_table.zoom-active img.large {
	/* opacity: .25; */
	opacity: 1;
	/* z-index: 1; */
	z-index: 1;
	/* position: relative; */
	position: relative;
}

.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;
	}
}