/* A photograph gallery: full image contours, no background removal or crop. */
#staffelautomat-inhalt .erko-practice-gallery{position:relative;padding:72px 0;background:transparent;color:#102b3b}
.erko-practice-gallery *{box-sizing:border-box}
.erko-practice-gallery .pg-wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.erko-practice-gallery .pg-heading{max-width:800px;margin-bottom:30px}
.erko-practice-gallery .pg-kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;color:#102b3b}
#staffelautomat-inhalt .erko-practice-gallery .pg-title{font-size:clamp(30px,3vw,42px);line-height:1.12;margin:0 0 16px;color:#b88b70}
.erko-practice-gallery .pg-intro,.erko-practice-gallery .pg-description{font-size:17px;line-height:1.6;margin:0;color:#102b3b}
.erko-practice-gallery .pg-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.85fr);gap:36px;align-items:start}
.erko-practice-gallery .pg-figure{margin:0;min-width:0}
.erko-practice-gallery .pg-open{width:100%;padding:0;border:0;background:#e8edf1;cursor:zoom-in;display:block;aspect-ratio:16/10}
.erko-practice-gallery .pg-open img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:none}
.erko-practice-gallery .pg-caption-line{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;font-size:13px;color:#102b3b}
.erko-practice-gallery .pg-zoom{font:inherit;color:#102b3b;background:transparent;border:0;padding:8px 0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px}
#staffelautomat-inhalt .erko-practice-gallery .pg-item-title{font-size:27px;line-height:1.2;margin:0 0 16px;color:#b88b70}
.erko-practice-gallery .pg-controls{display:flex;align-items:center;gap:12px;margin:24px 0}
.erko-practice-gallery .pg-arrow{border:1px solid #7e919c;color:#102b3b;background:transparent;font:700 21px/1 Arial,sans-serif;width:46px;height:46px;cursor:pointer;flex-shrink:0}
.erko-practice-gallery .pg-count{font-size:14px;font-weight:700;margin-inline:6px}
.erko-practice-gallery .pg-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:25px}
.erko-practice-gallery .pg-thumb-button{display:flex;flex-direction:column;gap:8px;text-align:left;font:700 14px/1.35 Arial,sans-serif;border:1px solid rgba(16,43,59,.26);border-bottom:3px solid transparent;padding:8px;color:#102b3b;background:transparent;cursor:pointer;min-width:0}
.erko-practice-gallery .pg-thumb-button[aria-pressed="true"]{border-bottom-color:#b88b70;background:rgba(248,250,251,.23)}
.erko-practice-gallery .pg-thumb-button img{width:100%;height:72px;object-fit:contain;background:#e8edf1;display:block}
.erko-practice-gallery :is(button,a):focus-visible{outline:3px solid #174d6b;outline-offset:4px}
.erko-practice-gallery .pg-note{margin:24px 0 0;font-size:13px;line-height:1.5;color:#102b3b}
.erko-practice-gallery .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.erko-practice-gallery .pg-controls[hidden],.erko-practice-gallery [data-pg-zoom][hidden]{display:none}
.pg-dialog{width:min(1400px,96vw);max-width:96vw;max-height:94svh;border:0;background:#f8fafb;color:#102b3b;padding:20px;overflow:auto}
.pg-dialog::backdrop{background:rgba(8,24,35,.88)}
.pg-dialog .pg-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.pg-dialog .pg-dialog-title{font:700 23px/1.2 Arial,sans-serif;margin:0;color:#10364b}
.pg-dialog button{min-width:44px;min-height:44px;border:1px solid #8fa1ac;color:#102b3b;background:transparent;cursor:pointer;font:700 18px Arial,sans-serif}
.pg-dialog .pg-dialog-close{font-size:25px;flex-shrink:0}
.pg-dialog .pg-dialog-image{display:block;width:100%;height:min(68svh,820px);object-fit:contain;background:#e8edf1}
.pg-dialog .pg-dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px}
.pg-dialog .pg-dialog-caption{margin:0;font:15px/1.45 Arial,sans-serif;max-width:80ch}
.pg-dialog .pg-dialog-controls{display:flex;gap:10px;align-items:center;flex-shrink:0}
.pg-dialog button:focus-visible{outline:3px solid #174d6b;outline-offset:3px}
@media(max-width:767px){
 #staffelautomat-inhalt .erko-practice-gallery{padding:42px 0}
 .erko-practice-gallery .pg-wrap{width:calc(100% - 40px)}
 .erko-practice-gallery .pg-layout{grid-template-columns:1fr;gap:22px}
 .erko-practice-gallery .pg-thumbs{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}
 .erko-practice-gallery .pg-controls{margin:18px 0}
 .pg-dialog{padding:14px}
 .pg-dialog .pg-dialog-title{font-size:20px}
 .pg-dialog .pg-dialog-image{height:58svh}
 .pg-dialog .pg-dialog-bottom{flex-direction:column;align-items:stretch;gap:12px}
 .pg-dialog .pg-dialog-controls{justify-content:center}
}