/* Custom adjustments berlin-mitte-institut.de (2026-10-11) */
body { padding-top: 0; margin-bottom: 0; }

.bmi-navbar { padding-top: .6rem; padding-bottom: .6rem; }
.navbar > .container.bmi-navbar-inner {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	width: 100%;
}
.bmi-brand {
	grid-column: 2;
	margin: 0;
	text-align: center;
	letter-spacing: .08em;
	font-size: 1.15rem;
	white-space: nowrap;
}
.bmi-nav-icons {
	grid-column: 3;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: .15rem;
}
.bmi-nav-icons .nav-link { padding: .35rem .45rem; }
.bmi-nav-icons img.nav-svg-icon { width: 18px; height: 18px; padding-bottom: 0; }

@media (max-width: 767.98px) {
	.navbar > .container.bmi-navbar-inner {
		grid-template-columns: 1fr;
		row-gap: .25rem;
	}
	.bmi-nav-left { display: none; }
	.bmi-brand { grid-column: 1; font-size: 1rem; white-space: normal; }
	.bmi-nav-icons { grid-column: 1; justify-content: center; }
	.bmi-nav-icons img.nav-svg-icon { width: 16px; height: 16px; }
}

/* Profile page */
.bmi-profile { text-align: center; }
.bmi-profile .bmi-photo {
	width: 180px; height: 180px; object-fit: cover; border-radius: 50%;
	box-shadow: 0 8px 30px rgba(0,0,0,.15);
}
.bmi-profile h1.bmi-name { margin-top: 1.25rem; margin-bottom: .5rem; font-size: 2rem; }
.bmi-profile .bmi-tagline { color: var(--color-text-muted, #6e6e73); font-size: 1.05rem; margin-bottom: 1.5rem; }
.bmi-contact {
	margin: 1.5rem auto 2rem; padding: 1.1rem 1.25rem; max-width: 520px;
	border-radius: 14px; background: rgba(127,127,127,.08);
}
.bmi-contact h2 { font-size: 1.05rem; text-transform: uppercase; letter-spacing: .06em; margin-bottom: .6rem; }
.bmi-contact p { margin-bottom: .5rem; }
.bmi-email-out { display: block; margin-top: .5rem; font-weight: 600; word-break: break-all; }
.bmi-bio { text-align: left; font-size: 1.05rem; line-height: 1.7; }
.bmi-mix { margin-top: 2.5rem; text-align: left; }
.bmi-mix h2 { font-size: 1.25rem; margin-bottom: .75rem; }
.bmi-mix iframe { display: block; width: 100%; height: 120px; border: 0; border-radius: 10px; }
.page-content .bmi-contact h2 { margin-top: 0 !important; }
.page-content .bmi-contact > :last-child { margin-bottom: 0; }
.page-content .bmi-mix h2 { margin-top: 0 !important; }

/* 2026-10-11 Zusatz: click to load player, legal pages */
.bmi-profile .bmi-tagline { line-height: 1.6; }
.bmi-mix-placeholder {
	border-radius: 10px; padding: 1.1rem 1.25rem; text-align: center;
	background: #1f2124; color: #e6e6e6;
}
.page-content .bmi-mix-placeholder p { margin-bottom: .6rem; }
.bmi-mix-placeholder .bmi-mix-title { font-weight: 600; }
.bmi-mix-placeholder .bmi-mix-note { font-size: .85rem; color: #b5b5b5; margin-bottom: 0 !important; }
.bmi-mix-placeholder a { color: #8ab4ff; }
.bmi-mix-placeholder.bmi-mix-loaded { padding: 0; background: transparent; }
.bmi-mix-placeholder iframe { display: block; width: 100%; height: 120px; border: 0; border-radius: 10px; }
.bmi-legal h2 { font-size: 1.2rem; margin-top: 1.75rem; }
.bmi-legal-links { padding: 1.5rem 0; font-size: .85rem; }

/* 2026-10-11 Mix list */
.bmi-mixlist {
	list-style: none; margin: .9rem 0 0; padding: 0;
	border: 1px solid rgba(127,127,127,.18); border-radius: 10px; overflow: hidden;
	counter-reset: mix;
}
.bmi-mixlist li { counter-increment: mix; border-top: 1px solid rgba(127,127,127,.14); }
.bmi-mixlist li:first-child { border-top: 0; }
.page-content .bmi-mixlist-item {
	display: flex; align-items: baseline; gap: .75rem;
	padding: .55rem .85rem; color: inherit; text-decoration: none;
	font-size: .95rem; line-height: 1.35; transition: background-color .15s;
}
.bmi-mixlist-item::before {
	content: counter(mix, decimal-leading-zero);
	font-variant-numeric: tabular-nums; font-size: .78rem; color: #8a8a8e; min-width: 1.4rem;
}
.bmi-mixlist-title { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.bmi-mixlist-len { flex: 0 0 auto; font-size: .8rem; color: #8a8a8e; font-variant-numeric: tabular-nums; }
.page-content .bmi-mixlist-item:hover { background: rgba(127,127,127,.08); text-decoration: none; color: inherit; }
.page-content .bmi-mixlist-item.is-active { background: rgba(0,113,227,.09); color: var(--color-primary, #0071e3); font-weight: 600; }
.bmi-mixlist-item.is-active::before { content: "\25B6"; color: var(--color-primary, #0071e3); font-size: .7rem; }
.bmi-mix-links { margin-top: .9rem; font-size: .9rem; text-align: center; }
@media (max-width: 575.98px) {
	.page-content .bmi-mixlist-item { font-size: .9rem; padding: .55rem .7rem; gap: .55rem; }
}

/* 2026-10-11 Mix card (click to load) */
.bmi-mix-card {
	border-radius: 12px; padding: 1.2rem 1.25rem; text-align: center;
	background: #1f2124; color: #e6e6e6;
}
.page-content .bmi-mix-card p { margin-bottom: .6rem; }
.bmi-mix-card .bmi-mix-card-text { font-size: .95rem; }
.bmi-mix-card .bmi-mix-note { font-size: .82rem; color: #b5b5b5; margin-bottom: 0 !important; }
.bmi-mix-card a { color: #8ab4ff; }
.bmi-mix-player { min-height: 120px; }
.bmi-mix-player iframe { display: block; width: 100%; height: 120px; border: 0; border-radius: 10px; }
.bmi-mix-app[hidden], .bmi-mix-card[hidden] { display: none !important; }

/* 2026-10-11 Mix card v2 */
.page-content #bmi-mixes > h2 { text-align: center; }
.bmi-br-wide { display: none; }
@media (min-width: 700px) { .bmi-br-wide { display: inline; } }