@charset "utf-8";

:root {
  --link:           #0059d6; 
  --link-visited:   #6930c3;  
  --link-hover:     #0041a8;  
  --link-active:    #002e7a;
  --link-focusring: #ffbf00;  
}

*:focus:not(:focus-visible) {
    outline: none
} 

*:focus-visible {
  outline: navy solid 5px !important; 
  outline-offset: 2px !important;
}

a:focus-visible > .img-element {
  outline: navy solid 5px !important; 
  outline-offset: 2px !important;
}

#accessiblemenu a {
	padding: 8px 16px;
	position: absolute;
	left: -100vw;
	transition: none
}

#accessiblemenu a:focus {
	background-color: #333!important;
	color: #fff;
	font-size: 16px;
	outline: 4px solid #ffbf47!important;
	outline-offset: 2px;
	left: 20px;
	top: 20px;
	z-index: 10000
}

#accessiblemenu a i {
	margin-right: 10px
}

@media (prefers-reduced-motion: reduce) {
[class*="anim"], .txtboxhover, .animation-text3 u {
	opacity: 1 !important; 
	transform: translate(0px) !important; 
	transition:  none !important;
	animation-name: none;
	animation: none;
}
.parallaxcontainer {	background-attachment: unset !important;}
.masonry-layout .imghover:hover {transform: scale(1) !important;} 	
.img-element-hover:hover {opacity: 0 !important;}
}


/* Standard-Links … */
a {
  color: var(--link);
  text-decoration: underline;              /* Zusatzsignal = sofort WCAG-konform */
  text-decoration-thickness: .08em;        /* etwas kräftiger lesbar */
  text-underline-offset: .15em;            /* Unterstreichung hängt nicht am Text fest */
}

/* …besucht */
a:visited {
  color: var(--link-visited);
}

/* Hover/Focus/Active */
a:hover,
a:active {
  color: var(--link-hover);
}

a:focus-visible {                          /* nur Tastatur-Focus, nicht Maus */
  outline: .2rem solid var(--link-focusring);
  outline-offset: .2rem;
  text-decoration-thickness: .12em;        /* extra dick bei Tastatur-Focus */
}

/* Optional: Links in ­Fließtext fett auf Hover – als weiteres Signal */
p a:hover {
  font-weight: 600;
}