/* Minimal styles for MobKom – override in Theme if needed */
.mobkom-hero-section { padding: clamp(24px, 4vw, 56px) 0; }
.mobkom-hero-section .hero-title { font-size: clamp(24px, 5vw, 38px); margin: 0 0 8px; }
.mobkom-hero-section .hero-subtitle { color: #475569; margin: 0 0 24px; }
.zielgruppen-cards,
.angebote-grid { display: grid; gap: 16px; }
.zielgruppen-cards.spalten-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.zielgruppen-cards.spalten-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.zielgruppen-cards.spalten-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.zielgruppen-cards.spalten-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.zielgruppen-cards.spalten-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }

.angebote-grid.spalten-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.angebote-grid.spalten-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.angebote-grid.spalten-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.angebote-grid.spalten-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }

.zielgruppe-card,
.angebot-card {
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	padding: 16px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.03);
}

.zielgruppe-card { border-top: 4px solid var(--accent-color, #2563eb); }
.card-icon { display:flex; align-items:center; justify-content:center; margin-bottom: 8px; }
.card-icon img, .zielgruppe-icon-img, .angebot-icon-img, .angebot-thumbnail, .zielgruppe-thumbnail { max-width: 100%; height: auto; display:block; }
.card-title, .angebot-title { font-size: 18px; margin: 6px 0; }
.card-highlight { color:#0f766e; margin: 4px 0; }
.card-description, .angebot-excerpt { color:#475569; }

.card-button, .angebot-button {
	display:inline-block;
	margin-top: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	border: 1px solid #e5e7eb;
	text-decoration: none;
}
.angebot-button-external { border-color: #d946ef; }
.angebot-button-large { padding: 12px 18px; font-size: 17px; }

.mobkom-kontakt-section { padding: 24px; border-radius: 14px; }
.kontakt-title { margin-top: 0; }
.kontakt-details { display:grid; gap:8px; margin-top: 12px; }
.kontakt-item a { text-decoration: none; }

.mobkom-pagination { margin-top: 16px; }
.mobkom-angebot-cta-auto { margin-top: 24px; padding: 16px; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 12px; }
.cta-hint { color:#64748b; font-size: 14px; margin: 8px 0 0; }

@media (max-width: 960px) {
	.zielgruppen-cards.spalten-5, .zielgruppen-cards.spalten-4 { grid-template-columns: repeat(3, 1fr); }
	.angebote-grid.spalten-4 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 680px) {
	.zielgruppen-cards.spalten-5, .zielgruppen-cards.spalten-4, .zielgruppen-cards.spalten-3 { grid-template-columns: repeat(2, 1fr); }
	.angebote-grid.spalten-4, .angebote-grid.spalten-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 460px) {
	.zielgruppen-cards.spalten-2, .zielgruppen-cards.spalten-1 { grid-template-columns: 1fr; }
	.angebote-grid.spalten-2 { grid-template-columns: 1fr; }
}


/* Forschung grid */
.forschung-grid { display:grid; gap:16px; }
.forschung-grid.spalten-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.forschung-grid.spalten-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.forschung-grid.spalten-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.forschung-grid.spalten-1 { grid-template-columns: 1fr; }

.forschung-card {
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	padding: 16px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.03);
}
.forschung-title { font-size: 18px; margin: 6px 0; }
.forschung-excerpt { color:#475569; }
.forschung-meta { list-style:none; padding:0; margin:10px 0; color:#334155; }
.forschung-meta li { margin: 2px 0; }

.forschung-button {
	display:inline-block;
	margin-top: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	border: 1px solid #e5e7eb;
	text-decoration: none;
}
.forschung-button-external { border-color:#22c55e; }

@media (max-width: 960px) {
	.forschung-grid.spalten-4 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 680px) {
	.forschung-grid.spalten-4, .forschung-grid.spalten-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 460px) {
	.forschung-grid.spalten-2 { grid-template-columns: 1fr; }
}


/* Forschung grid */
.mobkom-forschung-section { padding-top: 8px; }
.forschung-grid { display:grid; gap:16px; }
.forschung-grid.spalten-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.forschung-grid.spalten-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.forschung-grid.spalten-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.forschung-grid.spalten-1 { grid-template-columns: 1fr; }

.forschung-card { border:1px solid #e5e7eb; border-radius: 14px; padding:16px; background:#fff; box-shadow: 0 1px 2px rgba(0,0,0,.03); }
.forschung-title { font-size:18px; margin:6px 0; }
.forschung-excerpt { color:#475569; }
.forschung-details .detail-item { display:flex; gap:8px; align-items:center; margin:4px 0; }

@media (max-width: 960px) {
	.forschung-grid.spalten-4 { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 680px) {
	.forschung-grid.spalten-4, .forschung-grid.spalten-3 { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 460px) {
	.forschung-grid.spalten-2 { grid-template-columns: 1fr; }
}