/*
Site specific CSS for: Biel
Author: Webdesign Burgdorf, Ralf Longwitz
Description: This CSS is loaded in addition to all other CSS files only for this specific child site
*/
/* RL260122 */


:root {
	--logo-height: calc(var(--logo-base-height) * 1.3);
	--top-bar--height: calc(2.5rem + 1.3rem + 1rem); /* height + padding */
	--navigation--height: calc(var(--nav-text-size) + 1rem + 2rem); /* line-height + padding */
	--header--height: calc(var(--top-bar--height) + var(--navigation--height));
	/* Background setting for title wrapper in hero section */
	--bg-title-wrapper: hsl(from var(--contrast-3) h s l / 80%);
}

.header-container,
.site.container { animation: fadeIn 0.6s ease-in 0.3s forwards; }
.header-container { animation-duration: 0.3s; }

.home header.hero { min-height: calc(100svh - var(--header--height) - 3px); }
header.hero .title-wrapper h2 { font-size: var(--pv-text-3xl); }

.site-logo, .mobile-header-navigation .site-logo { margin-top: calc(0px - var(--top-bar--height)); }
.mobile-header-navigation .site-logo { margin-left: var(--pv-space-s) !important; }

.gb-mobile-logo {
	position: relative;
	object-fit: cover;
	width: 100%;
	height: auto;
	z-index: 1;
}

a:has(.gb-mobile-logo) {
	display: none;
	height: calc(1em + var(--pv-space-l) * 2);
	width: 10rem;
	position: sticky;
	margin-top: calc(0px - 1em - var(--pv-space-l) * 2);
	top: 1.5rem;
	left: 1.5rem;
	z-index: 2;
}
#gb-header .gb-menu-container .top-bar, #gb-header  .gb-menu-container .buttons-cta {
	display: none;
	flex-direction: row; /* change for column */
}
#gb-header .gb-menu-container.gb-menu-container--mobile {
	a:has(.gb-mobile-logo) { display: block; }
	.buttons-cta {
		display: flex;
		column-gap: var(--pv-space-3xs);
		/*margin: 1.5rem 1rem 0 0; für >1 Ebene */
		margin: 2rem auto 0;
		flex-wrap: wrap;
		justify-content: center;
		a {
			padding: 0.15rem var(--pv-space-2xs);
			line-height: 1.5 ! important;
			font-size: var(--pv-text-xs);
		}
	}
	.top-bar {
		display: inline-flex;
		margin-bottom: 1.5rem;
		justify-content: center;
		z-index: 0;
		&.intersected { position: relative; }
		.wp-block-social-links {
			filter: grayscale(0) opacity(1);
			transform: scale(1) !important;
		}
		.search-group .wp-block-search { width: 14rem; }
		.search-group.search-open {
			position: absolute;
			right: 1rem;
		}
		._search-group {  /* change for column */
			.search-toggle { display: none; }
			justify-content: center;
			.wp-block-search {
				opacity: 1;
				width: 15rem;
				height: 3rem;
				position: relative;
				padding: 0 0.75em;
			}
		}
	}
}
#generate-slideout-menu, .gb-navigation--mobile {
	.main-nav ul li > a { padding-left: 3.5rem; }
}

/* Anchor Navigation with hiding header */
.wdb-anchor-navigation.stuck { border-radius: var(--btn-radius) !important; }
body.scrolling-down .wdb-anchor-navigation { top: 0 !important; }
.scrolling-up .wdb-sticky-sentinel-before { transform: translateY(calc(0px - var(--header--height))); }
@media (min-width: 640px) {
	.wdb-anchor-navigation.stuck {
		border-top-right-radius: 0 !important;
		border-top-left-radius: 0 !important; ;
	}
}

/* Downloads */
.wdb-media-downloads a { width: fit-content; }

/* Team */
.gb-loop-item {
	img {
		width: 100%;
		max-width: 100%;
	}
}
.team-member img { border-radius: 50% !important; }

:target, .target, .scrolling-down :target, .scrolling-down .target { scroll-margin-top: calc(var(--header--height) + var(--pv-space-2xl)); }
.anchor-navigation :target, .anchor-navigation .target { scroll-margin-top: calc(var(--header--height) + var(--pv-space-2xl) * 2 ) !important; }

@media (max-width: 640px) {
	:root {
		--navigation--height: calc(var(--logo-height) + 1rem);
		--buttons--height: calc(var(--pv-text-s) * 1.5 + 1rem + 4px);
		--header--height: calc(var(--top-bar--height) + var(--navigation--height) + var(--buttons--height));
	}
}