/* CUSTOM CSS */

body a {
	text-decoration-thickness: 1.6px !important;
	text-underline-offset: .15em;
	font-weight:600;
}


.current-menu-item > a > span {
	background-color: #002d4d;
	padding: 1.5ch;
	border-radius: 7px;
	color: white;
	text-decoration: none !important;
	font-weight: 600;
	letter-spacing: 1.2px;
}

.zsl-hero-wrapper{
	max-width: 1350px;
}

.zsl-hero-title {
	display: inline;
	background-color: white;
	box-shadow: 10px 0 0 white, -10px 0 0 white;


}

.zsl-hero-quicklinks .wp-block-button > a:focus {
	outline-color: var(--wp--preset--color--custom-zsl-blau-2);
	outline-offset: 1px;
	transform: scale(1.05);
	outline-width: 5px;
}

.zsl-hero-quicklinks .wp-block-button a:hover, .zsl-hero-quicklinks .wp-block-button  a:focus {
	outline-color: var(--wp--preset--color--custom-zsl-blau-2);
	outline-offset: 1px;
	transform: scale(1.05);
	outline-width: 5px;
}

a:hover, a:focus {
	outline-color: var(--wp--preset--color--custom-zsl-blau-2);
	outline-offset: 1px;
	transform: scale(1.05);
	outline-width: 5px;
}
.custom-logo{
	width:clamp(232px,13em,368px);
}




/*Customizations*/
@media (max-width:599px) {
	
	.zsl-preheader-quicklinks{
	justify-content:left;
		
	}
	.zsl-preheader-quicklinks > p{
		padding-left:0;
	}
	
	header > div > div{
		margin-bottom: 0 !important;
	}
	
	.zsl-header-logo{
		margin-left:0 !important;
		gap:18px 0;
	}
	
	.zsl-header-menu{
		margin-block-start: 0 !important;
	}
	
	
	.zsl-header-menu > button, .zsl-header-menu button.wp-block-navigation__responsive-container-close {
		background-color: var(--wp--preset--color--custom-zsl-blau-2);
		border-radius: 31px;
		padding: 1ch;
		position:fixed;
		top:21px;
		right:21px;
		z-index:3;
		border:3px solid white;
	}
	
	.zsl-header-menu > button > svg, .zsl-header-menu button.wp-block-navigation__responsive-container-close > svg{
		fill: white;
		display: block;
		height: 39px;
		pointer-events: none;
		width: 39px;
	}
	
	.zsl-header-menu div.wp-block-navigation__responsive-container-content{
		padding-top:0 !important;
	}

	
	div.wp-block-group:first-of-type{
		margin-top:0 !important;
	}
	

	
}

	.zsl-btt-btn{
		position:fixed;
		bottom:21px;
		right:21px;
		z-index:3;
		
	}

.zsl-btt-btn > a {
background-color:var(--wp--preset--color--custom-zsl-blau-2)
}

html{
	scroll-behavior: smooth;
}