/* DK 11.10.: Berichte-Reiter + Zeitungsleser (Quelle: zeitung/zeitung.css, Generator zeitung.py) */
/* Feste Schnitte statt variabler Schrift: Safari ignorierte sonst die Strichstärke (Überschriften wurden dünn). */
@font-face{font-family:Newsreader;font-style:normal;font-weight:300 599;font-display:swap;src:url(newsreader-400.woff2) format("woff2");}
@font-face{font-family:Newsreader;font-style:normal;font-weight:600 900;font-display:swap;src:url(newsreader-800.woff2) format("woff2");}
@font-face{font-family:Newsreader;font-style:italic;font-weight:300 449;font-display:swap;src:url(newsreader-italic-400.woff2) format("woff2");}
@font-face{font-family:Newsreader;font-style:italic;font-weight:450 900;font-display:swap;src:url(newsreader-italic-500.woff2) format("woff2");}
@font-face{font-family:UnifrakturMaguntia;font-style:normal;font-weight:400;font-display:swap;src:url(unifrakturmaguntia-normal.woff2) format("woff2");}

/* ---------- Reiter ---------- */
.zt-tabs{display:inline-grid;grid-auto-flow:column;gap:4px;padding:4px;margin:0 0 16px;border-radius:12px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.12);max-width:100%;}
.zt-tabs button{display:flex;align-items:baseline;gap:8px;min-height:44px;padding:6px 18px;border:0;border-radius:9px;background:transparent;color:var(--h-ink-2,#cfc9b8);font:700 14px/1.15 Archivo,system-ui,sans-serif;cursor:pointer;white-space:nowrap;}
.zt-tabs button small{font:700 12px/1 Archivo,system-ui,sans-serif;opacity:.7;}
.zt-tabs button[aria-selected="true"]{background:var(--sg-yellow,#dec87d);color:#262420;}
.zt-tabs button:focus-visible{outline:3px solid var(--sg-yellow,#dec87d);outline-offset:2px;}
@media (max-width:380px){.zt-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.zt-tabs button{padding:6px 8px;justify-content:center;font-size:13px}}
[role="tabpanel"][hidden]{display:none !important;}

/* ---------- Artikel-Liste (Zeitungsausschnitte) ---------- */
.zt-panel{padding:4px 0 8px;}
.zt-intro{margin:0 0 14px;color:#cfc9b8;font:400 14.5px/1.5 Archivo,system-ui,sans-serif;}
.zt-clips{list-style:none;margin:0;padding:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));}
.zt-clip{all:unset;box-sizing:border-box;display:flex;flex-direction:column;width:100%;cursor:pointer;color:#1f1c17;
  background:#f1ebdc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .22 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
  border-radius:3px;padding:16px 18px 14px;box-shadow:0 1px 0 rgba(0,0,0,.08),0 14px 30px -18px rgba(0,0,0,.75);
  clip-path:polygon(0% 1.69px,1.56% 1.22px,3.12% 0.73px,4.69% 0.84px,6.25% 1.03px,7.81% 1.28px,9.38% 1.01px,10.94% 1.02px,12.5% 0.71px,14.06% 0.88px,15.62% 0.82px,17.19% 0.76px,18.75% 1.7px,20.31% 2.28px,21.88% 2.62px,23.44% 2.86px,25% 2.6px,26.56% 2.25px,28.12% 2.15px,29.69% 1.65px,31.25% 1.61px,32.81% 1.68px,34.38% 1.67px,35.94% 1.86px,37.5% 1.62px,39.06% 1.41px,40.62% 0.77px,42.19% 0.44px,43.75% 0.24px,45.31% 0.5px,46.88% 0.83px,48.44% 1.26px,50% 2.04px,51.56% 2.26px,53.12% 2.2px,54.69% 2.03px,56.25% 1.77px,57.81% 1.81px,59.38% 2.07px,60.94% 2.28px,62.5% 2.84px,64.06% 2.66px,65.62% 2.58px,67.19% 1.84px,68.75% 1.52px,70.31% 0.99px,71.88% 0.36px,73.44% 0.5px,75% 1.05px,76.56% 1.09px,78.12% 1.46px,79.69% 1.15px,81.25% 0.86px,82.81% 1.03px,84.38% 1.17px,85.94% 1.23px,87.5% 1.64px,89.06% 2.3px,90.62% 3.02px,92.19% 3.05px,93.75% 2.58px,95.31% 2.25px,96.88% 1.75px,98.44% 1.41px,100% 1.63px,calc(100% - 0.42px) 7.14%,calc(100% - 0.82px) 14.29%,calc(100% - 1.38px) 21.43%,calc(100% - 1.08px) 28.57%,calc(100% - 0.55px) 35.71%,calc(100% - 0.47px) 42.86%,calc(100% - 1px) 50%,calc(100% - 1.44px) 57.14%,calc(100% - 0.74px) 64.29%,calc(100% - 0.55px) 71.43%,calc(100% - 0.36px) 78.57%,calc(100% - 1.63px) 85.71%,calc(100% - 1.14px) 92.86%,100% calc(100% - 1.8px),98.44% calc(100% - 2.09px),96.88% calc(100% - 1.6px),95.31% calc(100% - 1.32px),93.75% calc(100% - 1.06px),92.19% calc(100% - 0.52px),90.62% calc(100% - 0.06px),89.06% calc(100% - 0.58px),87.5% calc(100% - 0.58px),85.94% calc(100% - 1.11px),84.38% calc(100% - 1.82px),82.81% calc(100% - 1.89px),81.25% calc(100% - 1.94px),79.69% calc(100% - 1.74px),78.12% calc(100% - 1.66px),76.56% calc(100% - 1.93px),75% calc(100% - 1.97px),73.44% calc(100% - 2.45px),71.88% calc(100% - 2.61px),70.31% calc(100% - 2.72px),68.75% calc(100% - 2.75px),67.19% calc(100% - 2.05px),65.62% calc(100% - 1.5px),64.06% calc(100% - 1.12px),62.5% calc(100% - 0.49px),60.94% calc(100% - 0.45px),59.38% calc(100% - 0.99px),57.81% calc(100% - 1.2px),56.25% calc(100% - 1.09px),54.69% calc(100% - 1.07px),53.12% calc(100% - 1.21px),51.56% calc(100% - 1.18px),50% calc(100% - 0.83px),48.44% calc(100% - 1.44px),46.88% calc(100% - 1.87px),45.31% calc(100% - 2.29px),43.75% calc(100% - 2.67px),42.19% calc(100% - 2.73px),40.62% calc(100% - 2.61px),39.06% calc(100% - 2.71px),37.5% calc(100% - 1.93px),35.94% calc(100% - 1.8px),34.38% calc(100% - 1.4px),32.81% calc(100% - 1.68px),31.25% calc(100% - 1.64px),29.69% calc(100% - 1.51px),28.12% calc(100% - 1.3px),26.56% calc(100% - 1.22px),25% calc(100% - 0.5px),23.44% calc(100% - 0.25px),21.88% calc(100% - 0.33px),20.31% calc(100% - 0.7px),18.75% calc(100% - 1.06px),17.19% calc(100% - 1.46px),15.62% calc(100% - 2.24px),14.06% calc(100% - 2.15px),12.5% calc(100% - 2.07px),10.94% calc(100% - 2.05px),9.38% calc(100% - 1.99px),7.81% calc(100% - 1.79px),6.25% calc(100% - 1.98px),4.69% calc(100% - 2.3px),3.12% calc(100% - 2.56px),1.56% calc(100% - 2.32px),0% calc(100% - 2.13px),0.94px 92.86%,0.9px 85.71%,0.3px 78.57%,1.45px 71.43%,1.14px 64.29%,1.03px 57.14%,0.06px 50%,0.77px 42.86%,1.23px 35.71%,1.48px 28.57%,0.68px 21.43%,0.38px 14.29%,0.9px 7.14%);
  transition:transform .25s ease, box-shadow .25s ease;}
.zt-clip:hover{transform:translateY(-2px);}
.zt-clip:focus-visible{outline:3px solid var(--sg-yellow,#dec87d);outline-offset:4px;clip-path:none;}
.zt-clip-mast{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:6px;margin-bottom:10px;border-bottom:3px double #2c2822;}
.zt-clip-mast b{font:400 22px/1 UnifrakturMaguntia,"Newsreader",serif;letter-spacing:.01em;}
.zt-clip-mast time{font:italic 400 13px/1.2 Newsreader,Georgia,serif;color:#5a5348;text-align:right;}
.zt-clip-body{display:grid;grid-template-columns:1fr 38%;gap:14px;align-items:start;}
.zt-clip-body img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 30%;filter:grayscale(.15) contrast(1.02);border-radius:1px;}
.zt-clip-kick{display:block;font:700 11px/1.2 Archivo,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7a5a12;margin-bottom:6px;}
.zt-clip-title{display:block;font:800 clamp(21px,2.1vw,27px)/1.08 Newsreader,Georgia,serif;letter-spacing:-.01em;margin-bottom:8px;}
.zt-clip-lead{display:block;font:italic 400 15.5px/1.4 Newsreader,Georgia,serif;color:#3b362e;}
.zt-clip-by{display:block;margin-top:8px;font:700 12px/1.2 Archivo,system-ui,sans-serif;color:#5a5348;}
.zt-clip-cta{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:14px;padding:9px 14px;border-radius:999px;background:#262420;color:#f4f1e8;font:700 13.5px/1 Archivo,system-ui,sans-serif;}
.zt-clip-cta svg{width:16px;height:16px;}
@media (max-width:520px){.zt-clip-body{grid-template-columns:1fr}.zt-clip-body img{order:-1;aspect-ratio:16/9}.zt-clip-mast{flex-direction:column;align-items:flex-start;gap:4px}.zt-clip-mast b{font-size:21px}.zt-clip-mast time{text-align:left}}

/* Querverweis im Vereinsbericht */
.zt-xref{margin:10px 0 0 !important;}
.zt-xref .zt-open{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;color:var(--sg-yellow,#dec87d);font:700 14px/1.3 Archivo,system-ui,sans-serif;border-bottom:1px solid currentColor;padding-bottom:2px;}
.zt-xref .zt-open svg{width:16px;height:16px;flex:none;}
.zt-xref .zt-open:focus-visible{outline:3px solid var(--sg-yellow,#dec87d);outline-offset:3px;}

/* ---------- Leser ---------- */
html.zt-lock,html.zt-lock body{overflow:hidden !important;}
.zt-reader{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;color:#1f1c17;
  background:radial-gradient(120% 90% at 50% 40%,#28241d,#0c0b09);display:none;overflow:hidden;}
.zt-reader[open]{display:grid;grid-template-rows:minmax(0,1fr) auto;}
.zt-reader::backdrop{background:rgba(0,0,0,.6);}
.zt-stage{position:relative;display:flex;align-items:center;justify-content:center;perspective:2400px;touch-action:none;user-select:none;-webkit-user-select:none;
  padding:max(52px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 4px max(8px,env(safe-area-inset-left));min-height:0;}
.zt-book{position:relative;width:var(--pw);height:var(--ph);transform-style:preserve-3d;}
.zt-book.is-spread{width:calc(var(--pw) * 2);}
.zt-slot,.zt-leaf{position:absolute;top:0;width:var(--pw);height:var(--ph);}
.zt-slot-l,.zt-slot-s{left:0;}
.zt-slot-r{left:var(--pw);}
.zt-leaf{transform-style:preserve-3d;z-index:3;will-change:transform;}
.zt-leaf-r,.zt-leaf-s{left:var(--pw);transform-origin:left center;}
.zt-leaf-s{left:0;}
.zt-leaf-l{left:0;transform-origin:right center;}
.zt-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.zt-back{transform:rotateY(180deg);}
.zt-shade{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,0) 45%,rgba(255,255,255,.25) 80%,rgba(0,0,0,.1));}
.zt-leaf-l .zt-front .zt-shade,.zt-leaf-r .zt-back .zt-shade{transform:scaleX(-1);}
.zt-fold{position:absolute;top:0;bottom:0;left:calc(var(--pw) - 24px);width:48px;pointer-events:none;z-index:2;
  background:linear-gradient(90deg,rgba(0,0,0,0),rgba(60,50,35,.16) 42%,rgba(30,24,16,.32) 50%,rgba(60,50,35,.14) 58%,rgba(0,0,0,0));}
.zt-crease{position:absolute;left:0;right:0;top:50%;height:22px;margin-top:-11px;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(40,30,20,.22),rgba(255,255,255,.2),rgba(0,0,0,0));}

/* Seite */
.zt-page{--fs:18px;position:relative;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;
  padding:26px 34px 34px;background-color:#f3eee1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .22 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E"),
    linear-gradient(180deg,#f5f0e4,#efe8d8);
  box-shadow:0 30px 60px -28px rgba(0,0,0,.85),0 2px 0 rgba(0,0,0,.05);font:400 var(--fs)/1.5 Newsreader,Georgia,"Times New Roman",serif;color:#1f1c17;}
.zt-slot-l .zt-page{border-radius:3px 0 0 3px;}
.zt-slot-r .zt-page,.zt-slot-s .zt-page{border-radius:0 3px 3px 0;}
.zt-book.is-spread .zt-slot-l .zt-page::after,.zt-book.is-spread .zt-slot-r .zt-page::after{content:"";position:absolute;top:0;bottom:0;width:60px;pointer-events:none;}
.zt-book.is-spread .zt-slot-l .zt-page::after{right:0;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(70,55,35,.12));}
.zt-book.is-spread .zt-slot-r .zt-page::after{left:0;background:linear-gradient(270deg,rgba(0,0,0,0),rgba(70,55,35,.12));}
.zt-page.is-blank,.zt-page.is-back{background-color:#ece5d4;}
.zt-page.is-back{background-image:linear-gradient(90deg,#e9e2d0,#f1ebdd);}

.zt-mast{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;padding-bottom:8px;border-bottom:4px double #2a261f;margin-bottom:14px;}
.zt-mast-name{font:400 clamp(26px,calc(var(--fs) * 2),42px)/1 UnifrakturMaguntia,Newsreader,serif;text-align:center;white-space:nowrap;}
.zt-mast-ressort,.zt-mast-date{font:600 11.5px/1.25 Archivo,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#4d463b;}
.zt-mast-date{text-align:right;}
.zt-head{margin-bottom:12px;}
.zt-title{margin:0 0 10px;font:800 calc(var(--fs) * 2.15)/1.04 Newsreader,Georgia,serif;letter-spacing:-.018em;text-wrap:balance;color:#15130f;}
.zt-lead{margin:0 0 8px;font:italic 500 calc(var(--fs) * 1.08)/1.38 Newsreader,Georgia,serif;color:#2e2a23;}
.zt-by{margin:0;padding-top:6px;border-top:1px solid rgba(42,38,31,.35);font:700 12.5px/1.2 Archivo,system-ui,sans-serif;letter-spacing:.04em;color:#4d463b;}
.zt-photo{margin:0 0 12px;}
.zt-photo img{display:block;width:100%;height:auto;max-height:var(--zt-photo-h,34vh);object-fit:cover;object-position:50% 28%;filter:grayscale(.12) sepia(.06) contrast(1.03);}
.zt-photo figcaption{margin-top:5px;font:italic 400 calc(var(--fs) * .78)/1.35 Newsreader,Georgia,serif;color:#3b362e;}
.zt-credit{font:700 10.5px/1 Archivo,system-ui,sans-serif;letter-spacing:.08em;font-style:normal;color:#6b6356;}
.zt-run{display:flex;justify-content:space-between;gap:10px;padding-bottom:6px;margin-bottom:12px;border-bottom:1px solid #2a261f;font:600 11.5px/1.2 Archivo,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#4d463b;}
.zt-run span:first-child{font:400 17px/1 UnifrakturMaguntia,Newsreader,serif;letter-spacing:0;text-transform:none;color:#1f1c17;}
.zt-cols{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(var(--zt-cols,1),minmax(0,1fr));grid-template-rows:minmax(0,1fr);column-gap:24px;}
.zt-col{min-height:0;overflow:hidden;position:relative;}
.zt-col + .zt-col::before{content:"";position:absolute;left:-12px;top:2px;bottom:2px;border-left:1px solid rgba(42,38,31,.28);}
.zt-col p{margin:0;text-align:justify;hyphens:auto;-webkit-hyphens:auto;text-indent:1.1em;orphans:2;widows:2;}
.zt-col p.is-first-p,.zt-col p.is-cont,.zt-col h3 + p{text-indent:0;}
.zt-nohyph .zt-col p{text-align:left;}
.zt-place{font-weight:800;letter-spacing:.02em;}
.zt-col p.is-first-p::first-letter{float:left;font:800 calc(var(--fs) * 3.4)/.82 Newsreader,Georgia,serif;margin:.06em .08em 0 0;color:#15130f;}
.zt-sub{margin:.55em 0 .3em;font:800 calc(var(--fs) * 1.06)/1.2 Newsreader,Georgia,serif;color:#15130f;}
.zt-col > .zt-sub:first-child{margin-top:0;}
.zt-source{margin:.9em 0 0 !important;padding-top:.6em;border-top:1px solid rgba(42,38,31,.35);text-indent:0 !important;text-align:left !important;font:italic 400 calc(var(--fs) * .8)/1.45 Newsreader,Georgia,serif;color:#4d463b;}
.zt-source a{color:#7a5a12;font-style:normal;font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.zt-source a:focus-visible{outline:3px solid #b98a12;outline-offset:2px;}
.zt-page.is-title{justify-content:center;}
.zt-page.is-title .zt-mast{margin-bottom:22px;}
.zt-folio{position:absolute;left:0;right:0;bottom:10px;text-align:center;font:600 11px/1 Archivo,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6b6356;}
.zt-measure{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;}

/* Eselsohr (Ecke zum Umblättern) */
.zt-ear{all:unset;position:absolute;bottom:0;width:58px;height:58px;cursor:pointer;z-index:4;}
.zt-ear-next{right:0;background:linear-gradient(315deg,rgba(0,0,0,0) 0 0) ;}
.zt-ear::before{content:"";position:absolute;bottom:0;width:0;height:0;transition:width .2s ease,height .2s ease;}
.zt-ear-next::before{right:0;width:26px;height:26px;background:linear-gradient(315deg,rgba(20,15,10,0) 50%,#ddd4bf 50%,#cfc5ad 70%,#bfb399);box-shadow:-3px -3px 8px rgba(0,0,0,.18);border-top-left-radius:2px;}
.zt-ear-prev{left:0;}
.zt-ear-prev::before{left:0;width:26px;height:26px;background:linear-gradient(45deg,rgba(20,15,10,0) 50%,#ddd4bf 50%,#cfc5ad 70%,#bfb399);box-shadow:3px -3px 8px rgba(0,0,0,.18);border-top-right-radius:2px;}
.zt-ear:hover::before{width:34px;height:34px;}

/* Bedienung */
.zt-x{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:6;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.22);
  background:rgba(30,27,22,.85);color:#f4f1e8;font:400 26px/1 Archivo,system-ui,sans-serif;cursor:pointer;display:grid;place-items:center;padding:0 0 3px;}
.zt-x:focus-visible,.zt-ctrl button:focus-visible{outline:3px solid var(--sg-yellow,#dec87d);outline-offset:2px;}
.zt-ctrl{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 12px max(12px,env(safe-area-inset-bottom));color:#e9e3d3;}
.zt-ctrl button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(30,27,22,.85);color:#f4f1e8;cursor:pointer;display:grid;place-items:center;}
.zt-ctrl button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.zt-ctrl button:disabled{opacity:.3;cursor:default;}
.zt-pager{min-width:150px;text-align:center;font:600 13.5px/1 Archivo,system-ui,sans-serif;letter-spacing:.04em;}

@media (max-width:520px){
  .zt-page{padding:18px 18px 30px;}
  .zt-mast-name{font-size:clamp(21px,7.4vw,32px);}
  .zt-mast{grid-template-columns:1fr;gap:4px;text-align:center;}
  .zt-mast-ressort,.zt-mast-date{text-align:center;font-size:10.5px;}
  .zt-mast-ressort{order:3}
  .zt-title{font-size:calc(var(--fs) * 1.75);}
  .zt-stage{padding-top:max(58px,env(safe-area-inset-top));}
}
@media (max-width:360px){.zt-col p{text-align:left;}}
@media (prefers-reduced-motion:reduce){.zt-clip,.zt-ear::before{transition:none;}}

/* Niedrige Displays (Handy quer): Bedienung an die Seitenränder, kompakter Kopf */

/* ===== Vereinszeitung „Altshauser Netzroller“ (DK 11.10.) ===== */
/* Leiste oben in den Vereinsberichten */
.zt-nr-bar{all:unset;box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:12px 16px;cursor:pointer;color:#1f1c17;
  background:#f1ebdc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .22 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
  border-bottom:3px double #2c2822;}
.zt-nr-bar img{width:40px;height:40px;object-fit:contain;}
.zt-nr-txt{display:grid;gap:3px;min-width:0;}
.zt-nr-txt b{font:400 clamp(21px,2.4vw,27px)/1 UnifrakturMaguntia,Newsreader,serif;letter-spacing:.01em;}
.zt-nr-txt small{font:italic 400 14px/1.3 Newsreader,Georgia,serif;color:#4d463b;}
.zt-nr-cta{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#262420;color:#f4f1e8;font:700 13.5px/1 Archivo,system-ui,sans-serif;white-space:nowrap;}
.zt-nr-cta svg{width:16px;height:16px;}
.zt-nr-bar:focus-visible{outline:3px solid var(--sg-yellow,#dec87d);outline-offset:-3px;}
@media (hover:hover){.zt-nr-bar:hover .zt-nr-cta{background:#000;}}
@media (max-width:520px){.zt-nr-bar{grid-template-columns:auto minmax(0,1fr);padding:12px 14px;}.zt-nr-cta{grid-column:1 / -1;justify-self:start;}.zt-nr-bar img{width:34px;height:34px}}

/* Kopf der Vereinszeitung */
.zt-mast-name{display:inline-flex;align-items:center;justify-content:center;gap:.28em;}
.zt-crest{width:1.05em;height:1.05em;object-fit:contain;flex:none;}
.zt-page.is-nr .zt-mast{margin-bottom:6px;}
.zt-mast-sub{margin:0 0 10px;text-align:center;font:italic 400 calc(var(--fs) * .82)/1.3 Newsreader,Georgia,serif;color:#4d463b;}
.zt-toc{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0 0 12px;padding:7px 0;border-top:1px solid #2a261f;border-bottom:1px solid #2a261f;font:600 12.5px/1.3 Archivo,system-ui,sans-serif;}
.zt-toc-h{font:800 12px/1.3 Archivo,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7a5a12;}
.zt-jump{all:unset;cursor:pointer;display:inline-flex;gap:6px;align-items:baseline;color:#1f1c17;max-width:100%;}
.zt-jump span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:34ch;border-bottom:1px solid rgba(42,38,31,.35);}
.zt-jump .zt-pg{font-weight:800;color:#7a5a12;white-space:nowrap;}
.zt-jump:focus-visible{outline:3px solid #b98a12;outline-offset:2px;}
@media (hover:hover){.zt-jump:hover span{border-bottom-color:#1f1c17;}}
.zt-kick{margin:0 0 6px;font:700 11.5px/1.25 Archivo,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7a5a12;}

/* Artikel innerhalb der Zeitung */
.zt-art-h{margin:.4em 0 .5em;padding-top:.55em;border-top:2px solid #2a261f;}
.zt-col > .zt-art-h:first-child{margin-top:0;}
.zt-art-k{margin:0 0 4px !important;text-indent:0 !important;text-align:left !important;font:700 11px/1.25 Archivo,system-ui,sans-serif !important;letter-spacing:.1em;text-transform:uppercase;color:#7a5a12;}
.zt-art-t{margin:0;font:800 calc(var(--fs) * 1.45)/1.1 Newsreader,Georgia,serif;letter-spacing:-.01em;color:#15130f;text-wrap:balance;}
.zt-art-h + p{text-indent:0 !important;}
.zt-fig{margin:.3em 0 .7em;}
.zt-fig img{display:block;width:100%;height:auto;max-height:calc(var(--ph,600px) * .34);object-fit:cover;filter:grayscale(.12) sepia(.06) contrast(1.03);}
.zt-fig figcaption{margin-top:4px;font:italic 400 calc(var(--fs) * .76)/1.35 Newsreader,Georgia,serif;color:#3b362e;}
.zt-credit-line{margin:.35em 0 .2em !important;text-indent:0 !important;text-align:right !important;font:italic 400 calc(var(--fs) * .8)/1.3 Newsreader,Georgia,serif !important;color:#4d463b;}

/* Kästen: Presse, Mannschaften */
.zt-box{margin:.2em 0 .7em;padding:.6em .75em;border:1px solid rgba(42,38,31,.55);background:rgba(255,255,255,.28);}
.zt-box p{margin:0;text-indent:0 !important;text-align:left !important;}
.zt-press-t{font:800 calc(var(--fs) * 1.1)/1.15 Newsreader,Georgia,serif;margin:2px 0 4px !important;}
.zt-press-l{font:italic 400 calc(var(--fs) * .88)/1.38 Newsreader,Georgia,serif;color:#2e2a23;}
.zt-press-b{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:7px 12px;border-radius:999px;background:#262420;color:#f4f1e8;font:700 12.5px/1 Archivo,system-ui,sans-serif;}
.zt-press-b svg{width:14px;height:14px;}
.zt-press-b:focus-visible{outline:3px solid #b98a12;outline-offset:2px;}
.zt-team{font:400 calc(var(--fs) * .84)/1.38 Newsreader,Georgia,serif;hyphens:manual;-webkit-hyphens:manual;}
.zt-team p{text-align:left;}
.zt-team-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;align-items:baseline;margin-bottom:3px !important;padding-bottom:3px;border-bottom:1px solid rgba(42,38,31,.3);}
.zt-team-h b{font:800 calc(var(--fs) * 1.02)/1.2 Newsreader,Georgia,serif;}
.zt-team-h span{font:600 11px/1.2 Archivo,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#5a5348;}
.zt-team-r{font-weight:700;}

@media (max-height:500px){
  .zt-reader[open]{grid-template-rows:minmax(0,1fr) 0;}
  .zt-stage{padding:8px 60px;}
  .zt-ctrl{position:absolute;inset:0;padding:0;pointer-events:none;justify-content:space-between;}
  .zt-ctrl button{pointer-events:auto;margin:0 8px;}
  .zt-x{top:8px;right:9px;}
  .zt-page{padding:14px 22px 24px;}
  .zt-mast{margin-bottom:8px;padding-bottom:5px;}
  .zt-mast-name{font-size:26px;}
  .zt-title{font-size:calc(var(--fs) * 1.6);margin-bottom:6px;}
  .zt-lead{font-size:var(--fs);}
  .zt-folio{bottom:6px;}
  .zt-pager{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
}


/* DK 11.10.: Handy – nach dem Umblättern liegt links die aufgeschlagene Vorseite: Papier bis zum Bildschirmrand, weicher Falz.
   Papierrand, Falzschatten auf der Seite und Rückseite des Blatts blenden im Takt der Drehung (zweite Hälfte) – nichts springt. */
.zt-book:not(.is-spread){margin-left:var(--edge,0px);}
.zt-stack{position:absolute;top:0;right:100%;width:100vw;height:var(--ph);pointer-events:none;z-index:2;opacity:0;
  background-color:#efe9db;background-image:linear-gradient(90deg,rgba(70,55,35,0) 0,rgba(70,55,35,0) calc(100% - 22px),rgba(70,55,35,.07) calc(100% - 8px),rgba(50,40,25,.15) 100%);transition:opacity .4s ease;}
/* Schatten des Papierrands nur nach links/unten – fiel sonst auf die Seite und machte den Falz am Ende des Blätterns plötzlich dunkler */
.zt-stack::before{content:"";position:absolute;inset:0;box-shadow:0 10px 22px rgba(0,0,0,.28);clip-path:inset(-60px 0 -60px -60px);}
/* Falzschatten auf der aktuellen Seite gehört zum Papierrand und blendet mit ihm */
.zt-stack::after{content:"";position:absolute;top:0;bottom:0;left:100%;width:26px;background:linear-gradient(90deg,rgba(70,55,35,.10),rgba(70,55,35,0));}
.zt-book.has-left .zt-stack{opacity:1;transition:opacity .42s ease .4s;}
.zt-book.has-left .zt-slot-s .zt-page{border-radius:0 3px 3px 0;}
.zt-stage{overflow:hidden;}
/* Rückseite des Blatts: dasselbe Papier wie der Rand links, Falz kommt als Ebene im Takt dazu */
.zt-leaf-s .zt-page.is-back{background-color:#efe9db;background-image:none;border-radius:0;box-shadow:none;}
.zt-leaf-s .zt-back .zt-shade{display:none;}
.zt-backfold{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(70,55,35,0) 0,rgba(70,55,35,0) calc(100% - 22px),rgba(70,55,35,.07) calc(100% - 8px),rgba(50,40,25,.15) 100%);opacity:0;}
@media (prefers-reduced-motion:reduce){.zt-stack,.zt-book.has-left .zt-stack{transition:none;}}

/* Falzschatten auf dem Blatt selbst – identisch zu .zt-stack::after, damit Start/Ende des Blätterns nahtlos sind */
.zt-gutter{position:absolute;top:0;bottom:0;left:0;width:26px;pointer-events:none;opacity:0;background:linear-gradient(90deg,rgba(70,55,35,.10),rgba(70,55,35,0));}
.zt-gutter.is-on{opacity:1;}
.zt-leaf .zt-ear{pointer-events:none;}
.zt-veil{position:absolute;z-index:6;pointer-events:none;opacity:0;}
.zt-veil>.zt-page{border-radius:0 3px 3px 0;box-shadow:none;}   /* Schatten kommt von der Seite darunter – sonst färbt er den Papierrand am Ende grau */

/* ===== DK 11.10.: Netzroller-Titelseite wie ein Zeitungsausschnitt, darunter das Archiv ===== */
.zt-nr-card{box-sizing:border-box;margin:14px;display:flex;flex-direction:column;color:#1f1c17;
  background:#f1ebdc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .22 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
  border-radius:3px;padding:16px 18px 16px;box-shadow:0 1px 0 rgba(0,0,0,.08),0 14px 30px -18px rgba(0,0,0,.75);
  clip-path:polygon(0% 0.95px,1.56% 1.39px,3.12% 1.88px,4.69% 1.96px,6.25% 2.01px,7.81% 1.98px,9.38% 1.71px,10.94% 1.73px,12.5% 1.61px,14.06% 1.79px,15.62% 2.19px,17.19% 2.05px,18.75% 1.85px,20.31% 1.52px,21.88% 0.85px,23.44% 0.31px,25% 0.42px,26.56% 0.4px,28.12% 0.7px,29.69% 1.02px,31.25% 1.42px,32.81% 1.27px,34.38% 1.41px,35.94% 1.18px,37.5% 1.28px,39.06% 1.5px,40.62% 1.7px,42.19% 2.01px,43.75% 2.48px,45.31% 2.66px,46.88% 2.42px,48.44% 1.96px,50% 1.58px,51.56% 1px,53.12% 0.81px,54.69% 0.86px,56.25% 1.17px,57.81% 0.99px,59.38% 0.91px,60.94% 0.72px,62.5% 0.45px,64.06% 0.38px,65.62% 0.53px,67.19% 0.91px,68.75% 1.17px,70.31% 1.7px,71.88% 2.07px,73.44% 2.26px,75% 2.4px,76.56% 2.09px,78.12% 1.73px,79.69% 1.53px,81.25% 1.82px,82.81% 1.88px,84.38% 2.01px,85.94% 1.7px,87.5% 1.56px,89.06% 1.28px,90.62% 0.68px,92.19% 0.5px,93.75% 0.09px,95.31% 0.6px,96.88% 0.58px,98.44% 1.13px,100% 1.26px,calc(100% - 1.55px) 7.14%,calc(100% - 1.19px) 14.29%,calc(100% - 0.84px) 21.43%,calc(100% - 0.48px) 28.57%,calc(100% - 1.08px) 35.71%,calc(100% - 1.43px) 42.86%,calc(100% - 1.13px) 50%,calc(100% - 0.65px) 57.14%,calc(100% - 0.38px) 64.29%,calc(100% - 1.46px) 71.43%,calc(100% - 1.14px) 78.57%,calc(100% - 0.97px) 85.71%,calc(100% - 0.06px) 92.86%,100% calc(100% - 1.59px),98.44% calc(100% - 0.96px),96.88% calc(100% - 0.82px),95.31% calc(100% - 0.58px),93.75% calc(100% - 0.28px),92.19% calc(100% - 0.44px),90.62% calc(100% - 0.91px),89.06% calc(100% - 0.99px),87.5% calc(100% - 1.24px),85.94% calc(100% - 1.31px),84.38% calc(100% - 0.99px),82.81% calc(100% - 1.07px),81.25% calc(100% - 1.45px),79.69% calc(100% - 1.62px),78.12% calc(100% - 2.02px),76.56% calc(100% - 2.61px),75% calc(100% - 2.72px),73.44% calc(100% - 2.63px),71.88% calc(100% - 2.19px),70.31% calc(100% - 1.64px),68.75% calc(100% - 1.38px),67.19% calc(100% - 1.23px),65.62% calc(100% - 1.13px),64.06% calc(100% - 1.04px),62.5% calc(100% - 1.12px),60.94% calc(100% - 1.1px),59.38% calc(100% - 1.04px),57.81% calc(100% - 0.66px),56.25% calc(100% - 0.44px),54.69% calc(100% - 0.52px),53.12% calc(100% - 0.45px),51.56% calc(100% - 1.11px),50% calc(100% - 1.5px),48.44% calc(100% - 2.03px),46.88% calc(100% - 2.37px),45.31% calc(100% - 2.11px),43.75% calc(100% - 2.23px),42.19% calc(100% - 1.67px),40.62% calc(100% - 1.76px),39.06% calc(100% - 1.79px),37.5% calc(100% - 1.79px),35.94% calc(100% - 2.03px),34.38% calc(100% - 1.95px),32.81% calc(100% - 1.68px),31.25% calc(100% - 1.36px),29.69% calc(100% - 0.58px),28.12% calc(100% - 0.35px),26.56% calc(100% - 0.37px),25% calc(100% - 0.22px),23.44% calc(100% - 0.83px),21.88% calc(100% - 0.92px),20.31% calc(100% - 1.4px),18.75% calc(100% - 1.3px),17.19% calc(100% - 1.39px),15.62% calc(100% - 1.32px),14.06% calc(100% - 1.19px),12.5% calc(100% - 1.63px),10.94% calc(100% - 1.86px),9.38% calc(100% - 2.32px),7.81% calc(100% - 2.52px),6.25% calc(100% - 2.56px),4.69% calc(100% - 2.31px),3.12% calc(100% - 1.78px),1.56% calc(100% - 1.54px),0% calc(100% - 0.82px),1.13px 92.86%,1.22px 85.71%,1.41px 78.57%,0.5px 71.43%,0.64px 64.29%,0.92px 57.14%,1.42px 50%,0.93px 42.86%,0.43px 35.71%,0.56px 28.57%,1.26px 21.43%,1.4px 14.29%,0.64px 7.14%);}
.zt-nr-main{all:unset;box-sizing:border-box;display:block;cursor:pointer;}
.zt-nr-main:focus-visible,.zt-nr-toc button:focus-visible,.zt-nr-card .zt-clip-cta:focus-visible{outline:3px solid var(--sg-yellow,#dec87d);outline-offset:3px;}
.zt-nr-card .zt-clip-mast b{font-size:26px;}
.zt-nr-toc{margin-top:14px;border-top:3px double #2c2822;padding-top:8px;}
.zt-nr-toc-h{display:block;font:700 11px/1.2 Archivo,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7a5a12;margin-bottom:2px;}
.zt-nr-toc ol{list-style:none;margin:0;padding:0;}
.zt-nr-toc li+li{border-top:1px solid rgba(44,40,34,.18);}
.zt-nr-toc button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center;padding:9px 0;}
.zt-nr-k{grid-column:1;font:italic 400 13px/1.25 Newsreader,Georgia,serif;color:#5a5348;}
.zt-nr-toc b{grid-column:1;font:800 17px/1.2 Newsreader,Georgia,serif;}
.zt-nr-toc svg{grid-column:2;grid-row:1 / span 2;width:18px;height:18px;color:#2c2822;}
@media (hover:hover){.zt-nr-toc button:hover b,.zt-nr-main:hover .zt-clip-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
  .zt-nr-card .zt-clip-cta:hover{background:#000;}}
.zt-nr-card .zt-clip-cta{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:12px;padding:9px 14px;border-radius:999px;background:#262420;color:#f4f1e8;font:700 13.5px/1 Archivo,system-ui,sans-serif;}
.zt-nr-card .zt-clip-cta svg{width:16px;height:16px;}
.zt-arch{border-top:1px solid rgba(203,188,154,.10);}
.zt-arch>summary::-webkit-details-marker{display:none;}
.zt-arch[open]>summary{border-bottom:1px solid rgba(203,188,154,.10);}
.zt-arch[open]>summary .gb-plus::after{transform:rotate(0deg);}
.zt-arch .gb-more>summary{display:none;}
.zt-arch .gb-more>.gb-list>li:first-child{border-top:1px solid rgba(203,188,154,.10);}
@media (max-width:520px){.zt-nr-card{margin:10px;padding:14px 14px 14px}.zt-nr-card .zt-clip-mast b{font-size:23px}.zt-nr-toc b{font-size:16px}}
@media (min-width:900px){
  .zt-nr-card{display:grid;grid-template-columns:minmax(0,1fr) 40%;column-gap:24px;align-items:start;}
  .zt-nr-main{display:contents;}
  .zt-nr-main .zt-clip-mast{grid-column:1 / -1;}
  .zt-nr-main .zt-clip-body{display:contents;}
  .zt-nr-main .zt-clip-txt{grid-column:1;grid-row:2;cursor:pointer;}
  .zt-nr-main .zt-clip-body img{grid-column:2;grid-row:2 / span 3;cursor:pointer;}
  .zt-nr-toc{grid-column:1;grid-row:3;}
  .zt-nr-card .zt-clip-cta{grid-column:1;grid-row:4;justify-self:start;}
}
/* Handy: das drehende Blatt wirft keinen eigenen Seitenschatten auf den Papierrand (wurde kurz vor dem Ablegen grau) */
.zt-leaf-s .zt-page{box-shadow:none;}

/* DK 11.10.: Desktop-Blättern wie auf dem Handy – Falz (Hälfte von .zt-fold) + Bundschatten (wie ::after der Seite) als Ebene,
   damit Blatt und flache Kopie beim Start/Ende genau wie die ruhende Seite aussehen und nichts hart ein-/ausblendet */
.zt-sgut{position:absolute;top:0;bottom:0;width:60px;pointer-events:none;z-index:3;}
.zt-sgut-r{left:0;background:linear-gradient(90deg,rgba(30,24,16,.32),rgba(60,50,35,.14) 6.4%,rgba(0,0,0,0) 40%),linear-gradient(270deg,rgba(0,0,0,0),rgba(70,55,35,.12));}
.zt-sgut-l{right:0;background:linear-gradient(270deg,rgba(30,24,16,.32),rgba(60,50,35,.16) 6.4%,rgba(0,0,0,0) 40%),linear-gradient(90deg,rgba(0,0,0,0),rgba(70,55,35,.12));}
.zt-veil-l>.zt-page{border-radius:3px 0 0 3px;}
/* Seitenschatten nie über den Bund auf die Nachbarseite – das drehende Blatt brachte ihn sonst mit und nahm ihn am Ende hart weg */
.zt-book.is-spread .zt-slot-l .zt-page{clip-path:inset(-80px 0 -80px -80px);}
.zt-book.is-spread .zt-slot-r .zt-page{clip-path:inset(-80px -80px -80px 0);}
.zt-leaf-l .zt-page,.zt-leaf-r .zt-page{box-shadow:none;}
/* DK 16.10.: Bericht „Neue Website“ – Zwischenüberschriften, Punkte und Bilder im Berichtstext */
.gb-section .article .body h3{margin:1.5em 0 .5em;font:800 18px/1.25 Archivo,system-ui,sans-serif;letter-spacing:-.01em;color:#fff;}
.gb-section .article .body h3::before{content:"";display:block;width:28px;height:3px;margin-bottom:.55em;border-radius:2px;background:#e2c87f;}
.gb-section .article .body strong{color:#fff;font-weight:700;}
.gb-section .article .body ul.tb-points{margin:.2em 0 1.1em;}
.gb-section .article .body ul.tb-points li{font-size:14.5px;line-height:1.5;color:#d9d4c5;}
.gb-section .article .body figure.wb-fig{margin:1.4em 0 1.2em;}
.gb-section .article .body figure.wb-fig button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;}
.gb-section .article .body figure.wb-fig img{display:block;width:100%;height:auto;border-radius:10px;aspect-ratio:auto;}
.gb-section .article .body figure.wb-fig figcaption{margin-top:.5em;font-size:12.5px;line-height:1.4;color:#b3ac9a;}
/* DK 16.10.: Zeitungsleser – fette Stichworte und Punkte (Bericht „Neue Website“) */
.zt-col b.zt-kw{font-weight:700;}
.zt-col p.is-pt{text-indent:-.9em;padding-left:.9em;margin-top:.2em;text-align:left;}
.zt-col p.is-pt.is-cont{text-indent:0;}

/* DK 08.11.: Foto Mazunov/Strahl – Köpfe stehen ganz oben im Bild, Ausschnitt oben ansetzen */
.zt-photo img[src*="eislingen-mazunov-strahl"],.zt-fig img[src*="eislingen-mazunov-strahl"],.zt-clip-body img[src*="eislingen-mazunov-strahl"]{object-position:50% 0;}