/* Blogartikel */
.artikel{display:block}
.krume{margin-bottom:22px}
.krume a{color:var(--grey);text-decoration:none}
.krume a:hover{color:var(--ember)}
.krume span{color:var(--dim);margin:0 4px}
.ak{padding-block:46px 30px}
.ak h1{font-family:Archivo,sans-serif;font-weight:800;letter-spacing:-.03em;
  font-size:clamp(29px,5.2vw,50px);line-height:1.03;margin:22px 0 20px;max-width:19ch;
  text-wrap:balance}
.vorspann{font-size:clamp(17px,2.1vw,20px);line-height:1.55;color:var(--grey);
  max-width:60ch;margin:0 0 26px}
.meta{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--grey);
  border-top:1px solid var(--hair);padding-top:16px}
.titelbild{margin:0 0 50px;padding:0 16px}
@media(min-width:760px){.titelbild{padding:0 40px}}
.titelbild img{width:100%;max-width:1120px;margin:0 auto;display:block;height:auto;
  aspect-ratio:3/2;object-fit:cover}
.spalten{display:block}
@media(min-width:1040px){.spalten{display:grid;grid-template-columns:232px 1fr;
  gap:0 56px;align-items:start}}
.ivz{margin:0 0 40px}
@media(min-width:1040px){.ivz{position:sticky;top:30px;margin:0}}
.ivz-in{border-top:2px solid var(--flame);padding-top:14px}
.ivz .mono{color:var(--grey);margin-bottom:12px}
.ivz ol{list-style:none;margin:0;padding:0}
.ivz li{border-bottom:1px solid var(--hair)}
.ivz li:last-child{border-bottom:0}
.ivz a{display:flex;gap:11px;align-items:baseline;padding:9px 0;text-decoration:none;
  color:var(--ink);font-size:14.5px;line-height:1.3}
.ivz a .mono{color:var(--ember);margin:0;flex:0 0 auto}
.ivz a:hover{color:var(--ember)}
.text{min-width:0;max-width:70ch}
.text p{margin:0 0 17px}
.text p,.text li,.text h2,.text h3{overflow-wrap:break-word}
.text p.gross{font-size:18px;color:var(--grey)}
.sofort{border:1px solid var(--hair);background:var(--paper-2);padding:24px 22px;margin:34px 0}
.sofort .mono{color:var(--ember);margin-bottom:16px}
.sofort ol{list-style:none;margin:0;padding:0;counter-reset:s}
.sofort li{counter-increment:s;padding:13px 0 13px 40px;position:relative;
  border-bottom:1px solid var(--hair)}
.sofort li:last-child{border-bottom:0;padding-bottom:0}
.sofort li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:15px;
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.14em;color:var(--ember)}
.sofort b{display:block;font-family:Archivo,sans-serif;font-weight:600;font-size:16px;
  margin-bottom:3px}
.sofort span{color:var(--grey);font-size:15.5px}
.kurz{border-left:3px solid var(--flame);background:var(--paper-2);padding:22px 22px;margin:34px 0}
.kurz .mono{color:var(--ember);margin-bottom:10px}
.kurz .ks{margin:0 0 16px;font-family:Archivo,sans-serif;font-weight:600;font-size:17px;
  letter-spacing:-.01em;line-height:1.35}
.kurz dl{margin:0;display:grid;gap:0}
.kurz dl > div{display:grid;gap:2px 18px;padding:10px 0;border-top:1px solid var(--hair)}
@media(min-width:620px){.kurz dl > div{grid-template-columns:150px 1fr}}
.kurz dt{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--grey);padding-top:3px}
.kurz dd{margin:0;font-size:15.5px}
.ab{margin:52px 0 0}
.ab h2{display:flex;gap:14px;align-items:baseline;font-family:Archivo,sans-serif;
  font-weight:800;letter-spacing:-.025em;font-size:clamp(22px,3.3vw,31px);line-height:1.1;
  margin:0 0 18px}
.ab h2 .an{color:var(--ember);flex:0 0 auto}
.ab h3{font-family:Archivo,sans-serif;font-weight:600;letter-spacing:-.01em;font-size:18px;
  margin:30px 0 10px}
.ab.ich{border-left:2px solid var(--flame);padding-left:24px}
.text ul{list-style:none}
.text ul.l{list-style:none;margin:0 0 20px;padding:0}
.text ul.l li{padding:9px 0 9px 20px;position:relative;border-bottom:1px solid var(--hair)}
.text ul.l li::before{content:"";position:absolute;left:0;top:18px;width:7px;height:1px;
  background:var(--flame)}
.text ul.haken li{padding-left:28px}
.text ul.haken li::before{content:"\2610";left:0;top:9px;width:auto;height:auto;
  background:none;color:var(--ember);font-family:"IBM Plex Mono",monospace;font-size:15px}
.text ul.zitate li{border-bottom:0;padding-left:0;color:var(--ink);font-style:normal}
.text ul.zitate li::before{display:none}
.kasten{border:1px solid var(--hair);padding:20px 20px 12px;margin:26px 0}
.kasten > .mono{color:var(--ember);margin-bottom:10px}
.kasten ul.l li:last-child{border-bottom:0}
.praxis{border-left:2px solid var(--flame);background:var(--paper-2);padding:16px 20px;
  margin:28px 0}
.praxis .mono{color:var(--ember);margin-bottom:6px}
.praxis p{margin:0;font-size:16px}
.tabwrap{overflow-x:auto;margin:26px 0;border:1px solid var(--hair)}
.tabwrap{max-width:100%}
.tabwrap table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}
@media(max-width:660px){
  .tabwrap table{min-width:0;font-size:13px}
  .tabwrap th,.tabwrap td{padding:8px 9px}
  .tabwrap td:first-child{font-size:13px}
}
.tabwrap th{text-align:left;font-family:"IBM Plex Mono",monospace;font-weight:500;
  font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);
  padding:12px 14px;border-bottom:1px solid var(--hair);background:var(--paper-2)}
.tabwrap td{padding:11px 14px;border-bottom:1px solid var(--hair)}
.tabwrap tr:last-child td{border-bottom:0}
.tabwrap td:first-child{font-family:Archivo,sans-serif;font-weight:600;font-size:14.5px}
.artikel-cta{border-top:1px solid var(--hair);margin-top:56px;padding-top:34px}
.artikel-cta h2{font-family:Archivo,sans-serif;font-weight:800;letter-spacing:-.025em;
  font-size:clamp(22px,3.3vw,30px);margin:18px 0 10px}
.artikel-cta p{color:var(--grey);margin:0 0 22px;max-width:50ch}
.quellen{margin-top:46px;border-top:1px solid var(--hair);padding-top:18px}
.quellen .mono{color:var(--grey);margin-bottom:8px}
.quellen ul{list-style:none;margin:0;padding:0}
.quellen li{padding:5px 0}
.quellen a{color:var(--grey);font-size:14.5px}
.weiter{margin:60px 0 10px;border-top:1px solid var(--hair);padding-top:22px}
.weiter > .mono{color:var(--ember);margin-bottom:16px}
.wk{display:grid;gap:1px;background:var(--hair);border:1px solid var(--hair)}
@media(min-width:720px){.wk{grid-template-columns:repeat(3,1fr)}}
.wk a{display:flex;gap:12px;align-items:baseline;background:var(--paper);padding:20px 18px;
  text-decoration:none;color:inherit;font-family:Archivo,sans-serif;font-weight:600;
  font-size:16px;line-height:1.25}
.wk a .mono{color:var(--ember);flex:0 0 auto}
.wk a:hover{background:var(--paper-2);color:var(--ember)}
