/***********************************************
				STYLE-DEFINITIONEN
 ***********************************************/

h1.titel {
	font-size: 25px;
	line-height: 1.3;
	text-transform: none;
	text-align: left;
	margin-top: 0px;
	padding-bottom: 6px;
	color: #d70034;

}
h2.titel {
	font-size: 22px;
	line-height:0.9;
	text-align:left;
	margin-bottom:10px;
	padding-bottom:10px;
	color: #d70034;

}
h3.titel {
	font-size: 18px;
	line-height:0.9;
	text-align:left;
	margin-bottom:12px;
	padding-bottom:10px;
	color: #d70034;
}

.Titel_Beschreibung {
	font-size: 22px;
	text-transform: none;
	text-align: left;
	margin-top: 0px;
	padding-bottom: 6px;
}

p.Unterstrichen {	
	text-decoration:underline;
	}
	
p.UntertitelStartseite {
	font-size: 23px;

	font-weight:bold;
	margin-top: -6px;
	margin-bottom:8px;
	padding-bottom: 0px;
	}
	
a {color:#000000;}		


/*----- Mitarbeiter-Panels -----*/
h5.ma-name {
	font-size:			1.2em;
	text-decoration:	none;
	color:				#d70034;
	margin-top:			10px;
	margin-bottom:		10px;

}

h5.ma-funktion {
	font-size:			0.92em;
	line-height:		1.4em;
	margin-top:			0px;
	margin-bottom:		0px;
	font-weight:		normal;
}

h5.ma-kontakt
 {
	font-size:			0.92em;
	line-height:		0.92em;
	color:				#545454;
	margin:				6px 0px;
	font-weight: normal;
}

/* Abstand zwischen letzter Funktionszeile und E-Mail-Adresse (für alle Karten gleich) */
.acc-top h5.ma-funktion + h5.ma-kontakt {
	margin-top: 14px;					/* ABSTAND_VOR_KONTAKT */
}

h5.ma-kontakt a {
	color: 				#545454;

}


/*----- Startseite: Bereich «Aktuell» -----*/
.aktuell {
	padding-top: 30px;
	border-top: 1px solid #DDD;
}

.aktuell-bild {
	padding-top: 30px;
	border-top: 1px solid #DDD;		/* Trennlinie über beide Spalten */
}

.aktuell-bild img {
	width: 100%;
	height: auto;
	display: block;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
	transition: box-shadow 0.2s linear;
}

.aktuell-bild a:hover img {
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25);
}

.aktuell-quelle {
	font-size: 0.9em;
	color: #545454;
	margin-top: 10px;
}

a.aktuell-link {
	color: #d70034;
}


/*----- Kontaktseite: Blöcke mit Illustration -----*/
.kontakt-block {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	padding: 22px 0;
	border-top: 1px solid #DDD;
}

.kontakt-block:first-of-type {
	border-top: none;
	padding-top: 6px;
}

.kontakt-block > div {
	flex: 1 1 auto;
	min-width: 0;
}

.kontakt-block > div > p:first-child {
	margin-top: 0;
}

.kontakt-block > div > p:last-child {
	margin-bottom: 0;
}

img.kontakt-illu {
	flex: 0 0 auto;
	width: 96px !important;
	height: 96px !important;
}

@media (max-width: 480px) {
	.kontakt-block {
		gap: 16px;
	}
	img.kontakt-illu {
		width: 64px !important;
		height: 64px !important;
	}
}