/* Übersicht der Akten (/dossiers/): eine grosse Akte oben, danach eine ruhige Liste mit Linien. Farben und Schriften aus marke.css. */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#0c0c0c;font-family:var(--sans,Arial,Helvetica,sans-serif);font-size:1.0625rem;line-height:1.5;overflow-wrap:break-word}
a{color:inherit}
.ak{max-width:1180px;margin:0 auto;padding:0 clamp(16px,5vw,40px) 72px}
.ak-kopf{padding:26px 0 22px}
.ak-kopf h1{margin:0;font-size:clamp(3.25rem,14vw,6rem)}
.ak-lead{max-width:38em;margin:16px 0 0;color:#2b2b2b}

.ak-liste{border-top:3px solid #0c0c0c}
.ak-karte{display:flow-root;padding:18px 0 20px;border-bottom:1px solid #d9d9d9;text-decoration:none}
.ak-bild{float:left;width:124px;margin:3px 14px 0 0;aspect-ratio:16/9;background:#0c0c0c;overflow:hidden}
.ak-bild img{display:block;width:100%;height:100%;object-fit:cover}
.ak-art{margin:0;font-family:var(--display,Arial,sans-serif);font-size:.9375rem;font-weight:700;letter-spacing:.05em;line-height:1.2;text-transform:uppercase;color:var(--rot-text,#c4141a)}
.ak-karte h2{margin:3px 0 0;font-size:1.5rem;overflow-wrap:anywhere}
.ak-text{clear:both;margin:0;padding-top:12px;font-size:1rem;color:#2b2b2b}
.ak-ohne .ak-text{padding-top:8px}
.ak-karte:hover h2{color:var(--rot,#e51b20)}
.ak-karte:focus-visible,.ak-weg a:focus-visible{outline:3px solid var(--rot,#e51b20);outline-offset:3px}

.ak-gross{padding-top:0;border-bottom:3px solid #0c0c0c}
.ak-gross .ak-bild{float:none;width:auto;margin:0 calc(-1*clamp(16px,5vw,40px)) 16px}
.ak-gross h2{font-size:clamp(2.25rem,9vw,3.5rem)}
.ak-gross .ak-text{padding-top:10px;font-size:1.0625rem}
.ak-auf{display:inline-block;margin-top:14px;padding-bottom:3px;border-bottom:3px solid var(--rot,#e51b20);font-family:var(--display,Arial,sans-serif);font-size:1.0625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}

.ak-weg{display:grid;margin-top:44px;border-top:3px solid #0c0c0c}
.ak-weg a{display:block;min-height:44px;padding:16px 0;border-bottom:1px solid #d9d9d9;text-decoration:none}
.ak-weg strong{display:block;font-family:var(--display,Arial,sans-serif);font-size:1.5rem;font-weight:800;line-height:1.1;text-transform:uppercase}
.ak-weg span{display:block;margin-top:4px;font-size:1rem;color:#2b2b2b}
.ak-weg a:hover strong{color:var(--rot,#e51b20)}

@media (min-width:600px){
  .ak-bild{width:200px;margin-right:20px}
  .ak-art,.ak-karte h2,.ak-text{margin-left:220px}
  .ak-ohne .ak-art,.ak-ohne h2,.ak-ohne .ak-text{margin-left:0}
  .ak-text{clear:none;padding-top:8px}
  .ak-gross{padding-top:22px}
  .ak-gross .ak-bild{margin:0 0 18px}
  .ak-gross .ak-art,.ak-gross h2,.ak-gross .ak-text{margin-left:0}
}
@media (min-width:900px){
  .ak-kopf{padding:44px 0 30px}
  .ak-liste{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px}
  .ak-karte{padding:22px 0 24px}
  .ak-bild{width:176px;margin-right:18px}
  .ak-art,.ak-karte h2,.ak-text{margin-left:194px}
  .ak-gross{grid-column:1/-1;padding:28px 0 32px}
  .ak-gross .ak-bild{float:left;width:60%;margin:0 36px 0 0}
  .ak-gross .ak-art,.ak-gross h2,.ak-gross .ak-text{margin-left:calc(60% + 36px)}
  .ak-gross .ak-art{padding-top:6px;font-size:1.0625rem}
  .ak-gross h2{font-size:clamp(2.75rem,4.4vw,3.75rem)}
  .ak-gross .ak-text{font-size:1.125rem}
  .ak-weg{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:48px}
}