/* LIVE Rosenau */

/* Focus */

/* Remove the default :focus outline */
*:focus {
  outline: none;
}

@media (hover: hover) {
	/* Show a custom outline on :focus-visible */
	*:focus-visible {
  		outline: 3px dashed var(--color-dark);
  		outline-offset: 5px;
  		border: none;
  		/*border: 3px dashed;
  		border-image: linear-gradient(to right, grey 25%, yellow 25%, yellow 50%, red 50%, red 75%, teal 75%) 5;*/
	}
	/*nav *:focus-visible {
  		outline-offset: -2px;
  		border: none;
  		outline: 2px dashed green;
  	}
  	*/
	 /*
   overlay *:focus-visible {
  		outline-offset: -2px;
  		border: none;
  	}
    footer a:focus-visible {
  		outline: 3px solid var(--color-light);
  	}*/
}

.cta a:focus {
    /*text-decoration: underline;*/
    text-decoration: underline 2px solid currentColor;
    text-underline-offset: 4px;
}

.cta > *:has(:focus-visible):focus-within {
    /*box-shadow: 0 0 0 0.25rem;*/
    outline: 3px dashed var(--color-dark);
  	outline-offset: 7px;
}

.cta > *:focus-within a:focus-visible {
    text-decoration: none;
    outline: 0;
}