/* Container */
.pubs-container {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.pubs-az-wrapper {
    max-width: 1050px;   /* match your layout */
    margin: 15px auto 20px;
    padding: 0 10px;     /* slight inner spacing */
}

.pubs-az {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    justify-content: center;
}


.pubs-az a {
	transition: all 0.2s ease;
	text-decoration: none;
	white-space: nowrap;
}

.pubs-az .pubs-btn-all {
	padding: 6px 15px;
	background: #0c6fb9;
	color: #fff;
	border-radius: 3px;
}

.pubs-az .pubs-btn-all:hover {
	background: #0a5a94;
	color: #fff;
}

.pubs-az-link {
	padding: 6px 10px;
	border-radius: 3px;
	background: #E0EFFB;
	color: #1b6aa0;
	width: 31px;
    text-align: center;
}

.pubs-az-link:hover {
	background: #0c6fb9;
	color: #fff;
}

.pubs-az-link--active {
	background: #0c6fb9;
	color: #fff;
}

.pubs-az-link--active:hover {
	background: #0a5a94;
	color: #fff;
	opacity: 0.9;
}

/* Layout */
.pubs-layout {
	display: flex;
	justify-content: center;
}

.pubs-inner {
    width: 100%;
    max-width: 1050px; /* or 1000px */
    margin: 0 auto;
}

/* Filters */
.pubs-filters {
	background: #E0EFFB;
	padding: 16px;
	border-radius: 4px;
	margin-bottom: 16px;
}

.pubs-filters-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

@media (max-width: 768px) {
    .pubs-filters-grid {
        grid-template-columns: 1fr;
    }
}

.pubs-filters select {
	border: none;
	border-radius: 6px;
	color: #005B9A;
	background: #FFFFFF;
	padding: 8px;
	margin-top: 6px;
    width: 100%;
    height: 48px;
    box-sizing: border-box;
}

.pubs-filters input {
	border: none;
	border-radius: 6px;
	color: #005B9A;
	background: #FFFFFF;
	padding: 8px;
	margin-top: 6px;
    width: 100%;
    height: 48px;
    box-sizing: border-box;
}

.pubs-filters button {
	border: none;
	border-radius: 6px;
	color: #fff;
	background: #1b6aa0;
	padding: 8px;
	margin-top: 6px;
    width: 100%;
    height: 48px;
    box-sizing: border-box;
}


/* Results */
.pubs-results-empty {
	padding: 20px;
	text-align: center;
}

.pub-item {
	padding: 15px 12px;
	margin-bottom: 18px;
	background: #ffffff;
	transition: background-color 0.2s ease;
}

.pub-item--adaptive {
	background: #ecf6e9;
}

.pub-item--individuelle {
	background: #fef4e8;
}

.pub-item--professionalisierung {
	background: #f3e9f3;
}

.pub-focus-label {
	font-weight: 700;
	margin-top: 4px;
}

.pubs-button-wrap {
    display: flex;
    align-items: flex-end;
}

.pubs-filters label {
    display: flex;
    flex-direction: column;
}


