/* =========================
   Container
========================= */

.wpverein-ap-container {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
}

.wpverein-ap-container--liste {
	flex-direction: column;
	gap: 10px;
}

.wpverein-ap-container--name {
	display: inline;
}

/* =========================
   Box-Ansicht
========================= */

.wpverein-ap-box {
	display: inline-flex;
	flex-direction: column;
	width: var(--wpverein-ap-breite, 250px);
	background-color: var(--wpverein-ap-hintergrund, #effbfb);
	border-style: solid;
	border-width: var(--wpverein-ap-rahmen-breite, 1px);
	border-color: var(--wpverein-ap-rahmen-farbe, #effbfb);
	border-radius: var(--wpverein-ap-rahmen-radius, 25px);
	margin: 0 var(--wpverein-ap-abstand, 25px) var(--wpverein-ap-abstand, 25px) 0;
	overflow: hidden;
	color: var(--wpverein-ap-schrift-farbe, inherit);
	font-size: var(--wpverein-ap-schrift-groesse, inherit);
}

.wpverein-ap-foto-wrapper {
	padding: var(--wpverein-ap-foto-padding, 15px) var(--wpverein-ap-foto-padding, 15px) 0;
}

.wpverein-ap-box .wpverein-ap-foto {
	width: 100%;
	height: auto;
	display: block;
	border-radius: var(--wpverein-ap-foto-radius, 50%);
}

.wpverein-ap-inhalt {
	padding: var(--wpverein-ap-text-padding, 15px);
	flex: 1;
}

/* =========================
   Felder (Box + Liste)
========================= */

.wpverein-ap-name {
	display: block;
	font-weight: var(--wpverein-ap-name-gewicht, bold);
}

.wpverein-ap-funktion {
	display: block;
	font-weight: var(--wpverein-ap-funktion-gewicht, bold);
}

.wpverein-ap-email,
.wpverein-ap-telefon {
	display: block;
	margin-top: 6px;
}

.wpverein-ap-email a {
	color: inherit;
	text-decoration: underline;
}

.wpverein-ap-symbol {
	margin-right: 3px;
}

.wpverein-ap-sonstiges {
	display: block;
	margin-top: 8px;
	hyphens: auto;
}

/* =========================
   Listen-Ansicht
========================= */

.wpverein-ap-liste-eintrag {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 12px;
	background-color: var(--wpverein-ap-hintergrund, #effbfb);
	border-style: solid;
	border-width: var(--wpverein-ap-rahmen-breite, 1px);
	border-color: var(--wpverein-ap-rahmen-farbe, #effbfb);
	border-radius: var(--wpverein-ap-rahmen-radius, 4px);
	color: var(--wpverein-ap-schrift-farbe, inherit);
	font-size: var(--wpverein-ap-schrift-groesse, inherit);
}

.wpverein-ap-liste-foto {
	flex-shrink: 0;
}

.wpverein-ap-liste-foto .wpverein-ap-foto {
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: var(--wpverein-ap-foto-radius, 50%);
	display: block;
}

.wpverein-ap-liste-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.wpverein-ap-liste-info .wpverein-ap-name {
	font-weight: var(--wpverein-ap-name-gewicht, bold);
}

.wpverein-ap-liste-info .wpverein-ap-funktion {
	font-weight: var(--wpverein-ap-funktion-gewicht, normal);
}

.wpverein-ap-kontaktdaten {
	display: block;
}

.wpverein-ap-kontaktdaten a {
	color: inherit;
	text-decoration: underline;
}

/* =========================
   Utilities
========================= */

.wpverein-ap-container--name .wpverein-ap-name {
	display: inline;
	font-weight: inherit;
}