/* Artikelseite (Blog_Artikel) */
/* ===== Artikelseite ===== */
  .crumb{font-size:13px;color:var(--muted);padding:28px 0 0}
  .crumb a{color:var(--rust)}
  .a-head{max-width:820px;margin:0 auto;padding:36px 40px 0;text-align:center}
  .a-head h1{font:500 58px/1.05 "Cormorant Garamond",serif;margin:14px 0 18px}
  .a-head h1 em{color:var(--rust)}
  .a-meta{display:flex;justify-content:center;align-items:center;gap:14px;font-size:14px;color:var(--muted)}
  .a-meta img{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:top}
  .a-hero{max-width:1200px;margin:44px auto 0;padding:0 40px}
  .a-hero .img{height:560px;background:#e9e2d6 center 28%/cover}
  .a-hero figcaption{font-size:13px;color:var(--muted);margin-top:10px}
  .a-body{max-width:700px;margin:0 auto;padding:56px 40px 20px;font-size:18px;line-height:1.75}
  .a-body p{margin-bottom:1.3em}
  .a-body .lead{font:500 25px/1.45 "Cormorant Garamond",serif;color:var(--ink)}
  .a-body .lead::first-letter{float:left;font-size:84px;line-height:.82;padding:8px 12px 0 0;color:var(--rust);font-weight:600}
  .a-body h2{font:600 32px/1.15 "Cormorant Garamond",serif;margin:1.6em 0 .6em}
  .pull{margin:48px -120px;background:var(--navy);padding:44px 56px;border-top:2px solid var(--gold)}
  .pull p{font:italic 500 34px/1.2 "Cormorant Garamond",serif;color:var(--gold);margin:0}
  .gal{max-width:1040px;margin:12px auto 40px;padding:0 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .gal figure{margin:0}
  .gal .img{aspect-ratio:3/4;background:center/cover no-repeat}
  .gal figcaption{font-size:13px;color:var(--muted);margin-top:8px}
  .gal .wide{grid-column:span 1}
  .ext{display:inline-block;border-bottom:1px solid var(--rust);color:var(--rust)}
  .tags{max-width:700px;margin:0 auto;padding:8px 40px 0;display:flex;flex-wrap:wrap;gap:10px}
  .tags a{font-size:13px;padding:6px 14px;border:1px solid var(--line);background:#fff}
  .author{max-width:700px;margin:40px auto 0;padding:0 40px}
  .author .box{display:grid;grid-template-columns:110px 1fr;gap:24px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}
  .author .box .img{height:140px;background:#e9e2d6 center top/cover}
  .author .role{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);font-weight:600}
  .author h4{font:600 28px/1.1 "Cormorant Garamond",serif;margin:6px 0 8px}
  .author p{color:var(--muted);font-size:15px}
  .author a{color:var(--rust);font-weight:600;font-size:14px}
  .more{background:var(--paper-2);margin-top:80px}
  .more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
  .more-grid .img{aspect-ratio:4/3;background:center/cover;margin-bottom:14px}
  .more-grid h4{font:600 24px/1.15 "Cormorant Garamond",serif;margin-top:4px}
  @media (max-width:760px){
    .crumb{padding:18px 0 0}
    .a-head{padding:24px 20px 0}
    .a-head h1{font-size:38px}
    .a-meta{flex-wrap:wrap}
    .a-hero{padding:0;margin-top:28px}
    .a-hero .img{height:300px}
    .a-hero figcaption{padding:0 20px}
    .a-body{padding:36px 20px 10px;font-size:17px}
    .a-body .lead{font-size:22px}
    .a-body .lead::first-letter{font-size:64px}
    .pull{margin:36px -20px;padding:32px 24px}
    .pull p{font-size:27px}
    .gal{grid-template-columns:1fr 1fr;padding:0 20px;gap:12px}
    .tags,.author{padding:0 20px}
    .author .box{grid-template-columns:80px 1fr;gap:16px}
    .author .box .img{height:100px}
    .more-grid{grid-template-columns:1fr}
  }

  /* Bildband: feste Hoehe, jedes Bild behaelt sein Format */
  .strip{position:relative;max-width:1200px;margin:16px auto 48px;padding:0 40px}
  .strip-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px}
  .strip-track::-webkit-scrollbar{display:none}
  .strip figure{flex:0 0 auto;margin:0;scroll-snap-align:start}
  .strip img{display:block;height:440px;width:auto;cursor:zoom-in;background:#fff}
  .strip figcaption{font-size:13px;color:var(--muted);margin-top:8px;max-width:100%}
  .strip-arrow{position:absolute;top:220px;transform:translateY(-50%);width:44px;height:44px;border:0;background:rgba(30,42,68,.75);color:#fff;font-size:20px;cursor:pointer;z-index:2}
  .strip-prev{left:40px}.strip-next{right:40px}
  .strip-arrow[disabled]{opacity:0;pointer-events:none}
  .strip-count{font-size:13px;color:var(--muted);margin-top:14px;text-align:right}
  /* Grossansicht */
  .lb{position:fixed;inset:0;background:rgba(20,26,40,.96);display:none;align-items:center;justify-content:center;z-index:50}
  .lb.on{display:flex}
  .lb figure{margin:0;text-align:center}
  .lb img{max-width:88vw;max-height:82vh;object-fit:contain;display:block;margin:0 auto}
  .lb figcaption{color:#C9C1B3;font-size:14px;margin-top:14px}
  .lb figcaption b{color:var(--gold);font-weight:500;margin-right:10px}
  .lb button{position:absolute;border:0;background:transparent;color:#F2ECE1;font-size:40px;cursor:pointer;padding:10px 18px}
  .lb .lb-x{top:14px;right:18px;font-size:34px}
  .lb .lb-p{left:10px;top:50%;transform:translateY(-50%)}
  .lb .lb-n{right:10px;top:50%;transform:translateY(-50%)}
  @media (max-width:760px){
    .strip{padding:0 0 0 20px}
    .strip img{height:300px}
    .strip-arrow{display:none}
    .strip-count{padding-right:20px}
  }

  .a-sub{font:italic 500 24px/1.3 "Cormorant Garamond",serif;color:var(--muted);margin:-6px 0 18px}
  .a-body img{max-width:100%;height:auto}
  .a-body a.gl{color:inherit;border-bottom:1px dotted var(--rust)}
  .a-body a:not(.gl){color:var(--rust);border-bottom:1px solid var(--line)}
  .a-body ul,.a-body ol{padding-left:22px;margin-bottom:1.3em}
  .a-body li{margin-bottom:.4em}
  .a-body > .txt > p:first-child::first-letter,.a-body > .txt.dc::first-letter{float:left;font:600 84px/.82 "Cormorant Garamond",serif;padding:8px 12px 0 0;color:var(--rust)}
  .a-video{max-width:1040px;margin:0 auto 40px;padding:0 40px}
  .a-video h3{font:600 24px "Cormorant Garamond",serif;margin-bottom:12px}
  .play{position:relative;display:block;width:100%;border:0;padding:0;cursor:pointer;aspect-ratio:16/9;background:#1B2130 center/cover}
  .play .pl{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:rgba(30,42,68,.88)}
  .play .pl:after{content:"";position:absolute;left:34px;top:26px;border-left:22px solid var(--gold);border-top:16px solid transparent;border-bottom:16px solid transparent}
  .play small{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;background:linear-gradient(transparent,rgba(20,26,40,.8));color:#E9E2D6;font-size:12px;text-align:left}
  @media (max-width:760px){ .a-video{padding:0 20px} .a-body > .txt > p:first-child::first-letter,.a-body > .txt.dc::first-letter{font-size:64px} }
