/* [dirschl_theme_toggle] – ein Icon, wechselt Sonne/Mond */

.dirschl-hub-theme-toggle-wrap {
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
}

.dirschl-hub-theme-toggle {
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
}

.dh-scheme-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: var(--dh-toggle-icon, var(--dh-text, #333));
	cursor: pointer;
	line-height: 0;
	vertical-align: middle;
	transition: color 0.15s ease, opacity 0.15s ease;
}

.dh-scheme-toggle:hover,
.dh-scheme-toggle:focus-visible {
	color: var(--dh-accent, #2271b1);
	outline: none;
}

.dh-scheme-icon {
	display: none;
	align-items: center;
	justify-content: center;
}

/* Hell: Mond anzeigen (Klick → Dunkel) */
.dirschl-hub-theme-toggle:not(.is-dark) .dh-scheme-icon--moon {
	display: inline-flex;
}

/* Dunkel: Sonne anzeigen (Klick → Hell) */
.dirschl-hub-theme-toggle.is-dark .dh-scheme-icon--sun {
	display: inline-flex;
}

.dh-scheme-svg {
	display: block;
}

.dh-scheme-svg--sun {
	width: 22px;
	height: 22px;
}

.dh-scheme-svg--moon {
	width: 20px;
	height: 20px;
}

.ditp-language-switcher-links > .dirschl-hub-theme-toggle-wrap--left {
	margin-right: 4px;
	vertical-align: middle;
}

.ditp-language-switcher-links > .dirschl-hub-theme-toggle-wrap--right {
	margin-left: 4px;
	vertical-align: middle;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	word-wrap: normal !important;
}