.wab-reisebilder { margin: 2.5rem auto; max-width: 1100px; }
.wab-reisebilder h2 { margin: 1.5rem 0 1rem; }
.wab-photo-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 1.2rem 0; }
@media (min-width: 720px) { .wab-photo-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; } }
.wab-photo { margin: 0; min-width: 0; }
.wab-photo-link { display: block; width: 100%; aspect-ratio: 1/1; border-radius: 9px; overflow: hidden; background: #efefef; }
.wab-photo-link img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .2s ease; }
.wab-photo-link:hover img { transform: scale(1.04); }
.wab-photo figcaption { padding: 4px 2px 0; font-size: .82rem; color: #666; overflow-wrap: anywhere; }
.wab-upload { margin: 2rem 0 1rem; border: 1px solid #c9d7cd; border-radius: 10px; padding: 15px 18px; background: #f7faf7; color: #1f2f22; }
.wab-upload summary { cursor: pointer; font-size: 1.13rem; font-weight: 700; }
.wab-upload form { margin: 1.2rem 0 .25rem; }
.wab-upload label { display: block; font-weight: 600; margin-bottom: 6px; }
.wab-upload input[type="text"], .wab-upload input[type="password"] { display: block; border: 1px solid #aaa; border-radius: 7px; min-height: 44px; width: min(100%,480px); box-sizing: border-box; padding: 9px 12px; background: white; color: #111; }
.wab-upload input[type="file"] { display: block; max-width: 100%; font-size: .95rem; }
.wab-upload p { margin: 0 0 1.2rem; }
.wab-upload .wab-upload-note, .wab-upload-note, .wab-optional { color: #545d57; font-size: .86rem; line-height: 1.55; font-weight: normal; }
.wab-upload button { background: #2f6749; color: #fff; border: 0; border-radius: 7px; font-weight: 700; padding: 12px 22px; cursor: pointer; min-height: 44px; }
.wab-upload button:hover { background: #23513a; }
.wab-message { padding: 12px 14px; margin: 1rem 0; border-radius: 7px; }
.wab-success { background: #e6f3ea; color: #1d5b34; }
.wab-error { background: #fff0ee; color: #842b22; }
.wab-info-links { margin: 1.8rem 0; }
.wab-gallery-link { display: inline-block; padding: 12px 18px; border-radius: 7px; text-decoration: none; background: #2f6749; color: white !important; font-weight: 700; }
.wab-gallery-link:hover { background: #23513a; }
.wab-pagination { display: flex; flex-wrap: wrap; gap: 8px; margin: 1rem 0 2rem; }
.wab-pagination a,.wab-pagination span { padding: 6px 12px; border: 1px solid #ddd; border-radius: 5px; }
.wab-dialog { position: fixed; inset: 0; width: min(96vw,1100px); max-width: 96vw; height: min(94vh,900px); max-height: 94vh; margin: auto; padding: 44px 18px 16px; border: none; border-radius: 12px; background: #191919; color: white; box-sizing: border-box; text-align: center; }
.wab-dialog::backdrop { background: rgba(0,0,0,.86); }
.wab-dialog img { max-width: 100%; max-height: calc(94vh - 130px); object-fit: contain; }
.wab-dialog p { margin: 8px auto; font-size: .9rem; color: #eee; }
.wab-dialog button { border: 0; cursor: pointer; background: #333; color: white; font-size: 1.3rem; border-radius: 40px; width: 42px; height: 42px; }
.wab-dialog .wab-close { position: absolute; top: 6px; right: 6px; }
.wab-dialog .wab-prev { position: absolute; top: 50%; left: 4px; }
.wab-dialog .wab-next { position: absolute; top: 50%; right: 4px; }
@media (prefers-reduced-motion: reduce) { .wab-photo-link img { transition: none; } }