.wp-block-group.ona-header-transparent.header-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;

  background-color: transparent !important;
  color: inherit;
  transition: background-color 0.6s ease, color 0.6s ease;
}

/* Scroll-Zustand */
.wp-block-group.ona-header-transparent.header-nav.scrolled {
  background-color: rgba(221, 148, 45, 1) !important;
}

.wp-block-group.ona-header-transparent.header-nav.scrolled,
.wp-block-group.ona-header-transparent.header-nav.scrolled * {
  color: var(--wp--preset--color--text-regular) !important;
  transition: color 0.6s ease;
}


/* Admin-Bar */
body.admin-bar .wp-block-group.ona-header-transparent.header-nav {
  top: 32px;
}

.is-style-ona-button-simple .wp-block-button__link::after {
	content: "";
	width: 18px;
	height: 18px;
	margin-left: 10px;
	background-color: currentColor;
	display: inline-block;
	transition: transform 0.2s var(--ona-transition);
}

.is-style-ona-button-simple .wp-block-button__link {
	display: inline-flex;
	align-items: center;
}

.is-style-ona-button-simple .wp-block-button__link:hover::after {
	transform: translateX(6px);
}

/* Basis: Button normal */
.wp-block-button.is-style-ona-button-arrow-icon-inv .wp-block-button__link {
	display: inline-flex;
	align-items: center;

	color: var(--wp--preset--color--primary) !important; /* Textfarbe normal */
	background-color: var(--wp--preset--color--background) !important; /* Hintergrund fix */
	transition: color 0.2s ease;
}

/* Pfeil */
.wp-block-button.is-style-ona-button-arrow-icon-inv .wp-block-button__link::after {
	content: "";
	width: 18px;
	height: 18px;
	margin-left: 10px;

	-webkit-mask: url("../img/arrow-right-line.svg") no-repeat center;
	mask: url("../img/arrow-right-line.svg") no-repeat center;
	-webkit-mask-size: cover;
	mask-size: cover;

	background-color: currentColor; /* synchron mit Text */
	display: inline-block;
	transition: transform 0.2s var(--ona-transition),
	            background-color 0.2s var(--ona-transition);
}

/* Hover: Text & Pfeilfarbe ändern, Hintergrund bleibt */
.wp-block-button.is-style-ona-button-arrow-icon-inv .wp-block-button__link:hover,
.wp-block-button.is-style-ona-button-arrow-icon-inv .wp-block-button__link:focus {
	color: var(--wp--preset--color--light) !important; /* Text */
	background-color: var(--wp--preset--color--background) !important; /* Hintergrund fix */
}

.wp-block-button.is-style-ona-button-arrow-icon-inv .wp-block-button__link:hover::after,
.wp-block-button.is-style-ona-button-arrow-icon-inv .wp-block-button__link:focus::after {
	transform: translateX(6px);
	background-color: currentColor; /* Pfeilfarbe wie Text */
}