@font-face{
  font-family:"Archivo";
  font-style:normal;
  font-weight:100 900;
  font-stretch:62% 125%;
  font-display:swap;
  src:url("/fonts/archivo-wdth-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:"Archivo";
  font-style:normal;
  font-weight:100 900;
  font-stretch:62% 125%;
  font-display:swap;
  src:url("/fonts/archivo-wdth-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  --ground:#F4F3EF; --surface:#FFFFFF; --sunk:#ECEBE6;
  --ink:#131313; --steel:#4F4F4A; --faint:#62625D;
  --rule:#C9C8C1; --hair:#DEDDD6;
  --red:#DA291C; --red-ink:#BE1E12; --red-soft:#F8E9E6;
  --ok:#1E7443; --ok-soft:#E6F1EA;

  --btn:#DA291C; --btn-hover:#BE1E12;

  --t-xs:.75rem; --t-sm:.875rem; --t-base:1rem;
  --t-lg:1.125rem; --t-xl:1.375rem;
  --t-2xl:clamp(1.45rem,2.7vw,2rem);
  --t-3xl:clamp(1.85rem,4.2vw,3.05rem);

  --pad:clamp(1rem,4vw,2.5rem);
  --col-gap:clamp(1rem,2.4vw,2rem);

  --sec:clamp(1.25rem,3.2vw,2rem);
  --wide:112%;
  --tight:94%;
  --touch:2.75rem;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ground:#111110; --surface:#1A1A19; --sunk:#20201E;
    --ink:#EFEEE9; --steel:#A9A8A2; --faint:#999892;
    --rule:#353532; --hair:#2A2A28;
    --red:#F04434; --red-ink:#FF6F60; --red-soft:#2A1614;
    --ok:#62C08C; --ok-soft:#14231A;
    --btn:#DA291C; --btn-hover:#B51C11;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --ground:#111110; --surface:#1A1A19; --sunk:#20201E;
  --ink:#EFEEE9; --steel:#A9A8A2; --faint:#999892;
  --rule:#353532; --hair:#2A2A28;
  --red:#F04434; --red-ink:#FF6F60; --red-soft:#2A1614;
  --ok:#62C08C; --ok-soft:#14231A;
  --btn:#DA291C; --btn-hover:#B51C11;
  color-scheme:dark;
}

*{box-sizing:border-box}

[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  margin:0; background:var(--ground); color:var(--ink);
  font-family:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  font-size:var(--t-base); line-height:1.6;
  -webkit-font-smoothing:antialiased; font-variant-numeric:tabular-nums;
}
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--pad)}
.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--col-gap)}
@media (min-width:900px){.grid{grid-template-columns:repeat(12,minmax(0,1fr))}}

h1,h2,h3{
  margin:0;font-weight:800;letter-spacing:-.02em;text-wrap:balance;
  hyphens:auto;overflow-wrap:break-word;

}
h1{font-size:var(--t-3xl);line-height:1.02;font-stretch:104%;text-wrap:pretty}
@media (min-width:600px){h1{font-stretch:var(--wide)}}
h2{font-size:var(--t-2xl);line-height:1.1;font-stretch:104%}
@media (min-width:600px){h2{font-stretch:var(--wide)}}
h3{font-size:var(--t-lg);font-weight:700;letter-spacing:-.01em;line-height:1.3}
p{margin:0}
a{color:var(--red-ink);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
::selection{background:var(--red);color:#fff}

.lbl{
  display:inline-flex;align-items:center;gap:.55rem;
  font-size:var(--t-sm);font-weight:700;letter-spacing:0;
  color:var(--steel);line-height:1.3;
}
.lbl::before{content:"";width:12px;height:2px;background:var(--red);flex:none}
.lbl.plain::before{display:none}

.sec-head>.lbl,.wrap.prose>.lbl,.callout>.lbl,.verwandt .wrap>.lbl{display:flex;width:fit-content}

.top{position:sticky;top:0;z-index:40;background:var(--ground);border-bottom:1px solid var(--ink)}

.top::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:7px;pointer-events:none;
  background:
    repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 40px) bottom/100% 7px no-repeat,
    repeating-linear-gradient(90deg,var(--rule) 0 1px,transparent 1px 8px) bottom/100% 4px no-repeat;
  opacity:.55;
}
.top-in{display:flex;align-items:center;gap:1.25rem;min-height:62px;padding-bottom:6px;position:relative}
.brand{
  font-size:1.125rem;font-weight:800;font-stretch:var(--wide);letter-spacing:-.03em;
  text-decoration:none;color:var(--ink);white-space:nowrap;flex:none;
  display:inline-flex;align-items:baseline;
}
.brand span{color:var(--red-ink)}
.top-meta{font-size:var(--t-xs);font-weight:500;color:var(--faint)}

.nav{display:none;margin-left:auto}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:.15rem}
.nav a{
  display:block;padding:.45rem .6rem;white-space:nowrap;font-size:var(--t-sm);font-weight:600;
  color:var(--ink);text-decoration:none;border-bottom:2px solid transparent;
}
.nav a:hover{color:var(--red-ink)}
.nav a[aria-current="page"],.nav a.on{border-bottom-color:var(--red)}
@media (min-width:1060px){.nav{display:block}}

.menu{margin-left:auto;position:static}
@media (min-width:1060px){.menu{margin-left:.25rem}}
.menu>summary{
  list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;
  min-height:var(--touch);padding:0 .9rem;font-size:var(--t-sm);font-weight:700;
  border:1px solid var(--ink);background:var(--surface);color:var(--ink);white-space:nowrap;
}
.menu>summary::-webkit-details-marker{display:none}
.menu>summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
.menu[open]>summary{background:var(--ink);color:var(--ground)}
.menu[open]>summary::after{transform:translateY(2px) rotate(-135deg)}

.menu-panel{
  position:absolute;left:0;right:0;top:100%;margin-top:1px;
  background:var(--surface);border:1px solid var(--ink);border-top:0;
  padding:1rem clamp(1rem,3vw,1.75rem) .4rem;
  column-count:1;column-gap:clamp(1.25rem,3vw,2.5rem);column-rule:1px solid var(--hair);
  max-height:calc(100vh - 66px);overflow:auto;
  box-shadow:0 18px 0 -12px rgba(0,0,0,.06);
}
@media (min-width:340px){.menu-panel{column-count:2}}
@media (min-width:720px){.menu-panel{column-count:3}}
@media (min-width:980px){.menu-panel{column-count:4}}
.menu-panel>div{break-inside:avoid;padding-bottom:.8rem}
.menu-panel h3{font-size:var(--t-xs);font-weight:700;color:var(--red-ink);padding-bottom:.25rem;border-bottom:1px solid var(--hair)}
.menu-panel ul{list-style:none;margin:.2rem 0 0;padding:0}
.menu-panel a{
  display:block;padding:.28rem 0;line-height:1.3;
  font-size:var(--t-sm);font-weight:600;color:var(--ink);text-decoration:none;
}
.menu-panel a small{display:block;font-size:var(--t-xs);font-weight:500;color:var(--faint)}
.menu-panel a:hover{color:var(--red-ink)}
@media (max-width:420px){.menu-panel a{padding:.38rem 0}}

.crumb{padding-top:.9rem;font-size:var(--t-xs);color:var(--faint)}
.crumb a{color:var(--faint);text-decoration:none;display:inline-block;padding:.3rem 0}
.crumb a:hover{color:var(--red-ink);text-decoration:underline}

.intro{padding:1rem 0 clamp(1.25rem,3vw,2rem)}
.intro-main{grid-column:1/-1;min-width:0}
@media (min-width:900px){.intro-main{grid-column:1/10}}
.intro h1{margin:.6rem 0 0}

.crumb+.intro .intro-main>.lbl:first-child{display:none}
.crumb+.intro h1{margin-top:0}
.lead{margin-top:.8rem;font-size:var(--t-lg);color:var(--steel);max-width:74ch;line-height:1.55}
.stand{grid-column:1/-1;align-self:end;min-width:0}
@media (min-width:900px){.stand{grid-column:10/13}}
.stand dl{margin:0;border-top:2px solid var(--ink)}
.stand div{display:flex;justify-content:space-between;gap:.75rem;padding:.42rem 0;border-bottom:1px solid var(--hair);font-size:var(--t-sm)}
.stand dt{color:var(--faint)}
.stand dd{margin:0;font-weight:600;white-space:nowrap}

@media (max-width:899px){
  .stand>.lbl{display:none}
  .stand dl{display:flex;flex-wrap:wrap;gap:.1rem 1.1rem;border-top:1px solid var(--rule);padding-top:.5rem}
  .stand div{display:inline-flex;gap:.35rem;padding:0;border:0;font-size:var(--t-xs)}
}

section{padding:var(--sec) 0;border-top:1px solid var(--rule)}

.intro+section{border-top:0;padding-top:0}
.sec-head{margin-bottom:1.5rem}
.sec-head h2{margin-top:.5rem}
.sec-head p{margin-top:.65rem;color:var(--steel);max-width:68ch}

.tool{border:1px solid var(--ink);background:var(--surface);box-shadow:4px 4px 0 var(--sunk)}
.tool-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.75rem 1.15rem;border-bottom:1px solid var(--ink);flex-wrap:wrap}
.tool-head>.lbl{font-size:var(--t-xs);font-weight:600;color:var(--faint)}

.tool-body{display:grid;grid-template-columns:minmax(0,1fr)}
@media (min-width:780px){.tool-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.pane{padding:clamp(1rem,2.6vw,1.6rem);min-width:0}
.pane+.pane{border-top:1px solid var(--rule)}
@media (min-width:780px){.pane+.pane{border-top:0;border-left:1px solid var(--rule)}}
.pane-out{background:var(--sunk)}

.field+.field{margin-top:1.1rem}
.lab{display:block;margin-bottom:.4rem;color:var(--ink);font-size:var(--t-sm)}
.hint{display:block;margin-top:.35rem;font-size:var(--t-xs);color:var(--faint);line-height:1.5}
.money{display:flex;min-height:var(--touch)}
.money .cur{
  display:flex;align-items:center;padding:0 .75rem;
  border:1px solid var(--ink);border-right:0;background:var(--sunk);
  color:var(--steel);font-size:var(--t-sm);font-weight:700;
}
.money .suf{
  display:flex;align-items:center;padding:0 .75rem;
  border:1px solid var(--ink);border-left:0;background:var(--sunk);
  color:var(--steel);font-size:var(--t-sm);font-weight:600;
}
input[type="text"]{

  flex:1 1 0;min-width:0;width:0;
  font-family:inherit;font-size:1.3rem;font-weight:700;
  letter-spacing:-.01em;padding:.5rem .8rem;text-align:right;
  border:1px solid var(--ink);border-radius:0;background:var(--surface);color:var(--ink);
  font-variant-numeric:tabular-nums;min-height:var(--touch);
}

.field>input[type="text"]{width:100%;text-align:left;font-size:var(--t-base);font-weight:500}
input:focus{outline:2px solid var(--red);outline-offset:-1px;border-color:var(--red)}
select{
  width:100%;font-family:inherit;font-size:var(--t-base);font-weight:600;
  min-height:var(--touch);padding:.5rem 2.2rem .5rem .75rem;
  border:1px solid var(--ink);border-radius:0;color:var(--ink);
  -webkit-appearance:none;appearance:none;
  background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23DA291C' stroke-width='2'/%3E%3C/svg%3E") no-repeat right .8rem center;
}
select:focus{outline:2px solid var(--red);outline-offset:-1px;border-color:var(--red)}

select:disabled{background-color:var(--sunk);color:var(--steel);cursor:not-allowed}

.seg{display:flex;border:1px solid var(--ink);background:var(--surface)}
.seg button{
  flex:1;min-width:0;font:inherit;font-size:var(--t-sm);font-weight:600;
  min-height:var(--touch);padding:.45rem .4rem;line-height:1.25;border:0;border-right:1px solid var(--rule);
  background:transparent;color:var(--steel);cursor:pointer;
  transition:background .12s linear,color .12s linear;
}
.seg button:last-child{border-right:0}
.seg button:hover{background:var(--sunk);color:var(--ink)}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--ground);font-weight:700;box-shadow:inset 0 -3px 0 var(--red)}
.rate-sub{display:block;font-size:var(--t-xs);font-weight:500;opacity:.85}

.out-lab{font-size:var(--t-sm);font-weight:700;color:var(--steel)}
.out-val{
  font-size:clamp(2rem,6vw,2.9rem);font-weight:800;font-stretch:var(--tight);letter-spacing:-.03em;
  line-height:1.05;margin-top:.15rem;color:var(--red-ink);overflow-wrap:anywhere;
  padding-bottom:.55rem;

  background:
    repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 40px) left bottom/100% 7px no-repeat,
    repeating-linear-gradient(90deg,var(--rule) 0 1px,transparent 1px 8px) left bottom/100% 4px no-repeat;
}
.mech{margin-top:1.15rem;border-top:2px solid var(--ink);padding-top:.3rem}
.mech-row{display:flex;justify-content:space-between;gap:1rem;padding:.42rem 0;font-size:var(--t-sm);border-bottom:1px solid var(--hair)}
.mech-row span:first-child{color:var(--steel);min-width:0}
.mech-row span:last-child{font-weight:700;white-space:nowrap}
.mech-row.total{border-bottom:0;border-top:1px solid var(--ink)}
.mech-row.total span{font-weight:800}
.mech-row.total span:first-child{color:var(--ink)}
.formula{margin-top:.8rem;font-size:var(--t-sm);color:var(--faint);overflow-x:auto;white-space:nowrap;padding-bottom:.2rem;font-stretch:var(--tight)}
.src{margin-top:1rem;padding-top:.7rem;border-top:1px solid var(--rule);font-size:var(--t-xs);color:var(--faint);line-height:1.6}

.verdict{border:1px solid var(--ink);border-top:0;padding:clamp(1rem,3vw,1.5rem);background:var(--sunk)}
.verdict-in{display:grid;gap:1rem}
@media (min-width:700px){.verdict-in{grid-template-columns:1fr 1fr;gap:var(--col-gap)}}
.vcard{border:1px solid var(--rule);background:var(--surface);padding:1rem 1.1rem}
.vcard[data-win="1"]{border-color:var(--ok);box-shadow:inset 3px 0 0 var(--ok)}
.vcard h3{font-size:var(--t-base)}
.vsum{font-size:clamp(1.4rem,4.5vw,1.9rem);font-weight:800;font-stretch:var(--tight);letter-spacing:-.03em;margin-top:.35rem}
.vnote{margin-top:.35rem;font-size:var(--t-xs);color:var(--faint);line-height:1.5}
.vtag{
  display:inline-block;margin-top:.6rem;font-size:var(--t-xs);font-weight:700;
  padding:.12rem .5rem;border:1px solid var(--ok);color:var(--ok);background:var(--ok-soft);
}
.vresult{
  margin-top:1rem;padding-top:1rem;border-top:2px solid var(--ink);
  font-size:var(--t-lg);font-weight:600;line-height:1.45;
}
.vresult b{color:var(--red-ink)}
.warn{
  margin-top:1rem;border-left:3px solid var(--red);background:var(--red-soft);
  padding:.85rem 1.05rem;font-size:var(--t-sm);line-height:1.55;
}

.prose{max-width:70ch}
.prose h2{margin-bottom:.8rem}
.prose h3{margin:1.6rem 0 .45rem}
.prose p+p{margin-top:.85rem}
.prose ul,.prose ol{margin:.7rem 0 0;padding-left:1.15rem;color:var(--steel)}
.prose li+li{margin-top:.35rem}
.prose li::marker{color:var(--red-ink)}
.prose p{color:var(--steel)}
.prose strong{color:var(--ink);font-weight:700}

.tbl-wrap{overflow-x:auto;border:1px solid var(--ink);margin-top:1.1rem;background:var(--surface)}

.duo{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem 1.5rem}
@media (min-width:760px){.duo{grid-template-columns:repeat(2,minmax(0,1fr))}}
.duo-h{font-size:var(--t-base);font-weight:700}
.duo-h+.tbl-wrap{margin-top:.5rem}
table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}
th,td{padding:.6rem .85rem;text-align:left;border-bottom:1px solid var(--hair);vertical-align:top}
th{font-size:var(--t-xs);font-weight:700;color:var(--steel);background:var(--sunk);border-bottom:1px solid var(--ink);white-space:nowrap}

th.num{text-align:right}

@media (min-width:561px){
  .tbl-wrap.rangliste{max-width:min(100%,70ch)}
  .rangliste th:first-child,.rangliste td:first-child{width:4.5rem;text-align:right}
}

@media (max-width:560px){
  .tbl-wrap{
    background:
      linear-gradient(to right,var(--surface) 30%,rgba(255,255,255,0)) 0 0 / 40px 100% no-repeat local,
      linear-gradient(to left,var(--surface) 30%,rgba(255,255,255,0)) 100% 0 / 40px 100% no-repeat local,
      linear-gradient(to right,rgba(0,0,0,.16),rgba(0,0,0,0)) 0 0 / 14px 100% no-repeat scroll,
      linear-gradient(to left,rgba(0,0,0,.16),rgba(0,0,0,0)) 100% 0 / 14px 100% no-repeat scroll,
      var(--surface);
  }
  .tbl-wrap:not(.rangliste) table{background:transparent}
  .tbl-wrap:not(.rangliste) th:first-child,.tbl-wrap:not(.rangliste) td:first-child{
    position:sticky;left:0;z-index:1;background:var(--surface);
    box-shadow:1px 0 0 var(--hair);
  }
  .tbl-wrap:not(.rangliste) th:first-child{background:var(--sunk)}
  .tbl-wrap:not(.rangliste) tbody tr:hover td{background:var(--surface)}

  .breit td,.breit th{min-width:6.5rem}
  .breit td:first-child,.breit th:first-child{min-width:8.5rem}
  .breit td:nth-child(5),.breit th:nth-child(5){min-width:28rem}
}

@media (max-width:440px){
  table{font-size:.8125rem}
  th,td{padding:.5rem .5rem}
  th{white-space:normal}

  .rangliste thead{display:none}
  .rangliste tbody{display:block}
  .rangliste tr{display:grid;grid-template-columns:2.1rem minmax(0,1fr) auto;column-gap:.5rem;align-items:center;padding:.5rem .6rem;border-bottom:1px solid var(--hair)}
  .rangliste tr:last-child{border-bottom:0}
  .rangliste td{display:block;padding:0;border:0;text-align:left}
  .rangliste td:nth-child(1){grid-row:1/3;color:var(--steel);font-weight:700}
  .rangliste td:nth-child(2){grid-column:2;font-weight:700}
  .rangliste td:nth-child(3){grid-column:2;grid-row:2;font-size:var(--t-xs);color:var(--steel);font-weight:500;text-align:left}
  .rangliste td:nth-child(3)::before{content:attr(data-l) " ";}
  .rangliste td:nth-child(4){grid-column:3;grid-row:1/3;font-weight:800;text-align:right;white-space:nowrap}

  .rangliste.corta tr{grid-template-columns:2.1rem minmax(0,1fr) auto}
  .rangliste.corta td:nth-child(1){grid-row:1}
  .rangliste.corta td:nth-child(3){grid-column:3;grid-row:1;font-size:inherit;color:var(--ink);font-weight:800;text-align:right;white-space:nowrap}
  .rangliste.corta td:nth-child(3)::before{content:none}
}
tbody tr:hover td{background:var(--ground)}
tr:last-child td{border-bottom:0}

td.num{text-align:right;font-weight:600;white-space:nowrap;font-stretch:var(--tight)}
td.b{font-weight:600}
td.b a{font-weight:600}

.callout{
  margin-top:1.4rem;border:1px solid var(--hair);border-left:3px solid var(--red);background:var(--surface);
  padding:1rem 1.2rem;font-size:var(--t-sm);line-height:1.6;
}
.callout .lbl{margin-bottom:.35rem}
.callout p{color:var(--ink)}

details{border-bottom:1px solid var(--hair)}
details:first-of-type{border-top:1px solid var(--ink)}
summary{
  cursor:pointer;padding:.9rem 0;font-weight:700;font-size:var(--t-base);
  list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:baseline;
}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--red-ink);font-weight:700;flex:none;font-size:1.2em;line-height:1}
details[open] summary::after{content:"–"}
summary:hover{color:var(--red-ink)}
details .a{padding:0 0 1rem;color:var(--steel);max-width:68ch}
details .a p+p{margin-top:.7rem}

.menu{border:0}
.menu>summary{padding-top:0;padding-bottom:0;align-items:center}
.menu:not([open])>summary:hover{background:var(--sunk);color:var(--ink)}

footer{border-top:1px solid var(--ink);padding:2rem 0 2.25rem;margin-top:0;background:var(--surface)}

.disclaimer{margin-top:1.25rem;font-size:var(--t-xs);color:var(--faint);line-height:1.6;max-width:70ch}

.pane-out .verdict-in{grid-template-columns:1fr}
.pane-out .vcard{padding:.85rem .95rem}
.pane-out .vsum{font-size:clamp(1.25rem,4vw,1.6rem)}
.pane-out .vresult{font-size:var(--t-base)}

input.mini{
  width:100%;min-width:0;
  font-family:inherit;font-size:var(--t-base);font-weight:700;
  padding:.3rem .45rem;text-align:right;min-height:2.25rem;
  border:1px solid var(--rule);border-radius:0;
  background:var(--surface);color:var(--ink);
  font-variant-numeric:tabular-nums;
}
input.mini:focus{outline:2px solid var(--red);outline-offset:-1px;border-color:var(--red)}
.tool .tbl-wrap{border-color:var(--rule)}
.tool .tbl-wrap th{background:var(--sunk)}

.method{display:grid;gap:0;border-top:2px solid var(--ink)}
@media (min-width:760px){
  .method{grid-template-columns:1fr 1fr;column-gap:var(--col-gap)}
}
.m{padding:1.1rem 0;border-bottom:1px solid var(--hair);min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.4rem;align-content:start}
.m-no{font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:800;font-stretch:var(--tight);letter-spacing:-.03em;color:var(--red-ink);line-height:1}
.m h3{margin:0}
.m p{color:var(--steel);font-size:var(--t-sm);max-width:50ch}

.tick{
  display:inline-block;font-size:var(--t-xs);font-weight:700;
  padding:.1rem .45rem;border:1px solid currentColor;
}
.t-now{color:var(--red-ink)}
.t-ok{color:var(--faint)}

.rk-grid{display:grid;gap:0;border:1px solid var(--rule);background:var(--surface);overflow:hidden}
@media (min-width:700px){.rk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){
  .rk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rk-grid:has(> :first-child:nth-last-child(4n)):not(:has(> :first-child:nth-last-child(3n))){grid-template-columns:repeat(4,minmax(0,1fr))}
}
.rk{
  display:block;background:var(--surface);
  padding:1.05rem 1.2rem;min-width:0;margin:-1px 0 0 -1px;

  border-left:1px solid var(--rule);border-top:1px solid var(--rule);
  text-decoration:none;color:inherit;
  transition:background .12s linear;
}
a.rk:hover{background:var(--sunk)}
a.rk h3{color:var(--ink)}
a.rk:hover h3{color:var(--red-ink)}
a.rk h3::after{content:" →";color:var(--red-ink);font-weight:700}
.rk-off{opacity:.62}
.rk-no{
  display:block;font-size:var(--t-xs);font-weight:700;
  color:var(--faint);margin-bottom:.35rem;
}
.rk h3{margin-bottom:.35rem}
.rk p{color:var(--steel);font-size:var(--t-sm);margin-bottom:.4rem}

.kt-grid{
  columns:4 8.5rem;column-gap:var(--col-gap);margin-top:1.1rem;
  border-top:2px solid var(--ink);
}
.kt-link{
  display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;
  break-inside:avoid;padding:.55rem .1rem;min-width:0;min-height:var(--touch);
  border-bottom:1px solid var(--hair);
  font-size:var(--t-sm);font-weight:600;text-decoration:none;color:var(--ink);
  transition:background .12s linear;
}
a.kt-link:hover{background:var(--sunk);color:var(--red-ink)}
.kt-link span{font-size:var(--t-xs);font-weight:700;color:var(--faint)}
.kt-self{background:var(--ink);color:var(--ground);padding-left:.55rem;padding-right:.55rem}
.kt-self span{color:var(--ground);opacity:.75}

.linkbtn{
  font:inherit;font-size:var(--t-sm);
  background:none;border:0;padding:0;cursor:pointer;
  color:var(--steel);text-decoration:none;text-align:left;
}
.linkbtn:hover{color:var(--red-ink)}

.mono{
  font-variant-numeric:tabular-nums;
  font-weight:700;
  background:var(--sunk);padding:.05em .3em;
}

.kontakt{
  display:flex;flex-wrap:wrap;gap:1rem;align-items:center;
  justify-content:space-between;
  border:1px solid var(--ink);background:var(--surface);
  padding:1.1rem 1.25rem;margin-top:1.1rem;
}
.kontakt-mail{
  font-size:var(--t-lg);font-weight:700;
  overflow-wrap:anywhere;margin-top:.3rem;
}
.kopieren{
  font:inherit;font-size:var(--t-sm);font-weight:700;
  min-height:var(--touch);padding:.5rem .95rem;cursor:pointer;flex:none;
  border:1px solid var(--ink);background:var(--ink);color:var(--ground);
  transition:background .12s linear,color .12s linear;
}
.kopieren:hover{background:var(--red);border-color:var(--red);color:#fff}
.kopieren[data-ok="1"]{background:var(--surface);color:var(--red-ink)}

.foot{display:grid;gap:1.75rem}
@media (min-width:560px){.foot{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){
  .foot{
    grid-template-columns:minmax(0,1.3fr) max-content max-content max-content;
    gap:var(--col-gap) clamp(1.5rem,4vw,3.5rem);align-items:start;
  }
}
.foot-marke{min-width:0;max-width:52ch}
@media (min-width:560px) and (max-width:899px){.foot-marke{grid-column:1/-1}}
.foot-marke p{font-size:var(--t-sm);color:var(--steel)}
.foot-marke .disclaimer{margin-top:.9rem;font-size:var(--t-xs);color:var(--faint);line-height:1.6}
.foot-brand{display:inline-block;margin-bottom:.5rem}

.foot-nav{min-width:0}
.foot-nav>.lbl{color:var(--ink)}
.foot-nav ul{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.1rem}
.foot-nav a,.foot-nav .linkbtn{
  display:inline-block;padding:.4rem 0;
  font-size:var(--t-sm);color:var(--steel);text-decoration:none;
}
.foot-nav a:hover,.foot-nav .linkbtn:hover{color:var(--red-ink)}
.foot-base{
  margin-top:1.75rem;padding-top:1rem;border-top:1px solid var(--hair);
  display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;justify-content:space-between;
  font-size:var(--t-xs);color:var(--faint);
}

.skip{
  position:absolute;left:-9999px;top:0;z-index:100;
  background:var(--btn);color:#fff;
  padding:.7rem 1rem;font-size:var(--t-sm);font-weight:600;
  text-decoration:none;
}
.skip:focus{left:0}

.verwandt{border-top:1px solid var(--rule);padding:var(--sec) 0}
.verwandt .rk h3{margin-bottom:0}

.seg-thema{margin-top:.6rem;width:max-content;max-width:100%;flex-wrap:wrap}
.seg-thema button{
  flex:0 0 auto;
  font-size:var(--t-sm);padding:.4rem .8rem;
  white-space:nowrap;
}

.pane .seg-thema{width:100%}
.pane .seg-thema button{flex:1 0 auto}

.hero{padding:clamp(.9rem,1.6vw,1.2rem) 0 var(--sec)}
.hero-in{display:grid;gap:1.75rem var(--col-gap);grid-template-columns:minmax(0,1fr)}
@media (min-width:980px){.hero-in{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}}
.hero h1{margin-top:.55rem}
.hero .lead{max-width:56ch}
.schnell{
  margin-top:1.25rem;border:1px solid var(--ink);background:var(--surface);
  box-shadow:4px 4px 0 var(--sunk);padding:1rem 1.1rem 1.1rem;max-width:560px;
}
.schnell h2{font-size:var(--t-lg);font-stretch:100%;font-weight:700;letter-spacing:-.01em}
.schnell h2 label{cursor:pointer}
.schnell-row{display:flex;gap:.5rem;margin-top:.7rem;flex-wrap:wrap}
.schnell-row select{flex:1 1 13rem;width:auto;min-width:0}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  min-height:var(--touch);padding:.5rem 1.1rem;flex:0 0 auto;
  font:inherit;font-size:var(--t-sm);font-weight:700;text-decoration:none;cursor:pointer;
  border:1px solid var(--btn);background:var(--btn);color:#fff;
  box-shadow:0 3px 0 var(--btn-hover);transition:transform .08s,box-shadow .08s,background .12s;
}
.btn:hover{background:var(--btn-hover);border-color:var(--btn-hover);color:#fff}
.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--btn-hover)}
.schnell .hint{margin-top:.6rem}
.schnell-alt{margin-top:.55rem;font-size:var(--t-sm);color:var(--steel)}

.messblatt{border:1px solid var(--ink);background:var(--surface);min-width:0}
.messblatt-head{
  display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;flex-wrap:wrap;
  padding:.65rem 1rem;border-bottom:1px solid var(--ink);
}
.messblatt-head h2{font-size:var(--t-base);font-stretch:100%;font-weight:700;letter-spacing:0}
.messblatt-head span{font-size:var(--t-xs);color:var(--faint)}
.messblatt ol{list-style:none;margin:0;padding:0}
.messblatt li+li{border-top:1px solid var(--hair)}
.messblatt a{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem 1rem;align-items:baseline;
  padding:.55rem 1rem;text-decoration:none;color:var(--ink);
}
.messblatt a:hover{background:var(--sunk)}
.messblatt a:hover .mb-was{color:var(--red-ink)}
.mb-was{font-size:var(--t-sm);font-weight:600;min-width:0}
.mb-was small{font-size:var(--t-xs);font-weight:600;color:var(--faint);margin-left:.3rem;white-space:nowrap}
.mb-wert{font-size:clamp(1.05rem,2vw,1.2rem);font-weight:800;font-stretch:var(--tight);white-space:nowrap;text-align:right}

@media (max-width:480px){
  .messblatt a{grid-template-columns:minmax(0,1fr);gap:.15rem}
  .mb-wert{text-align:right;justify-self:end}
}

.themen{display:grid;gap:0 var(--col-gap);grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.themen{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.themen{grid-template-columns:repeat(3,minmax(0,1fr))}}
.thema{border-top:2px solid var(--ink);padding:.7rem 0 1.4rem;min-width:0}

.themen{margin-bottom:-1.4rem}
.thema h3{font-size:var(--t-lg);font-stretch:var(--wide)}
.thema ul{list-style:none;margin:.5rem 0 0;padding:0}
.thema li{border-bottom:1px solid var(--hair)}
.thema a{display:block;padding:.55rem 0;text-decoration:none;color:var(--ink)}
.thema a b{display:block;font-weight:700}
.thema a b::after{content:" →";color:var(--red-ink)}
.thema a span{display:block;font-size:var(--t-sm);color:var(--steel);line-height:1.45}
.thema a:hover b{color:var(--red-ink)}

.termine{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--rule);border-left:1px solid var(--rule)}
@media (min-width:760px){.termine{grid-template-columns:repeat(3,minmax(0,1fr))}}
.termin{background:var(--surface);padding:1rem 1.15rem;min-width:0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.termin-datum{font-size:clamp(1.3rem,2.6vw,1.6rem);font-weight:800;font-stretch:var(--wide);letter-spacing:-.02em;line-height:1.1}
.termin-datum small{display:block;font-size:var(--t-xs);font-weight:600;font-stretch:100%;letter-spacing:0;color:var(--red-ink);margin-bottom:.2rem}
.termin a{display:inline-block;margin-top:.45rem;font-weight:700}
.termin p{margin-top:.35rem;font-size:var(--t-sm);color:var(--steel)}

.pane{container-type:inline-size}
.pair{display:grid;grid-template-columns:minmax(0,1fr);gap:1.1rem 1rem}
.pair+.field,.field+.pair,.pair+.pair,.pair+div,div+.pair{margin-top:1.1rem}
@container (min-width:440px){.pair{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pair>.field+.field{margin-top:0}

.wrap.prose{max-width:1180px}
.wrap.prose>*{max-width:70ch}
.wrap.prose>.tbl-wrap,.wrap.prose>.callout,.wrap.prose>.tool{max-width:min(100%,70ch)}

.wrap.prose>.tbl-wrap:has(> table > thead > tr > th:nth-child(2):last-child){max-width:min(100%,34rem)}

.sprachen{display:flex;margin-left:.5rem;flex:none}
.sprache{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  min-width:2.4rem;min-height:var(--touch);padding:0 .45rem;
  font-size:var(--t-sm);font-weight:700;letter-spacing:.02em;
  color:var(--ink);text-decoration:none;border:1px solid var(--rule);background:var(--surface);
}
.sprache+.sprache{margin-left:-1px}
a.sprache:hover{border-color:var(--ink);color:var(--red-ink);position:relative;z-index:1}
.sprache.is-on{background:var(--ink);border-color:var(--ink);color:var(--ground);cursor:default;position:relative;z-index:1}

@media (max-width:400px){
  .top-in{gap:.6rem}
  .sprachen{margin-left:0}
  .sprache{min-width:2rem;padding:0 .3rem}
  .menu>summary{padding:0 .7rem}
}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.menu>summary .lang-k{display:none}

@media (max-width:480px){:root{--t-xs:.8125rem}}
@media (max-width:480px){
  .menu>summary .lang-l{display:none}
  .menu>summary .lang-k{display:inline}
}

.mech-texte .mech-row span:last-child{white-space:normal;text-align:right;overflow-wrap:anywhere}
.mech-texte .mech-row span:first-child{flex:0 0 42%}

.oben{
  position:fixed;z-index:30;
  right:max(16px,env(safe-area-inset-right));
  bottom:calc(16px + env(safe-area-inset-bottom) + var(--ancla,0px));
  display:inline-flex;align-items:center;justify-content:center;
  width:2.75rem;height:2.75rem;
  background:var(--surface);color:var(--ink);border:1px solid var(--ink);text-decoration:none;
}
.oben[hidden]{display:none}
.oben:hover{background:var(--ink);color:var(--ground)}
.oben:focus-visible{outline:2px solid var(--red);outline-offset:2px}

.druck-kopf{display:none}
.druck-datum{white-space:nowrap}

@media print{
  @page{size:A4;margin:14mm 12mm}
  :root,:root[data-theme="dark"],:root:not([data-theme="light"]){
    --ground:#fff;--surface:#fff;--sunk:#f2f2f2;--ink:#000;--steel:#333;--faint:#555;
    --rule:#888;--hair:#ccc;--red:#b3001b;--red-ink:#9a0016;--red-soft:#fff;--ok:#0a5c2b;--ok-soft:#fff;
  }
  html{font-size:12.5px;color-scheme:light}
  body{background:#fff;color:#000}
  .top,.skip,.crumb,.verwandt,footer .foot-nav,footer .foot-base,footer .foot-brand,
  footer .foot-marke>p:not(.disclaimer),.btn,.schnell-alt,.menu,.sprachen,
  .kt-grid,.oben,ins.adsbygoogle,.adsbygoogle,.google-auto-placed,iframe{display:none!important}
  .druck-kopf{display:block;margin:0 0 6mm;padding-bottom:2mm;border-bottom:1px solid #000;font-size:9.5pt;line-height:1.4}
  .wrap{max-width:none;padding-left:0;padding-right:0}
  section,.intro,.hero{padding-top:0;padding-bottom:5mm;border:0}
  .tool{border:1px solid #000;box-shadow:none}
  .tool-body{display:block}
  .pane-out{border-top:1px solid #000;border-left:0}
  .pane-out,.mech,.callout,.vcard,.stand,tr{break-inside:avoid}
  h1,h2,h3,.lbl{break-after:avoid}

  .seg button[aria-pressed="true"]{-webkit-print-color-adjust:exact;print-color-adjust:exact;outline:2px solid #000;outline-offset:-2px}
  .out-val{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:none}
  .prose a[href^="http"]::after,.src a[href^="http"]::after{content:" (" attr(href) ")";font-size:.85em;color:#444;overflow-wrap:anywhere}
  details>summary::after{display:none}
  .disclaimer{font-size:8.5pt;color:#333}
}

.karte{display:block;width:100%;height:auto;margin-top:.5rem}
.karte a{text-decoration:none}
.karte rect{fill:var(--sunk);stroke:var(--ground);stroke-width:2;transition:fill .15s}
.karte text{font-family:inherit;fill:var(--ink);pointer-events:none}
.karte .k-kt{font-size:32px;font-weight:800;letter-spacing:.02em}
.karte .k-wert{font-size:22px;font-weight:600;fill:var(--steel)}

@media (max-width:480px){.karte .k-wert{display:none}.karte .k-kt{font-size:38px;transform:translateY(17px)}}
.karte a[data-stufe="1"] rect{fill:#FBE9E7}
.karte a[data-stufe="2"] rect{fill:#F4C4BE}
.karte a[data-stufe="3"] rect{fill:#E9958C}
.karte a[data-stufe="4"] rect{fill:#D5574C}
.karte a[data-stufe="5"] rect{fill:#A8241C}
.karte a[data-stufe="4"] text,.karte a[data-stufe="5"] text{fill:#fff}
.karte a:hover rect,.karte a:focus-visible rect{stroke:var(--ink);stroke-width:4}
:root:not([data-theme="light"]) .karte rect{stroke:var(--surface)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .karte a[data-stufe="1"] rect{fill:#3A2522}:root:not([data-theme="light"]) .karte a[data-stufe="2"] rect{fill:#5C2E28}:root:not([data-theme="light"]) .karte a[data-stufe="3"] rect{fill:#8A3A31}:root:not([data-theme="light"]) .karte a[data-stufe="1"] text,:root:not([data-theme="light"]) .karte a[data-stufe="2"] text,:root:not([data-theme="light"]) .karte a[data-stufe="3"] text{fill:var(--ink)}}
:root[data-theme="dark"] .karte a[data-stufe="1"] rect{fill:#3A2522}
:root[data-theme="dark"] .karte a[data-stufe="2"] rect{fill:#5C2E28}
:root[data-theme="dark"] .karte a[data-stufe="3"] rect{fill:#8A3A31}
:root[data-theme="dark"] .karte a[data-stufe="1"] text,:root[data-theme="dark"] .karte a[data-stufe="2"] text,:root[data-theme="dark"] .karte a[data-stufe="3"] text{fill:var(--ink)}

.seg-4{flex-wrap:wrap}
.seg-4 button{flex:1 1 40%}
@media (max-width:560px){.seg-4 button:nth-child(2){border-right:0}.seg-4 button:nth-child(3),.seg-4 button:nth-child(4){border-top:1px solid var(--ink)}}

.vergleich-tabelle{margin-top:1.25rem}
.tool-body.vergleich .pane{padding-bottom:1.2rem}
@media (max-width:560px){
  .vergleich-tabelle th:nth-child(3),.vergleich-tabelle td:nth-child(3),
  .vergleich-tabelle th:nth-child(5),.vergleich-tabelle td:nth-child(5){display:none}
}

@media (max-width:440px){
  .vergleich-tabelle th:nth-child(4),.vergleich-tabelle td:nth-child(4){display:none}
}
@media print{.karte text{fill:#000}.karte a[data-stufe="4"] text,.karte a[data-stufe="5"] text{fill:#fff}}

@media (max-width:560px){
  .praemien-tabelle th:nth-child(4),.praemien-tabelle td:nth-child(4),
  .praemien-tabelle th:nth-child(6),.praemien-tabelle td:nth-child(6){display:none}
}

.mit-index{display:block;min-width:0}
.mit-index-text>section:first-child{border-top:0;padding-top:0}
.seiten-index{display:none}
@media (min-width:1100px){
  .mit-index-raster{
    max-width:1180px;margin:0 auto;padding:0 var(--pad);
    display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);
  }
  .mit-index-text{grid-column:1/10;min-width:0}
  .mit-index-text>section>.wrap{padding:0;max-width:none}
  .mit-index-text h2[id]{scroll-margin-top:6.5rem}
  .seiten-index{
    display:block;grid-column:10/13;align-self:start;
    position:sticky;top:5rem;max-height:calc(100vh - 6rem);overflow-y:auto;
  }
}
.seiten-index>.lbl{display:block;color:var(--ink);margin-bottom:.55rem}
.seiten-index ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--rule)}
.seiten-index a{
  display:block;margin-left:-1px;padding:.42rem 0 .42rem .9rem;
  border-left:2px solid transparent;
  font-size:var(--t-sm);line-height:1.35;color:var(--steel);text-decoration:none;
}
.seiten-index a:hover{color:var(--red-ink)}
.seiten-index a[aria-current]{color:var(--ink);font-weight:700;border-left-color:var(--red)}
@media print{.seiten-index{display:none!important}}

.rangliste.kurz tr.r-mitte{display:none}
.r-luecke{display:none}
.rangliste.kurz .r-luecke{display:table-row}
.r-luecke td{text-align:center;color:var(--faint);font-size:var(--t-xs);font-weight:600;letter-spacing:.02em;background:var(--ground);padding:.45rem}
.rang-mehr{margin-top:.75rem}
.rang-btn{
  font:inherit;font-size:var(--t-sm);font-weight:700;cursor:pointer;
  min-height:var(--touch);padding:.5rem 1rem;
  border:1px solid var(--ink);background:var(--surface);color:var(--ink);
}
.rang-btn:hover{background:var(--ink);color:var(--ground)}
@media (max-width:560px){.rangliste.kurz tr.r-luecke{display:block;padding:0}.r-luecke td{display:block}}
@media print{.rangliste.kurz tr.r-mitte{display:table-row}.rangliste.kurz .r-luecke,.rang-mehr{display:none}}
.praemien-tabelle td.b small{font-size:var(--t-xs);font-weight:600;color:var(--faint);margin-left:.25rem}
@media (max-width:440px){.praemien-tabelle th,.praemien-tabelle td{padding-left:.3rem;padding-right:.3rem}.praemien-tabelle th:first-child,.praemien-tabelle td:first-child{padding-left:.5rem}.praemien-tabelle th,.praemien-tabelle td.b{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}}
.praemien-tabelle caption{caption-side:top;text-align:left;padding:.55rem .75rem;font-size:var(--t-xs);font-weight:600;color:var(--steel);border-bottom:1px solid var(--line)}

.praemien-schweiz{margin-bottom:1rem}
.praemien-schweiz td small{display:block;font-size:inherit;color:var(--faint)}
@media (max-width:560px){.praemien-schweiz td.b{min-width:0}}