/* enqueue these as a separate stylesheet so they can be filtered */
.fontsize p,
.fontsize div:not(div:has( p, h1, h2, h3, h4, h5, h6)),
.fontsize footer:not(footer:has( p, h1, h2, h3, h4, h5, h6)),
.fontsize li:not(.a11y-toolbar-list-item),
.fontsize label,
.fontsize input,
.fontsize select,
.fontsize textarea,
.fontsize legend,
.fontsize code,
.fontsize pre,
.fontsize dd,
.fontsize dt,
.fontsize blockquote {
	font-size: var(--wpa-font-size) !important;
	line-height: 1.6;
}

.fontsize h1 {
	font-size: var(--wpa-h1-size) !important;
}

.fontsize h2 {
	font-size: var(--wpa-h2-size) !important;
}
.fontsize h3 {
	font-size: var(--wpa-h3-size) !important;
}
.fontsize h6,
.fontsize h5,
.fontsize h4 {
	font-size: var(--wpa-h4-size) !important;
}

/* Otherwise, these get larger with each level of nesting. */
.fontsize li li {
	font-size: var(--wpa-sub-list-size) !important;
}

.fontsize li li li {
	font-size: var(--wpa-sub-sub-list-size) !important;
}

.a11y-toolbar ul li button:hover {
    background: green !important; /* Button HG-Farbe für Kontrast und Schriftgröße */
    color: white !important; /* Icon-Farbe für Kontrast und Schriftgröße */
}

.a11y-toolbar ul li button.active {
    background: green !important;
    color: #ffffff !important; /* Icon-Farbe für Kontrast und Schriftgröße */
}
button#is_large_fontsize.a11y-toggle.a11y-toggle-fontsize.toggle-fontsize.active span,
button#is_large_fontsize.a11y-toggle.a11y-toggle-fontsize.toggle-fontsize.active span:before {
    background: green !important;
}
button#is_large_fontsize.a11y-toggle.a11y-toggle-fontsize.toggle-fontsize.active span.offscreen {
    color:#000000 !important; 
    background: #fff !important; 
}