code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}

ul.task-list[class]{list-style: none;}
ul.task-list li input[type="checkbox"] {
font-size: inherit;
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}

pre > code.sourceCode { white-space: pre; position: relative; }
pre > code.sourceCode > span { line-height: 1.25; }
pre > code.sourceCode > span:empty { height: 1.2em; }
.sourceCode { overflow: visible; }
code.sourceCode > span { color: inherit; text-decoration: inherit; }
div.sourceCode { margin: 1em 0; }
pre.sourceCode { margin: 0; }
@media screen {
div.sourceCode { overflow: auto; }
}
@media print {
pre > code.sourceCode { white-space: pre-wrap; }
pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
}
pre.numberSource code
{ counter-reset: source-line 0; }
pre.numberSource code > span
{ position: relative; left: -4em; counter-increment: source-line; }
pre.numberSource code > span > a:first-child::before
{ content: counter(source-line);
position: relative; left: -1em; text-align: right; vertical-align: baseline;
border: none; display: inline-block;
-webkit-touch-callout: none; -webkit-user-select: none;
-khtml-user-select: none; -moz-user-select: none;
-ms-user-select: none; user-select: none;
padding: 0 4px; width: 4em;
color: #aaaaaa;
}
pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }
div.sourceCode
{ }
@media screen {
pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
}
code span.al { color: #fff; } 
code span.an { color: #fff; } 
code span.at { color: #fff; } 
code span.bn { color: #fff; } 
code span.bu { color: #fff; } 
code span.cf { color: #fff; } 
code span.ch { color: #fff; } 
code span.cn { color: #fff; } 
code span.co { color: #fff; } 
code span.cv { color: #fff; } 
code span.do { color: #fff; } 
code span.dt { color: #fff; } 
code span.dv { color: #fff; } 
code span.er { color: #fff; } 
code span.ex { } 
code span.fl { color: #fff; } 
code span.fu { color: #fff; } 
code span.im { color: #fff; } 
code span.in { color: #fff; } 
code span.kw { color: #fff; } 
code span.op { color: #fff; } 
code span.ot { color: #fff; } 
code span.pp { color: #fff; } 
code span.sc { color: #fff; } 
code span.ss { color: #fff; } 
code span.st { color: #fff; } 
code span.va { color: #fff; } 
code span.vs { color: #fff; } 
code span.wa { color: #fff; }

:root { color-scheme: light; --ink:#20303e; --muted:#596b79; --line:#d5dde4; --accent:#126773; --paper:#ffffff; --wash:#f3f7f8; --code:#102431; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { max-width:940px; margin:0 auto; padding:42px 42px 100px; background:var(--paper); color:var(--ink); font:17px/1.68 system-ui,-apple-system,"Segoe UI",sans-serif; }
h1,h2,h3 { line-height:1.2; letter-spacing:-.025em; scroll-margin-top:24px; }
h1 { font-size:clamp(2.2rem,5vw,3.6rem); margin:0 0 28px; max-width:18ch; color:#143c47; }
h2 { font-size:2.05rem; margin:68px 0 24px; padding-bottom:12px; border-bottom:2px solid var(--line); color:#164b58; }
h3 { font-size:1.48rem; margin:52px 0 18px; color:#155968; }
p { margin:15px 0; }
body > p:first-of-type { font-size:1.12rem; color:var(--muted); }
a { color:var(--accent); text-underline-offset:3px; }
a:hover { color:#084750; }
#inhaltsverzeichnis + ul { background:var(--wash); border:1px solid var(--line); border-radius:12px; padding:24px 32px 24px 46px; columns:2; column-gap:36px; }
#inhaltsverzeichnis + ul li { break-inside:avoid; margin:4px 0; line-height:1.35; }
pre { background:var(--code); color:#edf7f7; padding:18px 22px; border-radius:9px; overflow:auto; font:0.88rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace; }
pre code { color:inherit; background:none; padding:0; white-space:pre; }
code { font:0.88em ui-monospace,SFMono-Regular,Consolas,monospace; background:#eaf0f3; border-radius:4px; padding:2px 5px; }
strong { color:#153f4c; }
blockquote { border-left:4px solid var(--accent); padding-left:18px; color:var(--muted); }
table { width:100%; border-collapse:collapse; display:block; overflow-x:auto; margin:24px 0; font-size:.94rem; }
th,td { border-bottom:1px solid var(--line); padding:10px 14px; text-align:left; vertical-align:top; }
th { background:var(--wash); }
ol,ul { padding-left:1.5em; }
li { margin:5px 0; }
hr { border:0; border-top:1px solid var(--line); margin:48px 0; }
@media (max-width:700px) { body { padding:24px 18px 80px; font-size:16px; } #inhaltsverzeichnis + ul { columns:1; padding:18px 18px 18px 36px; } pre { margin-left:-8px; margin-right:-8px; } }
@media print { body { max-width:none; padding:0; font-size:10.5pt; color:#000; } h2 { break-before:page; } h1,h2,h3 { color:#000; } h3,pre,table { break-inside:avoid; } pre { color:#000; background:#f1f1f1; border:1px solid #bbb; white-space:pre-wrap; } a { color:#000; text-decoration:none; } #inhaltsverzeichnis + ul { columns:2; border:0; } }
