/* =======================================================
   WM-GALERIE 2026
   ======================================================= */

   #wm2026-gallery{
    width:100%;
    max-width:1000px;
    margin:40px auto;
    user-select:none;
}

/* #wm2026-gallery{

    width:100%;
    max-width:850px;
    margin:40px auto;

} */

.wm2026-frame{

    position:relative;

    width:100%;

    overflow:hidden;

    border-radius:12px;

    background:#111;

    box-shadow:0 12px 30px rgba(0,0,0,.35);

}

/* #wm2026-image{

    display:block;

    width:100%;

    height:auto;

    aspect-ratio:16/9;

    object-fit:cover;

    opacity:1;

    transition:opacity .35s ease;

} */

#wm2026-image{

    display:block;

    width:100%;

    height:720px;

    object-fit:contain;

    background:#111;

    transition:opacity .35s ease;

}

#wm2026-image.fade{

    opacity:.15;

}

/* Ländername */

#wm2026-caption{

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    padding:18px;

    text-align:center;

    font-size:34px;

    font-weight:700;

    color:white;

    background:rgba(0,0,0,.75);

    letter-spacing:.5px;

}

/* Bildnummer */

.wm2026-counter{

    position:absolute;

    top:15px;

    right:15px;

    padding:8px 14px;

    background:rgba(0,0,0,.65);

    color:white;

    border-radius:30px;

    font-size:15px;

    font-weight:bold;

}

/* Pfeile */

#wm2026-prev,
#wm2026-next{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:58px;

    height:58px;

    border:none;

    border-radius:50%;

    background:rgba(0,0,0,.45);

    color:white;

    font-size:34px;

    cursor:pointer;

    transition:.25s;

    z-index:5;

}

#wm2026-prev:hover,
#wm2026-next:hover{

    background:rgba(0,0,0,.8);

    transform:translateY(-50%) scale(1.08);

}

#wm2026-prev{

    left:18px;

}

#wm2026-next{

    right:18px;

}

/* Punkte */

#wm2026-dots{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:8px;

    margin-top:18px;

}

.wm2026-dot{

    width:12px;

    height:12px;

    border-radius:50%;

    background:#888;

    cursor:pointer;

    transition:.25s;

}

.wm2026-dot:hover{

    transform:scale(1.25);

}

.wm2026-dot.active{

    background:#ffffff;

}

/* Responsive */

@media(max-width:900px){

    #wm2026-caption{

        font-size:26px;

        padding:14px;

    }

    #wm2026-prev,
    #wm2026-next{

        width:48px;

        height:48px;

        font-size:28px;

    }

}

@media(max-width:600px){

    #wm2026-caption{

        font-size:20px;

        padding:12px;

    }

    .wm2026-counter{

        font-size:13px;

    }

}