@font-face{font-family:"PT Serif";src:url(/static/fonts/ptserif-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"PT Serif";src:url(/static/fonts/ptserif-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"PT Serif";src:url(/static/fonts/ptserif-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Mulish";src:url(/static/fonts/mulish-var.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}
:root{
--hlGraphit:#1f2a2c;--hlGraphitHell:#4a5658;--hlBogen:#f6f3ec;--hlBogenTon:#ece4d6;--hlHaarstrich:#d8cdb9;
--hlRost:#a4572a;--hlPetrol:#2e5a57;--hlHautton:#ecd9c2;
--hlSchriftUi:"Mulish",system-ui,-apple-system,"Segoe UI",sans-serif;
--hlSchriftText:"PT Serif",Georgia,"Times New Roman",serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--hlBogen);color:var(--hlGraphit);font:400 1.0625rem/1.65 var(--hlSchriftText);border-top:5px solid var(--hlRost)}
img{max-width:100%;height:auto;display:block}
a{color:var(--hlPetrol);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--hlRost)}
a:focus-visible{outline:2px solid var(--hlRost);outline-offset:2px}
h1,h2,h3{font-family:var(--hlSchriftText);font-weight:700;line-height:1.2;color:var(--hlGraphit);text-wrap:balance}
.hk_skip{position:absolute;left:-999px;top:0;background:var(--hlGraphit);color:#fff;padding:.5rem 1rem;font-family:var(--hlSchriftUi)}
.hk_skip:focus{left:0;z-index:9}
.hk_mast{border-bottom:1px solid var(--hlHaarstrich);font-family:var(--hlSchriftUi)}
.hk_mast_in{max-width:72rem;margin:0 auto;padding:.9rem 1.1rem 0}
.hk_brand{display:grid;grid-template-columns:auto 1fr;column-gap:.7rem;align-items:center;text-decoration:none;color:var(--hlGraphit)}
.hk_brand img{grid-row:span 2;border-radius:7px}
.hk_brand_n{font-family:var(--hlSchriftText);font-weight:700;font-size:1.55rem;line-height:1;letter-spacing:-.01em}
.hk_brand_t{font-size:.78rem;color:var(--hlGraphitHell);line-height:1.3;margin-top:.15rem}
.hk_nav ul{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;column-gap:1.15rem;row-gap:0;white-space:nowrap}
.hk_nav a{display:block;padding:.45rem 0 .5rem;font-size:.92rem;font-weight:650;color:var(--hlGraphit);text-decoration:none;border-bottom:3px solid transparent}
.hk_nav a:hover{color:var(--hlPetrol)}
.hk_nav a[aria-current]{border-bottom-color:var(--hlRost)}
.hk_kick{font-family:var(--hlSchriftUi);font-size:.74rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--hlRost);margin:0 0 .4rem}
.hk_meta{font-family:var(--hlSchriftUi);font-size:.84rem;color:var(--hlGraphitHell);margin:.9rem 0 0}
.hk_crumbs ol{list-style:none;margin:0 0 1.4rem;padding:0;font-family:var(--hlSchriftUi);font-size:.8rem;color:var(--hlGraphitHell);display:flex;flex-wrap:wrap}
.hk_crumbs li+li::before{content:"/";margin:0 .45rem;color:var(--hlHaarstrich)}
.hk_crumbs a{color:var(--hlGraphitHell)}
.hk_art,.hk_page{max-width:72rem;margin:0 auto;padding:1.4rem 1.1rem 3rem}
.hk_art_head{max-width:44rem;margin-bottom:1.6rem}
.hk_art_head h1{font-size:clamp(1.85rem,6.2vw,2.9rem);margin:0;letter-spacing:-.012em}
.hk_body{max-width:44rem}
.hk_body>*:first-child{margin-top:0}
.hk_body p,.hk_body li,.hk_body dd{hyphens:auto;-webkit-hyphens:auto}
.hk_body a{overflow-wrap:anywhere;hyphens:manual;-webkit-hyphens:manual}
.hk_lead{font-size:1.2rem;line-height:1.55;color:var(--hlGraphit)}
.hk_body h2{font-size:1.5rem;margin:2.6rem 0 .7rem;padding-top:1.1rem;border-top:1px solid var(--hlHaarstrich)}
.hk_body h3{font-size:1.18rem;margin:1.8rem 0 .4rem}
.hk_body ul,.hk_body ol{padding-left:1.25rem}
.hk_body li{margin:.35rem 0}
.hk_body li::marker{color:var(--hlRost)}
.hk_body dl{margin:1.2rem 0}
.hk_body dt{font-weight:700;margin-top:.9rem}
.hk_body dd{margin:.15rem 0 0 1rem}
.hk_body blockquote{margin:1.4rem 0;padding:.2rem 0 .2rem 1.1rem;border-left:3px solid var(--hlHaarstrich);color:var(--hlGraphitHell)}
.hk_kurz{background:var(--hlBogenTon);border-left:4px solid var(--hlRost);padding:1rem 1.1rem .7rem;margin:1.6rem 0 2rem;font-family:var(--hlSchriftUi);font-size:.96rem;line-height:1.55}
.hk_kurz_t{font-weight:800;margin:0 0 .3rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--hlRost)}
.hk_kurz ul{margin:0;padding-left:1.1rem}
.hk_tw{overflow-x:auto;margin:1.4rem 0;border-top:2px solid var(--hlGraphit)}
.hk_tw table{border-collapse:collapse;width:100%;min-width:30rem;font-family:var(--hlSchriftUi);font-size:.9rem;line-height:1.45}
.hk_tw th,.hk_tw td{text-align:left;vertical-align:top;padding:.6rem .7rem .6rem 0;border-bottom:1px solid var(--hlHaarstrich)}
.hk_tw th{font-weight:800;font-size:.8rem;letter-spacing:.03em}
.hk_fig{margin:2rem 0}
.hk_fig img{background:var(--hlBogen);width:100%}
.hk_fig figcaption,.hk_hero_fig figcaption{font-family:var(--hlSchriftUi);font-size:.84rem;line-height:1.5;color:var(--hlGraphitHell);margin-top:.6rem;padding-top:.5rem;border-top:1px solid var(--hlHaarstrich)}
.hk_faq h3{font-size:1.08rem;margin:1.4rem 0 .3rem}
.hk_note{margin:2.6rem 0 0;padding:1rem 1.1rem;border:1px solid var(--hlGraphit);font-family:var(--hlSchriftUi);font-size:.92rem;line-height:1.55}
.hk_note_t{margin:0 0 .3rem;font-weight:800}
.hk_note p:last-child{margin-bottom:0}
.hk_src{margin-top:2.4rem;font-family:var(--hlSchriftUi);font-size:.84rem;line-height:1.45;color:var(--hlGraphitHell)}
.hk_src h2{font-size:1.15rem;border-top:0;padding-top:0;margin:0 0 .3rem}
.hk_src ol{padding-left:1.6rem}
.hk_src li{margin:.3rem 0}
.hk_src a{color:var(--hlGraphitHell);word-break:break-all}
.hk_toc{max-width:44rem;margin:0 0 1.8rem;padding:.9rem 0;border-top:1px solid var(--hlHaarstrich);border-bottom:1px solid var(--hlHaarstrich);font-family:var(--hlSchriftUi);font-size:.88rem;line-height:1.4}
.hk_toc_t{margin:0 0 .4rem;font-weight:800;font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--hlGraphitHell)}
.hk_toc ol{margin:0;padding-left:1.3rem}
.hk_toc li{margin:.32rem 0}
.hk_toc a{color:var(--hlGraphit);text-decoration:none}
.hk_toc a:hover{color:var(--hlPetrol);text-decoration:underline}
.hk_more{margin-top:3.4rem;padding-top:1.2rem;border-top:3px double var(--hlHaarstrich)}
.hk_more h2{font-size:1.3rem;margin:0 0 .4rem}
.hk_list{list-style:none;margin:0;padding:0;counter-reset:hk}
.hk_list li{counter-increment:hk;position:relative;padding:1rem 0 1rem 2.6rem;border-bottom:1px solid var(--hlHaarstrich)}
.hk_list li::before{content:counter(hk,decimal-leading-zero);position:absolute;left:0;top:1.1rem;font-family:var(--hlSchriftUi);font-weight:800;font-size:.9rem;color:var(--hlRost)}
.hk_list h3{font-size:1.15rem;margin:0 0 .3rem}
.hk_list h3 a{color:var(--hlGraphit);text-decoration:none}
.hk_list h3 a:hover{color:var(--hlPetrol);text-decoration:underline}
.hk_list p{margin:0;font-size:.97rem;line-height:1.55;color:var(--hlGraphitHell)}
.hk_list .hk_kick{font-size:.68rem;margin-bottom:.2rem;color:var(--hlGraphitHell)}
.hk_group{margin-top:2.6rem;max-width:52rem}
.hk_group h2{font-size:1.55rem;margin:0 0 .3rem;padding-bottom:.5rem;border-bottom:2px solid var(--hlGraphit)}
.hk_hero{background:var(--hlBogenTon);border-bottom:1px solid var(--hlHaarstrich)}
.hk_hero_in{max-width:72rem;margin:0 auto;padding:2.2rem 1.1rem 2rem}
.hk_hero h1{font-size:clamp(2rem,7.4vw,3.6rem);line-height:1.08;margin:0 0 1rem;max-width:16ch;letter-spacing:-.015em}
.hk_hero p{max-width:40rem;font-size:1.12rem}
.hk_hero_fig{margin:2rem 0 0;max-width:46rem}
.hk_home{max-width:72rem;margin:0 auto;padding:1rem 1.1rem 3rem}
.hk_hsec{margin-top:2.4rem}
.hk_hsec_h{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:2px solid var(--hlGraphit);padding-bottom:.4rem}
.hk_hsec_h h2{font-size:1.45rem;margin:0}
.hk_hsec_h a{font-family:var(--hlSchriftUi);font-size:.85rem;font-weight:700;white-space:nowrap}
.hk_principles{margin-top:3.2rem;padding:1.4rem 1.2rem;background:var(--hlGraphit);color:var(--hlBogen)}
.hk_principles h2{color:var(--hlBogen);font-size:1.4rem;margin:0 0 .6rem}
.hk_principles ul{margin:0;padding-left:1.1rem}
.hk_principles li{margin:.5rem 0}
.hk_principles li::marker{color:#d08a5c}
.hk_principles a{color:#f0c9a8}
.hk_foot{background:var(--hlGraphit);color:#d9d4c8;font-family:var(--hlSchriftUi);font-size:.9rem;line-height:1.55}
.hk_foot_in{max-width:72rem;margin:0 auto;padding:2.2rem 1.1rem 1rem;display:grid;gap:1.6rem}
.hk_foot a{color:#f2ede3}
.hk_foot ul{list-style:none;margin:0;padding:0}
.hk_foot li{margin:.3rem 0}
.hk_foot_n{font-family:var(--hlSchriftText);font-weight:700;font-size:1.3rem;color:#fff;margin:0 0 .4rem}
.hk_foot_h{font-weight:800;font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:#d08a5c;margin:0 0 .4rem}
.hk_foot_fine{max-width:72rem;margin:0 auto;padding:1rem 1.1rem 2rem;border-top:1px solid #3a4749;font-size:.8rem;color:#b9b3a6}
.hk_err .hk_body ul{font-family:var(--hlSchriftUi)}
@media (min-width:44em){
body{font-size:1.125rem}
.hk_mast_in{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;padding-top:1.2rem}
.hk_brand{padding-bottom:.9rem}
.hk_nav ul{margin:0;padding:0}
.hk_list_home{display:grid;grid-template-columns:1fr 1fr;column-gap:2.4rem}
.hk_foot_in{grid-template-columns:2fr 1fr 1fr}
.hk_principles{padding:2rem 2.2rem}
.hk_principles ul{columns:3;column-gap:2.2rem;padding-left:0;list-style:none}
.hk_principles li{break-inside:avoid;margin-top:0}
}
@media (min-width:70em){
.hk_art{display:grid;grid-template-columns:minmax(0,44rem) 15rem;column-gap:4.5rem;align-items:start}
.hk_art>*{grid-column:1}
.hk_toc{grid-column:2;grid-row:2 / span 3;position:sticky;top:1.5rem;border-top:3px solid var(--hlGraphit);margin:0}
.hk_hero_in{display:grid;grid-template-columns:1.05fr 1fr;column-gap:3.5rem;align-items:end}
.hk_hero_in>*{grid-column:1}
.hk_hero_fig{grid-column:2;grid-row:1 / span 4;margin:0}
}