:root {
	--bey-header-size: 8.625rem;
}

@media (max-width: 1199px) {
	:root {
		--bey-header-size: calc(
			4.65rem + 3.4508333333vw + var(--wp--preset--spacing--40) * 2
		);
	}
}

.bca-header-logos svg {
	fill: #000;
	height: auto;
	opacity: 0.4;

	transition: opacity 0.4s;
}

.bca-header-logos a:hover svg {
	opacity: 0.8;
}

.bca-header-logos .safe-svg-inline,
.bca-header-logos .safe-svg-inside {
	display: flex;
	width: auto !important;
	height: auto !important;
}

.bca-header-logos .bca-logo-proaestetic svg {
	width: clamp(75px, 12.5vw, 150px);
	aspect-ratio: 196 / 50;
}
.bca-header-logos .bca-logo-sophienklinik svg {
	width: clamp(75px, 12.5vw, 150px);
	aspect-ratio: 198 / 42;
}
.bca-header-logos .bca-logo-jungbrunnen svg {
	width: clamp(80px, 12.5vw, 166px);
	aspect-ratio: 216 / 34;
}
.bca-header-logos .bca-logo-kosmed svg {
	width: clamp(51px, 12.5vw, 102px);
	aspect-ratio: 133 / 54;
}
.bca-header-logos .bca-logo-dermatologikum svg {
	width: clamp(70px, 12.5vw, 170px);
	aspect-ratio: 218 / 44;
}

@media (max-width: 1199px) {
	:where(.bca-header-inner) > div {
		position: static;
	}

	header .bca-header-menu {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	header .bca-header-inner .bey-menu-wrapper {
		position: absolute;
		top: 8px;
		left: 0;
		width: 100%;
		margin: 0;

		justify-content: space-between;
		flex-direction: row-reverse;
	}

	header.wp-block-template-part .wp-block-site-logo img {
		position: relative;
		z-index: 100;
		max-width: 200px;
	}

	:where(.bca-header-button) {
		margin: var(--wp--preset--spacing--40);
		align-self: flex-start;
	}

	.bca-header-button-menu-item {
		align-self: center;

		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
}

@media (min-width: 1200px) {
	:where(header.wp-block-template-part) {
		top: calc(-92px + var(--wp-admin--admin-bar--height, 0rem));
		box-shadow: var(--wp--preset--shadow--soft);
		border-bottom: 1px solid var(--wp--preset--color--grey-light);
	}

	:where(.bca-header-inner) {
		position: sticky;
		top: calc(0rem + var(--wp-admin--admin-bar--height, 0rem));
		z-index: 99;
	}

	:where(.bca-header-menu) > div {
		position: relative;
	}

	:where(.bca-header-button) {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	header .bca-header-inner .bey-menu-wrapper {
		margin-left: calc(var(--wp--preset--spacing--40, 0) * -1);
	}
}