/* LUDZAY Magazin: Blätter-Ansicht (magazin.html). Die Seitengestaltung selbst steckt in magazin-seiten.css (nur für die PDF-Erzeugung). */
.mv{max-width:1240px;margin:0 auto}
.mv-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff;margin:0 0 16px}
.mv-tab{border:0;background:none;padding:10px 22px;border-radius:999px;font:600 13px/1 var(--f-body);letter-spacing:.02em;color:var(--muted);cursor:pointer;transition:background .25s,color .25s}
.mv-tab:hover{color:var(--blue-700)}
.mv-tab.is-on{background:var(--blue-700);color:#fff}
.mv-stage{position:relative;height:clamp(430px,calc(100vh - 230px),880px);border-radius:16px;overflow:hidden;background:radial-gradient(120% 90% at 50% 38%,#0f4167 0%,var(--navy-900) 55%,var(--navy-950) 100%);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;outline-offset:4px}
.mv-stage:active{cursor:grabbing}
.mv-stage.is-zoom{touch-action:none}
.mv-stage.is-fs{border-radius:0;height:100vh}
.mv-cv{position:absolute;inset:0;display:block;width:100%;height:100%}
.mv-flat{position:absolute;inset:0 0 70px;display:flex;align-items:center;justify-content:center;gap:2px;padding:18px}
.mv-flat img{max-height:100%;max-width:48%;width:auto;height:auto;background:#fff}
.is-single .mv-flat img{max-width:92%}
.mv-load{position:absolute;inset:0;display:grid;place-items:center;color:#cfe3f3;font:500 15px/1.4 var(--f-body);text-align:center;padding:20px;pointer-events:none}
.mv-load a{color:#fff;pointer-events:auto}
.mv-load[hidden]{display:none}
.mv-arrow{position:absolute;top:50%;translate:0 -50%;z-index:3;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px);transition:background .25s,opacity .25s}
.mv-arrow:hover{background:rgba(255,255,255,.28)}
.mv-arrow--l{left:14px}.mv-arrow--r{right:14px}
.mv-arrow:disabled{opacity:0;pointer-events:none}
.mv svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mv-bar{position:absolute;left:12px;right:12px;bottom:12px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border-radius:14px;background:rgba(0,27,46,.72);backdrop-filter:blur(10px);color:#fff}
.mv-g{display:flex;align-items:center;gap:2px}
.mv-nav{flex:1;justify-content:center;gap:6px;min-width:0}
.mv-ib{display:inline-grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:none;color:#fff;cursor:pointer;text-decoration:none;transition:background .2s}
.mv-ib:hover{background:rgba(255,255,255,.16)}
.mv-ib:disabled{opacity:.35;cursor:default}.mv-ib:disabled:hover{background:none}
.mv-ib[aria-pressed="true"]{background:rgba(255,255,255,.2)}
.mv-dl{background:var(--blue-600)}.mv-dl:hover{background:var(--blue-500)}
.mv-range{flex:1;max-width:340px;min-width:60px;accent-color:#4aa6e0;height:4px;cursor:pointer}
.mv-lbl{min-width:132px;text-align:center;font:500 13px/1.2 var(--f-body);color:#dcecf8;white-space:nowrap}
.mv-panel{position:absolute;z-index:5;left:12px;top:12px;bottom:74px;width:min(340px,calc(100% - 24px));display:flex;flex-direction:column;border-radius:14px;background:rgba(255,255,255,.97);color:var(--ink);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.mv-panel[hidden]{display:none}
.mv-ph{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 10px 18px;border-bottom:1px solid var(--line);font:600 15px/1 var(--f-head)}
.mv-ph .mv-ib{color:var(--ink)}.mv-ph .mv-ib:hover{background:var(--tint-2)}
.mv-pb{overflow:auto;padding:8px 10px 14px;flex:1}
.mv-toc li button{display:flex;width:100%;gap:10px;align-items:baseline;border:0;background:none;text-align:left;padding:9px 8px;border-radius:8px;cursor:pointer;font:500 14px/1.3 var(--f-body)}
.mv-toc li button:hover{background:var(--tint-2)}
.mv-toc li button b{margin-left:auto;color:var(--blue-700);font:600 13px var(--f-head)}
.mv-toc .l1 button{font:500 16px/1.25 var(--f-head);margin-top:8px;border-top:1px solid var(--line);border-radius:0;padding-top:12px}
.mv-toc .l2 button{padding-left:20px;color:var(--muted)}
.mv-toc .l1:first-child button{border-top:0;margin-top:0}
.mv-th{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.mv-th button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:4px;cursor:pointer;text-align:center}
.mv-th button:hover{border-color:var(--blue-500)}
.mv-th img{width:100%;height:auto;background:var(--tint)}
.mv-th span{display:block;font:600 11px/1 var(--f-body);color:var(--muted);padding:5px 0 2px}
.mv-sf input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 14px;font:400 15px var(--f-body);margin:6px 0 10px}
.mv-res button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;padding:10px 6px;cursor:pointer;font:400 13px/1.4 var(--f-body);color:var(--muted)}
.mv-res button:hover{background:var(--tint-2)}
.mv-res button b{display:block;color:var(--blue-700);font:600 12px var(--f-body);margin-bottom:2px}
.mv-res mark{background:#ffe27a;color:var(--ink)}
.mv-none{padding:10px 6px;font-size:13px;color:var(--muted)}
.mv-hint{margin:12px 0 0;text-align:center;font-size:13px;color:var(--muted)}
.is-single .mv-arrow{display:none}
.is-single .mv-range{max-width:none}
.is-single .mv-lbl{min-width:88px;font-size:12px}
@media(max-width:720px){
  .mv-stage{height:clamp(420px,calc(100vh - 210px),760px);border-radius:12px}
  .mv-bar{left:6px;right:6px;bottom:6px;padding:4px 6px;gap:4px}
  .mv-ib{width:36px;height:36px}
  .mv-bar .mv-g:first-child,.mv-bar .mv-g:last-child{gap:0}
  .mv-bar .mv-nav [data-act="first"],.mv-bar .mv-nav [data-act="last"],.mv-bar [data-act="zin"],.mv-bar [data-act="zout"],.mv-bar [data-act="sound"],.mv-lbl,.mv-bar [data-act="prev"],.mv-bar [data-act="next"]{display:none}
  .mv-panel{bottom:56px}
}
@media(prefers-reduced-motion:reduce){.mv-arrow,.mv-tab{transition:none}}
.mv-dls{margin-top:46px}
.mv-dls h2{font-size:clamp(26px,3vw,36px);margin-bottom:8px}
.mv-dls>p{color:var(--muted);max-width:640px;margin-bottom:22px}
.mv-dcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.mv-dc{border:1px solid var(--line);border-radius:14px;padding:22px 22px 20px;background:var(--tint)}
.mv-dc h3{font-size:22px;margin-bottom:6px}
.mv-dc p{font-size:14px;color:var(--muted);margin-bottom:14px}
.mv-dc .pill{margin-bottom:14px}
.mv-dc details{border-top:1px solid var(--line);padding-top:12px;font-size:13.5px}
.mv-dc summary{cursor:pointer;font-weight:600;color:var(--blue-700)}
.mv-dc details ul{margin-top:10px;display:grid;gap:8px}
.mv-dc details a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.mv-dc details p{margin:10px 0 0;font-size:12.5px}