:root{
	--href-outline-farbe: #f9ae00;
	--href-focus-background: rgba(255,255,255,.5);
}

/* Hyperlinks */
/* Theme resets also affect the active FAQ tab. Neutral outer rings keep the
   existing focus colour visible without changing the normal component styles. */
body :is(a,button,input:not([type="hidden"]),select,textarea,[role="button"],[role="tab"],[tabindex="0"]):focus-visible {
    outline: 3px solid var(--href-outline-farbe) !important;
    outline-offset: 3px;
    box-shadow: 0 0 0 2px var(--weiss), 0 0 0 6px var(--dunkelgrau) !important;
}
#page .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header:focus-visible,
#page .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a:focus-visible {
    outline: 3px solid var(--href-outline-farbe) !important;
    outline-offset: -4px;
    box-shadow: inset 0 0 0 2px var(--dunkelgrau) !important;
}
@media (prefers-reduced-motion: reduce) {
    .kenBurnsEffekt-01 img, .kenBurnsEffekt-02 img { animation: none !important; }
    html { scroll-behavior: auto !important; }
}
/* ### the7-Theme ################################################################################################# */
#page .skip-link{
	background-color: #fff;
	text-transform:uppercase;
	font-size:1.2rem;
	font-weight:600;
	outline: 3px dotted var(--href-outline-farbe);
	color: var(--the7-base-color);
	box-shadow: none;
}
#page .skip-link:focus-visible{ z-index: 99999; }

/* Korrektur CSS für Top-Bar Naviagtion. Eventuell abgleichen mit den Einstellungen im Backend -> The Options -> Top-Bar & Header -> Microwidgets */
.masthead .top-bar .menu-select, .masthead .top-bar .mini-nav nav > ul:not(.mini-sub-nav) > li > a{
	color: var(--the7-links-color);
	font: 500 16px / 22px var(--font-family);
	text-transform:uppercase;
}
.masthead .top-bar .menu-select, .masthead .top-bar .mini-nav nav > ul:not(.mini-sub-nav) > li:not(.last) > a{
	margin-right: 16px;
}