/* HS Inline-Fußnoten 1.0.1 */
.hs-footnote {
	display: inline;
}

.hs-footnote__ref {
	appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.45em;
	height: 1.45em;
	margin: 0 .10em;
	padding: 0;
	border: 2px solid #aab2bb;
	border-radius: 999px;
	background: transparent;
	color: inherit;
	font: inherit;
	font-size: .67em;
	font-weight: 700;
	line-height: 1;
	vertical-align: .30em;
	cursor: pointer;
	transition: border-color .18s ease, color .18s ease, background-color .18s ease;
}

.hs-footnote__ref:hover,
.hs-footnote__ref:focus-visible,
.hs-footnote__ref[aria-expanded="true"] {
	border-color: #233057;
	color: #233057;
}

.hs-footnote__ref:focus-visible,
.hs-footnote__close:focus-visible {
	outline: 2px solid #233057;
	outline-offset: 3px;
}

.hs-footnote__panel {
	box-sizing: border-box;
	display: block;
	width: 100%;
	margin: 1.25em 0 1.5em;
	padding: 1.05em 1.35em 1.15em;
	border-top: 1px solid rgba(35, 48, 87, .28);
	border-bottom: 1px solid rgba(35, 48, 87, .28);
	background: transparent;
	color: inherit;
	font-size: .90em;
	line-height: 1.55;
}

.hs-footnote__panel[hidden] {
	display: none !important;
}

.hs-footnote__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 .55em;
}

.hs-footnote__number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 1.8em;
	height: 1.8em;
	border: 2px solid #aab2bb;
	border-radius: .55em;
	font-size: .82em;
	font-weight: 700;
	line-height: 1;
}

.hs-footnote__close {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	font-size: 1.65em;
	font-weight: 300;
	line-height: 1;
	padding: .05em .15em;
	cursor: pointer;
}

.hs-footnote__text,
.hs-footnote__text p {
	font-size: inherit;
}

.hs-footnote__text p {
	margin-top: 0;
	margin-bottom: .65em;
}

.hs-footnote__text p:last-child {
	margin-bottom: 0;
}

/* HS Footnotes – Marker beim Hover sichtbar halten */

.hs-footnote,
.hs-footnote:hover,
.hs-footnote:focus,
.hs-footnote:focus-visible,
.hs-footnote:active {
	opacity: 1 !important;
	visibility: visible !important;
	color: inherit !important;
	text-decoration: none;
}

.hs-footnote *,
.hs-footnote:hover *,
.hs-footnote:focus * {
	opacity: 1 !important;
	visibility: visible !important;

}

/* Unterstützt den auf horstschulte.com verwendeten html.hs-serif-Modus. */
html.hs-serif .hs-footnote__ref,
html.hs-serif .hs-footnote__panel,
html.hs-serif .hs-footnote__close {
	font-family: inherit;
}

/* Gängige Darkmode-Klassen plus automatischer Browser-Darkmode. */
/* ========================================
   HS Footnotes – Darkmode
   ======================================== */

html.dark .hs-footnote__panel,
html[data-theme="dark"] .hs-footnote__panel,
body.dark-mode .hs-footnote__panel {
	border-color: rgba(255, 255, 255, .24);
	color: rgba(255, 255, 255, .88) !important;
}

/* Fußnotentext ausdrücklich hell setzen */
html.dark .hs-footnote__text,
html.dark .hs-footnote__text p,
html[data-theme="dark"] .hs-footnote__text,
html[data-theme="dark"] .hs-footnote__text p,
body.dark-mode .hs-footnote__text,
body.dark-mode .hs-footnote__text p {
	color: rgba(255, 255, 255, .88) !important;
}

/* Nummer im geöffneten Fußnotenfeld */
html.dark .hs-footnote__number,
html[data-theme="dark"] .hs-footnote__number,
body.dark-mode .hs-footnote__number {
	color: rgba(255, 255, 255, .88) !important;
	border-color: rgba(255, 255, 255, .38);
}

/* Schließen-X */
html.dark .hs-footnote__close,
html[data-theme="dark"] .hs-footnote__close,
body.dark-mode .hs-footnote__close {
	color: #fff !important;
}

/* Fußnotenmarker im Fließtext */
html.dark .hs-footnote__ref,
html[data-theme="dark"] .hs-footnote__ref,
body.dark-mode .hs-footnote__ref {
	color: inherit;
	border-color: rgba(255, 255, 255, .45);
}

html.dark .hs-footnote__ref:hover,
html.dark .hs-footnote__ref:focus-visible,
html.dark .hs-footnote__ref[aria-expanded="true"],
html[data-theme="dark"] .hs-footnote__ref:hover,
html[data-theme="dark"] .hs-footnote__ref:focus-visible,
html[data-theme="dark"] .hs-footnote__ref[aria-expanded="true"],
body.dark-mode .hs-footnote__ref:hover,
body.dark-mode .hs-footnote__ref:focus-visible,
body.dark-mode .hs-footnote__ref[aria-expanded="true"] {
	border-color: currentColor;
	color: inherit;
}

@media (max-width: 600px) {
	.hs-footnote__panel {
		margin: 1.15em 0 1.35em;
		padding: 1.05em .35em 1.15em;
	}
}

/* Beim Drucken sind sämtliche Anmerkungen sichtbar. */
@media print {
	.hs-footnote__ref {
		border-color: #777;
	}

	.hs-footnote__panel[hidden],
	.hs-footnote__panel {
		display: block !important;
		break-inside: avoid;
	}

	.hs-footnote__close {
		display: none !important;
	}
}
.hs-footnote__panel,

.hs-footnote__panel *,

.hs-footnote__close,

.hs-footnote__number,

.hs-footnote__text,

.hs-footnote__text p {

	color: #ff0000 !important;

}