button.navbar-toggler{
	--navbar-toggler-button-padding-x: 5px;
	--navbar-toggler-button-padding-y: 5px;
	--navbar-toggler-button-line-w: 30px;
	--navbar-toggler-button-line-h: 3px;
	--navbar-toggler-button-line-spacing: 5px;
	--navbar-toggler-button-line-color: var(--wp--preset--color--dietziker-blau);
	--navbar-toggler-button-line-color-x: var(--wp--preset--color--orange);
	--navbar-toggler-button-line-color-hover: var(--wp--preset--color--orange);

	position: relative;
	z-index: 999;
	margin-right: max( var(--snap), calc( -1 * var(--navbar-toggler-button-padding-x) ) ) !important;
	padding: var(--navbar-toggler-button-padding-y) var(--navbar-toggler-button-padding-x) !important;
	border: none !important;
}
button.navbar-toggler:focus{
	box-shadow: none;
}
button.navbar-toggler span,
button.navbar-toggler::before,
button.navbar-toggler::after{
	width: var(--navbar-toggler-button-line-w);
	height: var(--navbar-toggler-button-line-h);
}
button.navbar-toggler span{
	display: block;
	margin: calc( var(--navbar-toggler-button-line-h) + var(--navbar-toggler-button-line-spacing) ) 0;
	background-color: var(--navbar-toggler-button-line-color);
	opacity: 0;
	transition: background-color 300ms ease, opacity 300ms ease 300ms;
}
button.navbar-toggler::before,
button.navbar-toggler::after{
	content: "";
	position: absolute;
	left: var(--navbar-toggler-button-padding-x);
	background-color: var(--navbar-toggler-button-line-color-x);
	transition: background-color 300ms ease 0s, top 300ms ease 0s, bottom 300ms ease 0s, transform 300ms ease 350ms;
	transform-origin: center;
}
button.navbar-toggler::before{
	top: calc( var(--navbar-toggler-button-padding-y) + var(--navbar-toggler-button-line-spacing) + var(--navbar-toggler-button-line-h) );
	transform: rotate(45deg);
}
button.navbar-toggler::after{
	bottom: calc( var(--navbar-toggler-button-padding-y) + var(--navbar-toggler-button-line-spacing) + var(--navbar-toggler-button-line-h) );
	transform: rotate(-45deg);
}
button.navbar-toggler.collapsed span{
	opacity: 1;
}
button.navbar-toggler.collapsed::before,
button.navbar-toggler.collapsed::after{
	background-color: var(--navbar-toggler-button-line-color);
	transition: background-color 300ms ease 0s, top 300ms ease 350ms, bottom 300ms ease 350ms, transform 300ms ease 0ms;
}
button.navbar-toggler.collapsed::before{
	top: var(--navbar-toggler-button-padding-y);
	transform: rotate(0deg);
}
button.navbar-toggler.collapsed::after{
	bottom: var(--navbar-toggler-button-padding-y);
	transform: rotate(0deg);
}

button.navbar-toggler:hover span,
button.navbar-toggler:hover::before,
button.navbar-toggler:hover::after{
	background-color: var(--navbar-toggler-button-line-color-hover);
}