/* logo */
.wp-block-site-logo > a {
	max-width: 150px;
	display: flex;
	justify-content: flex-start;
}

@media (min-width: 780px) {
	.wp-block-site-logo > a {
		max-width: 200px;
	}
}

/* main navigation */
@media (min-width: 780px) {
	body:not(.editor-styles-wrapper) .show-mobile {
		display: none !important;
	}
}

@media ( min-width: 780px ) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;
	}
	
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
	}
}

@media ( min-width: 0 ) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
	
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}

@media (max-width: 779px) {
	
	.wp-site-blocks > header.wp-block-template-part {
		position: relative;
		z-index: 3;
	}
	
	/* Ensure responsive container fills viewport */
	.wp-site-blocks > header .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container {
		position: fixed;
		top: 82px;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: #D3AF77; /* gold background */
		z-index: 2;
		padding: 0 32px; /* space for logo & close button */
		/*overflow-y: auto;*/
		overflow: visible;
	}
	
	.admin-bar .wp-site-blocks > header .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container{
		top: 128px;
	}
	
	.wp-site-blocks > header .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container-close {
		top: -52px;
	}
	
	.has-modal-open .wp-site-blocks > header .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
		display: none;
	}
	
	/* Center and stack menu items */
	.wp-site-blocks > header .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container-content {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		max-width: 100%;
		padding: 36px 0 0;
	}
	
	.wp-block-navigation__responsive-container-content:last-child,
	.wp-block-navigation__responsive-container-content:last-child li {
		border: none;
	}
	
	.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
		margin-top: 0;
	}
	
	/* Style menu links */
	.wp-site-blocks > header .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		padding: 16px 0;
		font-size: 18px;
		font-weight: 500;
		color: #000;
		text-decoration: none;
	}
	
	/* Add arrow in front */
	/* Highlighted last/cta link (Kontakt button style) */
	.wp-site-blocks > header .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container-content .wp-block-navigation__container:first-child {
		width: 100%;
		gap: 0;
		row-gap: 0;
	}
	
	.wp-site-blocks > header .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container-content .wp-block-navigation__container:last-child {
		width: 100%;
		border: none;
	}
	
	.wp-site-blocks > header .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container-content .wp-block-navigation__container:last-child .wp-block-navigation-item {
		border: none;
	}
	
	.wp-site-blocks > header .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container-content .wp-block-navigation__container:last-child .wp-block-social-links {
		width: 100%;
	}
	
	.wp-site-blocks > header .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container-content .wp-block-navigation__container:last-child .wp-block-social-links svg {
		width: 32px;
		height: 32px;
	}
	
	.wp-site-blocks > header .wp-block-navigation.is-responsive .is-menu-open .wp-block-navigation-item {
		border-bottom: 1px solid #352B1E;
		width: 100%;
		gap: 0;
		
	}
	
	.wp-site-blocks > header .wp-block-navigation.is-responsive .is-menu-open .wp-block-navigation-item:first-child {
		border-top: 1px solid #352B1E;
	}
	
	.wp-site-blocks > header .wp-block-navigation.is-responsive .is-menu-open .wp-block-navigation-item > a.wp-block-navigation-item__content {
		font-size: 20px;
		font-weight: 600;
		color: #352B1E;
		text-decoration: none;
		font-family: 'Jost', 'sans-serif';
		padding: 16px 20px;
		gap: 20px;
		outline: none !important;
	}
	
	.wp-site-blocks > header .wp-block-navigation.is-responsive .is-menu-open .wp-block-navigation-item > a.wp-block-navigation-item__content:before {
		content: "";
		display: inline-block;
		width: 16px;
		height: 12px;
		flex-shrink: 0;
		background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.256' height='12.192' viewBox='0 0 16.256 12.192'%3E%3Cpath fill='%23352b1e' d='m10.16 12.192-1.422-1.473 3.607-3.607H0V5.08h12.344L8.737 1.473 10.16 0l6.1 6.1Z'/%3E%3C/svg%3E");
	}
	
	.wp-site-blocks > header .wp-block-navigation.is-responsive .wp-block-buttons {
		width: 100%;
	}
	
	/* Hide Gutenberg default gray overlay background */
	.wp-site-blocks > header .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container::before {
		display: none !important;
	}
	
}

.wp-site-blocks header .wp-block-navigation .wp-block-navigation-item a.wp-block-navigation-item__content,
.wp-site-blocks header .wp-block-navigation .wp-block-navigation-item:hover a.wp-block-navigation-item__content,
.wp-site-blocks header .wp-block-navigation .wp-block-navigation-item a.wp-block-navigation-item__content:hover,
.wp-site-blocks header .wp-block-navigation .wp-block-navigation-link
{
	text-decoration:none !important;
	border: 1px solid transparent;
	border-bottom-width: 2px;
}

.wp-site-blocks header .wp-block-navigation .wp-block-navigation-item a.wp-block-navigation-item__content:hover{
	border-bottom: 2px solid #D3AF77;
}