/* Ergänzungen zum theme.json */
html { scroll-behavior: smooth; }
:where(section, .wp-block-group)[id] { scroll-margin-top: 110px; }

.bz-kicker { letter-spacing: .18em; text-transform: uppercase; font-weight: 600; }

/* Nummerierte Schritte */
.bz-step { align-items: flex-start !important; }
.bz-step-number {
	flex: 0 0 44px; width: 44px; height: 44px; margin: 0 !important;
	border: 1px solid var(--wp--preset--color--navy); border-radius: 999px;
	display: flex; align-items: center; justify-content: center;
	font-weight: 600; color: var(--wp--preset--color--navy);
}

/* Karten */
.is-style-card { background: var(--wp--preset--color--white); border: 1px solid var(--wp--preset--color--line); border-radius: 4px; }
.bz-topline { border-top: 2px solid var(--wp--preset--color--navy); }

/* Icons in Karten */
.bz-icon { width: 48px; height: 48px; border-radius: 999px; background: var(--wp--preset--color--mist-light); display: flex; align-items: center; justify-content: center; }
.bz-icon svg { width: 22px; height: 22px; }
.bz-play { width: 52px; height: 52px; flex: 0 0 52px; border-radius: 999px; background: var(--wp--preset--color--navy); display: flex; align-items: center; justify-content: center; }

/* Umriss-Button */
.wp-block-button.is-style-outline-navy .wp-block-button__link {
	background: transparent; color: var(--wp--preset--color--navy);
	border: 1px solid var(--wp--preset--color--navy);
}
.wp-block-button.is-style-outline-navy .wp-block-button__link:hover { background: var(--wp--preset--color--navy); color: #fff; }
.has-navy-background-color .wp-block-button.is-style-outline-navy .wp-block-button__link { color: #fff; border-color: #fff; }

/* Lebenslauf-Liste */
.bz-cv { list-style: none; padding: 0; border-top: 1px solid var(--wp--preset--color--line); }
.bz-cv li { padding: 16px 0; border-bottom: 1px solid var(--wp--preset--color--line); }

/* Badge */
.bz-badge { display: inline-block; background: var(--wp--preset--color--mist); padding: 4px 12px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: 0 !important; text-transform: none !important; }

/* Kopfzeile */
.bz-header { position: sticky; top: 0; z-index: 50; background: #fff; border-bottom: 1px solid var(--wp--preset--color--line); }
.admin-bar .bz-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .bz-header { top: 46px; } }

/* Links in dunklen Bereichen */
.has-navy-background-color a:where(:not(.wp-block-button__link)) { color: #fff; }
.bz-footer-links a { text-decoration: none; }
.bz-footer-links a:hover { text-decoration: underline; }

/* Bilder im Porträtformat */
.bz-portrait img { aspect-ratio: 4 / 5; object-fit: cover; width: 100%; height: auto; border-radius: 4px; }

@media (max-width: 781px) {
	.bz-hide-mobile { display: none !important; }
}