.note supports dark mode and looks like code blocks; inline code has not backticks around

assets/custom.css

@@ -1,2 +1,45 @@
 /* Place custom css here. */
-dl dd {margin-left: 2em;}
+
+/* Definitionen einrücken */
+dl dd {
+	margin-left: 2em;
+}
+
+/* Notiz-Block/Anmerkungen */
+.note {
+	/*border: .25em solid #FCAF3E;*/
+	border-radius: 6px;
+	padding: .5em;
+	background:#FCE94F;
+
+	/* from .highlight pre */
+	margin: 27px -32px;
+	padding: 32px;
+}
+:is(.dark body) .note {
+	color: #111;
+}
+:is(.dark body) .note code {
+	color: #111;
+}
+:is(.dark body) .note a:link, :is(.dark body) .note a:visited, :is(.dark body) .note a:hover, :is(.dark body) .note a:active {
+	color: #111;
+}
+
+/* Fußnoten - <https://geekthis.net/post/hugo-footnotes-and-citations/> */
+a.footnote-ref::before {
+	content: '[';
+}
+a.footnote-ref::after {
+	content: ']';
+}
+
+/* inline code blocks */
+.prose :where(code):not(:where([class~=not-prose] *))::before {
+	/*content: "`";*/
+	content: "";
+}
+.prose :where(code):not(:where([class~=not-prose] *))::after {
+	/*content: "`";*/
+	content: "";
+}