/*PG-GRAPHIT*/
/* D62 Diaprojektor-Archiv – nur Desktop (> 960 px, html.d62) */
.d62p, .d62p-layer { display:none; }
@media (min-width:961px){
  html.d62 .d62p-has .r45-slides { display:none !important; }
  html.d62 .d62p { display:block; width:min(1180px, calc(100vw - 80px)); margin:26px auto 8px; }
  html.d62 .d62p-start { position:relative; display:block; width:100%; aspect-ratio:16/9; overflow:hidden; border:0; padding:0; border-radius:18px; background:#262420; cursor:pointer;
    box-shadow:0 24px 60px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.06); }
  html.d62 .d62p-totale { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:filter .35s ease; }
  html.d62 .d62p-start:hover .d62p-totale { filter:brightness(1.08); }
  html.d62 .d62p-hint { position:absolute; left:50%; bottom:24px; transform:translateX(-50%); display:inline-flex; align-items:center; gap:10px; white-space:nowrap;
    padding:12px 18px 12px 14px; border-radius:999px; background:rgba(38,36,32,.78); color:#fff; font:700 15px/1 Archivo,system-ui,sans-serif; letter-spacing:.01em;
    border:1px solid rgba(222,200,125,.45); box-shadow:0 8px 22px rgba(0,0,0,.4); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
  html.d62 .d62p-dot { width:10px; height:10px; border-radius:50%; background:#dec87d; animation:d62p-pulse 1.8s ease-out infinite; }
  @keyframes d62p-pulse { 0% { box-shadow:0 0 0 0 rgba(222,200,125,.55) } 80%,100% { box-shadow:0 0 0 12px rgba(222,200,125,0) } }
  html.d62 .d62p-start:focus-visible { outline:3px solid #dec87d; outline-offset:4px; }

  html.d62.d62p-open, html.d62.d62p-open body { overflow:hidden; }
  html.d62 .d62p-layer { display:block; position:fixed; inset:0; z-index:2000; color:#fff; opacity:1; transition:opacity .3s ease; }
  html.d62 .d62p-layer[hidden] { display:none !important; }
  html.d62 .d62p-layer[data-phase=off] { opacity:0; }
  html.d62 .d62p-backdrop { position:absolute; inset:0; background:#21201b; }
  html.d62 .d62p-scene { position:absolute; inset:0; overflow:hidden; }
  html.d62 .d62p-zoom, html.d62 .d62p-fly { position:absolute; display:block; max-width:none; pointer-events:none; }
  html.d62 .d62p-fly { z-index:2; }
  html.d62 .d62p-off { position:fixed; z-index:3; display:block; max-width:none; pointer-events:none; will-change:transform,clip-path,opacity; }
  html.d62 .d62p-screen { position:absolute; z-index:3; overflow:hidden; opacity:0; transition:opacity .35s ease; cursor:pointer; will-change:opacity; }
  html.d62 .d62p-slide, html.d62 .d62p-slide img { position:absolute; inset:0; width:100%; height:100%; }
  html.d62 .d62p-slide img { object-fit:contain; background:#d9cebb; filter:sepia(.12) contrast(1.02) brightness(1.02); }
  html.d62 .d62p-slide::after { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse at 50% 50%, rgba(255,245,225,.10) 0, rgba(0,0,0,0) 55%, rgba(54,45,32,.32) 100%); }
  html.d62 .d62p-dim { position:absolute; inset:0; background:#28241e; opacity:0; pointer-events:none; }
  html.d62 .d62p-panel { position:absolute; z-index:4; display:flex; flex-direction:column; align-items:flex-start; box-sizing:border-box; padding:24px 26px 20px; border-radius:16px;
    background:rgba(37,35,30,.82); border:1px solid rgba(255,232,170,.12); box-shadow:0 18px 50px rgba(0,0,0,.45); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); transition:opacity .35s ease .1s; }
  html.d62 .d62p-panel.d62p-fade .d62p-when, html.d62 .d62p-panel.d62p-fade .d62p-title, html.d62 .d62p-panel.d62p-fade .d62p-text, html.d62 .d62p-panel.d62p-fade .d62p-more { opacity:.25; }
  html.d62 .d62p-panel :is(.d62p-when,.d62p-title,.d62p-text,.d62p-more) { transition:opacity .25s ease; }
  html.d62 .d62p-when { margin:0 0 8px; font:800 13px/1.2 Archivo,system-ui,sans-serif; letter-spacing:.18em; text-transform:uppercase; color:#dec87d; }
  html.d62 .d62p-title { margin:0 0 10px; font:800 clamp(22px,1.7vw,30px)/1.15 Archivo,system-ui,sans-serif; color:#fff; }
  html.d62 .d62p-text { margin:0 0 14px; font:400 16px/1.55 system-ui,sans-serif; color:rgba(255,255,255,.8); }
  html.d62 .d62p-more { color:#dec87d; font-weight:700; font-size:15px; text-decoration:none; }
  html.d62 .d62p-more::after { content:" →"; }
  html.d62 .d62p-more:hover { text-decoration:underline; }
  html.d62 .d62p-bar { display:flex; align-items:center; gap:12px; margin-top:26px; }
  html.d62 .d62p-bar button, html.d62 .d62p-close { width:48px; height:48px; border-radius:50%; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.07); color:#fff;
    font:600 24px/1 system-ui,sans-serif; display:grid; place-items:center; cursor:pointer; transition:background .2s ease, border-color .2s ease; }
  html.d62 .d62p-bar button:hover, html.d62 .d62p-close:hover { background:rgba(222,200,125,.16); border-color:rgba(222,200,125,.55); }
  html.d62 .d62p-bar .d62p-sound { margin-left:8px; }
  html.d62 .d62p-bar .d62p-sound[aria-pressed=false] { opacity:.6; }
  html.d62 .d62p-sound svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
  html.d62 .d62p-sound .spk { fill:currentColor; }
  html.d62 .d62p-sound .off { display:none; }
  html.d62 .d62p-sound[aria-pressed=false] .off { display:inline; }
  html.d62 .d62p-sound[aria-pressed=false] .wav { display:none; }
  html.d62 .d62p-count { min-width:62px; text-align:center; font:700 14px/1 Archivo,system-ui,sans-serif; color:rgba(255,255,255,.7); font-variant-numeric:tabular-nums; }
  html.d62 .d62p-keys { margin:14px 0 0; font:600 12px/1 system-ui,sans-serif; color:rgba(255,255,255,.42); letter-spacing:.02em; }
  html.d62 .d62p-close { position:absolute; z-index:5; top:22px; right:24px; background:rgba(0,0,0,.55); font-size:26px; }
  html.d62 .d62p-layer[data-phase=fly] .d62p-panel, html.d62 .d62p-layer[data-phase=fly] .d62p-close { opacity:0; pointer-events:none; }
  html.d62 .d62p-close { transition:opacity .35s ease, background .2s ease; }
  /* schmale Desktop-Fenster: Bildunterschrift unter der Leinwand, kompakt und mit dunklem Grund */
  html.d62 .d62p-panel.d62p-below { flex-direction:row; flex-wrap:wrap; align-items:center; column-gap:18px; padding:14px 18px; border-radius:14px; background:rgba(36,34,29,.78); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); box-sizing:border-box; }
  html.d62 .d62p-panel.d62p-below .d62p-text, html.d62 .d62p-panel.d62p-below .d62p-keys { display:none; }
  html.d62 .d62p-panel.d62p-below .d62p-when { margin:0; }
  html.d62 .d62p-panel.d62p-below .d62p-title { margin:0; font-size:20px; flex:1 1 200px; }
  html.d62 .d62p-panel.d62p-below .d62p-bar { margin:0; }
  html.d62 :is(.d62p-bar button, .d62p-close, .d62p-more):focus-visible { outline:3px solid #dec87d; outline-offset:2px; }
  @media (prefers-reduced-motion:reduce) { html.d62 .d62p-dot { animation:none; } }
}

html.d62 .d62p-back { opacity:0; z-index:2; }

/*PG-TONE-1*/

/* gleiche Höhe für alle Dias: Bedienleiste sitzt immer unten (DK 10.10.) */
html.d62 .d62p-panel:not(.d62p-below) .d62p-bar { margin-top:auto; padding-top:26px; }
html.d62 .d62p-panel.d62p-below { flex-wrap:nowrap; }
html.d62 .d62p-panel.d62p-below .d62p-title { flex:1 1 0; min-width:0; }
html.d62 .d62p-panel.d62p-below .d62p-more { flex:none; }
html.d62 .d62p-panel.d62p-below .d62p-bar { flex:none; margin-left:auto; }