p {
    margin-block-end: .5rem;
    
}
li {
    margin-bottom: 5px;
}
ul {
    margin-left: -15px;
}

/* ////////////  PROJEKTE ///////////////*/
/* ── Wrapper ──────────────────────────────── */
.pkw-projekte-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

/* ── Karte ────────────────────────────────── */
.pkw-projekt-karte {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 0 0 calc(33.333% - 1rem);
}

/* ── Tablet ───────────────────────────────── */
@media (max-width: 1024px) {
    .pkw-projekt-karte { flex: 0 0 calc(50% - 0.75rem); }
}

/* ── Handy ────────────────────────────────── */
@media (max-width: 767px) {
    .pkw-projekt-karte { flex: 0 0 100%; }
}

/* ── Bild ─────────────────────────────────── */
.pkw-projekt-bild {
    overflow: hidden;
}

.pkw-projekt-bild img {
    display: block;
    width: 100%;
    height: auto;

}

/* ── Inhalt ───────────────────────────────── */
.pkw-projekt-inhalt {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* ── Titel ────────────────────────────────── */
.pkw-projekt-titel {
    margin: 0;
font-size: calc(19px + (30 - 19) * ((100vw - 320px) / (1900 - 320)))!important;
}

.pkw-projekt-titel a {
    text-decoration: none;
    font-weight: 300;
    color: #333;

}

/* ── Text ─────────────────────────────────── */
.pkw-projekt-text {
    flex: 1;
}

/* ── Link ─────────────────────────────────── */
.pkw-projekt-link {
    display: inline-block;
    text-decoration: none;
    align-self: flex-start;
}

/* ==============================================
   ////////////// BBO Amtsfinder ///////////////
   ============================================= */

.bbo-af-wrapper {
	font-family: inherit;
}

/* ===== Suchfeld ===== */
.bbo-af-search {
	width: 100%!important;
  max-width: 600px;
	box-sizing: border-box;
	padding: 14px 18px!important;
	font-size: 1rem;
	border: 1px solid #dad8d8 !important;
	border-radius: 10px!important;
	background: #fff url("data:image/svg+xml;utf8,") no-repeat right 16px center;
	background-size: 18px 18px;
	transition: border-color .2s ease, box-shadow .2s ease!important;
	margin-bottom: 50px;
}

.bbo-af-search:focus {
	outline: none;
	border-color: #333;
	box-shadow: 0 0 0 3px rgba(95, 127, 46, 0.15);
}

.bbo-af-search::placeholder {
	color: #9a9a9a;
}

/* =========================================================
   BBO Amtsfinder – Styling
   Konzept: eine Gruppe (Sachgebiet/Kategorie) = eine Karte,
   darin die Kontakte als schlichte Zeilen statt eigener Mini-Karten.
   ========================================================= */

.bbo-af-wrapper {
	font-family: inherit;
}



/* ===== Gruppen-Grid (jede Gruppe = eine Karte) ===== */
.bbo-af-groups {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
	gap: 22px !important;
	align-items: start;
}

.bbo-af-group {
	background: #fff;
	border: 1px solid #e6eae2;
	border-radius: 14px;
	padding: 20px 22px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.bbo-af-group-title {
    font-size: calc(20px + (23 - 20) * ((100vw - 220px) / (1900 - 220)))!important;
    color: #5d7640;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6eae2;
    font-family: "Sulphur Point";
		letter-spacing: 0.03em;
}
/* ===== Kontaktliste innerhalb einer Gruppen-Karte ===== */
ul.bbo-af-results {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	list-style: none;
}

li.bbo-af-item {
	padding: 14px 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

li.bbo-af-item + li.bbo-af-item {
	border-top: 1px solid #f0f2ee;
}

li.bbo-af-item:first-child {
	padding-top: 0;
}

li.bbo-af-item:last-child {
	padding-bottom: 0;
}

.bbo-af-amt {
	display: none;
}

.bbo-af-name {
    font-weight: 600;
    font-size: 1.1em;
    color: #333;
}

.bbo-af-row {
	display: flex;
	align-items: baseline;
	gap: 8px;
	
}

.bbo-af-label {
	flex-shrink: 0;
	width: 52px;
	font-weight: 600;
	color: #888;
}

.bbo-af-tel,
.bbo-af-mail {
	color: #333;
	text-decoration: none;
	word-break: break-word;
}
.bbo-af-tel, .bbo-af-mail {
	color: #666!important;
text-decoration: none!important;
	
}
.bbo-af-tel:hover,
.bbo-af-mail:hover {
	color: #5d7640!important;
	text-decoration: underline!important;
}

.bbo-af-quelle {
    margin-top: 10px;
    font-size: 0.85rem;
    text-decoration: none !important;
    color: #444 !important;
    border-top: 1px solid #e6eae2;
    padding-top: 10px;
}

.bbo-af-quelle:hover {
	text-decoration: underline !important;
}

/* ===== "Keine Treffer" Hinweis ===== */
.bbo-af-empty {
	text-align: center;
	color: #666;
	font-size: 1rem;
	padding: 40px 0;
}

/* ===== Responsive ===== */
@media (max-width: 600px) {
	.bbo-af-groups {
		grid-template-columns: 1fr !important;
	}

	.bbo-af-search {
		padding: 12px 16px;
		font-size: 0.95rem;
	}

	.bbo-af-group {
		padding: 16px 18px;
	}
}