/* Ergänzung zum vorhandenen Mandra-Haupt-CSS. Nur die Ruhmeshalle. */
.mandra2024{box-sizing:border-box;width:100%;max-width:850px;min-width:0;margin:15px auto;background:#585756;color:#f2f2f2;border:1px solid #000;border-radius:8px;overflow:hidden;font-family:'Alexandria',Helvetica,Arial,sans-serif;font-size:14px;line-height:1.75;text-align:left}
.mandra2024 *{box-sizing:border-box}
.mandra2024 header{padding:24px 18px;background:#1D1D1D;text-align:center;border-bottom:1px solid #000}
.mandra2024 header h2{font-family:'Cinzel',serif;font-size:clamp(22px,4vw,30px);font-weight:bold;color:#D0AD68;margin:8px 0;text-shadow:1px 1px 2px #000;line-height:1.4}
.mandra2024 header p{margin:6px 0}
.mandra2024 .eyebrow{font-size:10px;color:#ccc;letter-spacing:2px}
.mandra2024 nav{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;padding:12px;background:#545656;border-bottom:1px solid #000}
.mandra2024 a:link,.mandra2024 a:visited{color:#D0AD68;font-size:inherit;text-decoration:none;text-align:inherit;display:inline}
.mandra2024 a:hover,.mandra2024 a:active{font-size:inherit;text-decoration:underline;color:#f0d59b}
.mandra2024 a:focus-visible{outline:2px solid #D0AD68;outline-offset:3px}
.mandra2024 nav a:link,.mandra2024 nav a:visited{display:inline-block;padding:6px 12px;background:#1D1D1D;border:1px solid #000;border-radius:7px;text-align:center;font-size:12px}
.mandra2024 nav a:hover{background:#333;color:#f0d59b}
.mandra2024 article{padding:clamp(14px,3vw,28px)}
.mandra2024 article h2,.mandra2024 article h3,.mandra2024 article h4,.mandra2024 article h5{font-family:'Cinzel',serif;color:#D0AD68;line-height:1.45;margin:28px 0 14px;text-align:center}
.mandra2024 article h2{font-size:22px}.mandra2024 article h3{font-size:19px}.mandra2024 article h4,.mandra2024 article h5{font-size:16px}
.mandra2024 article p{margin:0 0 14px;overflow-wrap:anywhere}
.mandra2024 hr{border:0;border-top:1px solid #333;margin:24px 0}
.mandra2024 .note{padding:12px 14px;border:1px solid #333;border-left:3px solid #D0AD68;border-radius:8px;background:#494949;font-size:12px;color:#eee}
.mandra2024 .cards,.mandra2024 .gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:10px;margin:18px 0}
.mandra2024 .card,.mandra2024 a.card:link,.mandra2024 a.card:visited{display:block;padding:18px 14px;border:1px solid #000;background:#545454;border-radius:10px;text-align:center;color:#f2f2f2;text-decoration:none;font-size:14px}
.mandra2024 .card strong{display:block;font-family:'Cinzel',serif;font-size:23px;color:#D0AD68;margin-bottom:8px;line-height:1.4}
.mandra2024 a.card:hover{background:#484848;border-color:#D0AD68;font-size:14px}
.mandra2024 figure{margin:0;padding:10px;min-width:0;background:#545454;border:1px solid #000;border-radius:10px}
.mandra2024 figure a:link,.mandra2024 figure a:visited{display:block}
.mandra2024 figure a:hover{font-size:inherit}
.mandra2024 figure img{display:block;width:100%;height:190px;object-fit:contain;background:#1D1D1D;border-radius:7px}
.mandra2024 figcaption{font-size:12px;padding:9px 3px 2px;text-align:center;overflow-wrap:anywhere;color:#eee}
.mandra2024 blockquote{border-left:3px solid #D0AD68;margin:18px 0;padding:8px 14px;background:#545454;border-radius:0 8px 8px 0;color:#eee;font-style:italic}
.mandra2024 .records{padding-left:34px}.mandra2024 .records li{padding:8px 10px;margin:5px 0;background:#545454;border-radius:7px;overflow-wrap:anywhere}.mandra2024 .records li::marker{color:#D0AD68;font-weight:bold}
.mandra2024 details{padding:14px;margin:14px 0;border:1px solid #000;border-radius:8px;background:#545454}.mandra2024 summary{cursor:pointer;font-weight:bold;color:#D0AD68}
.mandra2024 footer{padding:20px 14px;background:#1D1D1D;border-top:1px solid #000;text-align:center;font-size:12px;color:#ccc;font-style:italic}
.mandra2024 .gallery figure {
    position: relative;
    overflow: visible;
}

.mandra2024 .gallery figure > a {
    display: block;
    position: relative;
    height: 190px;
    pointer-events: none;
}

/* Nur die mittleren 50 % reagieren auf die Maus */
.mandra2024 .gallery figure > a::after {
    content: "";
    position: absolute;
    inset: 25%;
    pointer-events: auto;
    cursor: zoom-in;
}

.mandra2024 .gallery figure > a img {
    width: 100%;
    height: 190px;
    object-fit: contain;
    pointer-events: none;
}

.mandra2024 .gallery figure:has(> a:hover) {
    z-index: 1000;
}

.mandra2024 .gallery figure > a:hover img {
    position: fixed;
    top: 50%;
    left: 50%;
    width: min(570px, 90vw);
    height: min(570px, 85vh);
    transform: translate(-50%, -50%);
    object-fit: contain;
    background: #1d1d1d;
    border: 2px solid #D0AD68;
    border-radius: 8px;
    box-shadow: 0 0 35px #000;
    z-index: 1000;
}
@media(max-width:500px){.mandra2024 nav a:link,.mandra2024 nav a:visited{padding:7px 9px}.mandra2024 header{padding:20px 12px}.mandra2024 .card strong{font-size:20px}}