/* Galerie-Ergaenzung zur Uerdingen-Masters-Startseite. Bestehende gallery.css bleibt aktiv. */
body.um-gallery {margin:0;background:#073576;color:#fff;font-family:Arial,Helvetica,sans-serif;}
.um-gallery * {box-sizing:border-box;}
.um-gallery .wrap {width:min(1200px,calc(100% - 40px));margin-inline:auto;}
.um-gallery .site-header {background:#fff;color:#102b56;border-bottom:3px solid #e8b933;position:relative;z-index:3;}
.um-gallery .header-inner {min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:12px;}
.um-gallery .identity {display:flex;align-items:center;gap:13px;color:#073576;text-decoration:none;}
.um-gallery .identity img {width:65px;height:65px;object-fit:contain;border-radius:50%;}
.um-gallery .identity strong {display:block;font-size:20px;line-height:1.04;font-weight:900;letter-spacing:.025em;}
.um-gallery .identity small {display:block;font-size:10px;letter-spacing:.08em;margin-top:5px;}
.um-gallery .site-header nav {display:flex;align-items:center;flex-wrap:wrap;gap:8px 25px;}
.um-gallery .site-header nav a {color:#073576;text-decoration:none;font-weight:700;font-size:14px;padding:9px 0;}
.um-gallery .site-header nav a:hover,.um-gallery .site-header nav a[aria-current] {color:#bd202c;}
.um-gallery .gallery-banner {padding:78px 0 74px;background:linear-gradient(90deg,rgba(3,28,73,.95),rgba(3,37,91,.68)),url('../assets/uerdingen-panorama.jpg') center / cover no-repeat;border-bottom:5px solid #e8b933;}
.um-gallery .gallery-eyebrow {color:#f0c13e;font-size:13px;font-weight:900;letter-spacing:.17em;margin:0 0 16px;}
.um-gallery .gallery-banner h1 {color:#fff;text-transform:uppercase;font-size:clamp(36px,5vw,64px);line-height:1.08;letter-spacing:.015em;margin:0 0 16px;font-weight:900;}
.um-gallery .gallery-banner p:last-child {color:#f6f7ff;font-size:clamp(16px,2vw,21px);margin:0;}
.um-gallery .gallery-main {padding-top:48px;padding-bottom:90px;min-height:380px;}
.um-gallery .gallery-main > p {color:#eaf1ff;line-height:1.7;}
.um-gallery .gallery-main a {color:#f2c64d;}
.um-gallery .album-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:30px;}
.um-gallery .album-grid .album-card {display:flex;flex-direction:column;gap:14px;min-height:220px;padding:28px;background:#0d448f;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;text-decoration:none;box-shadow:0 12px 25px rgba(0,0,0,.14);transition:transform .18s,border-color .18s;}
.um-gallery .album-card:hover {transform:translateY(-4px);border-color:#e8b933;}
.um-gallery .album-card strong {font-size:22px;line-height:1.2;color:#fff;}
.um-gallery .album-card > span:last-child {color:#d8e6ff;font-size:14px;}
.um-gallery .album-mark {display:block;}
.um-gallery .album-mark img {width:78px;height:78px;object-fit:contain;}
.um-gallery .photo-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin-top:26px;}
.um-gallery .photo-grid figure {margin:0;background:#0d448f;border-radius:12px;overflow:hidden;}
.um-gallery .photo-grid figure img {display:block;width:100%;height:220px;object-fit:cover;}
.um-gallery .photo-grid figcaption {padding:12px 15px;color:#fff;}
.um-gallery .gallery-main h2 {color:#fff;font-size:clamp(25px,3vw,38px);}
.um-gallery .footer {background:#a9212e;border-top:4px solid #e8b933;padding:30px 0;color:#fff;}
.um-gallery .footer-inner {display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.um-gallery .footer-inner img {width:65px;height:65px;object-fit:contain;}
.um-gallery .footer-inner strong {font-size:19px;}
.um-gallery .footer-inner p {margin:5px 0 0;color:#fff;}
.um-gallery .gallery-home-link {margin-left:auto;color:#fff;text-decoration:none;font-weight:bold;}
@media(max-width:700px){.um-gallery .header-inner{justify-content:center}.um-gallery .site-header nav{justify-content:center}.um-gallery .gallery-banner{padding:55px 0}.um-gallery .gallery-main{padding-top:30px}.um-gallery .gallery-home-link{margin-left:0}}

/* Galerie: mehr Spalten, aber kompakte Albumkarten */
@media (min-width: 760px) {
  .um-gallery .gallery-main.wrap {width:calc(100% - 48px);max-width:1250px;}
  .um-gallery .album-grid {grid-template-columns:repeat(auto-fill,minmax(210px,230px));gap:18px;justify-content:start;}
  .um-gallery .album-grid .album-card {padding:16px;min-height:0;gap:10px;}
  .um-gallery .album-card strong {font-size:17px;}
}
/* Freigegebene Fotos als Titelbilder, Wappen als Fallback */
.um-gallery .album-mark {display:block;height:125px;overflow:hidden;border-radius:7px;background:#164be2;}
.um-gallery .album-mark img {display:block;width:100%;height:100%;object-fit:cover;}
.um-gallery .album-mark img[src$="wappen-original.png"] {width:80px;height:80px;object-fit:contain;margin:22px auto;}
/* Verwaltungsbereich: Darstellung korrigieren */
.um-gallery .gallery-main:has(.panel) {
    width: min(1250px, calc(100% - 40px));
    max-width: 1250px;
    font-size: 16px;
}

.um-gallery .gallery-main .panel {
    background: #ffffff;
    color: #17335c;
    padding: 28px;
    margin: 26px 0;
    border: 1px solid #d5ddeb;
    border-top: 5px solid #e8b933;
    border-radius: 10px;
}

.um-gallery .gallery-main .panel h2 {
    color: #073576;
    font-size: 25px;
    line-height: 1.3;
    margin: 0 0 20px;
}

.um-gallery .gallery-main .panel p,
.um-gallery .gallery-main .panel label,
.um-gallery .gallery-main .panel span {
    color: #17335c;
    font-size: 16px;
    line-height: 1.5;
}

.um-gallery .gallery-main .panel form {
    width: 100%;
    max-width: 750px;
}

.um-gallery .gallery-main .panel input,
.um-gallery .gallery-main .panel select,
.um-gallery .gallery-main .panel textarea {
    font-size: 16px;
    padding: 12px;
    color: #17335c;
    background: #fff;
}

.um-gallery .gallery-main .panel button {
    font-size: 15px;
    padding: 12px 20px;
    background: #ae2331;
    color: #fff;
    border-radius: 6px;
}

.um-gallery .gallery-main .panel button.secondary {
    background: #17335c;
}

.um-gallery .gallery-main .panel .manage-row {
    border-bottom: 1px solid #d5ddeb;
    padding: 18px 0;
}

.um-gallery .gallery-main .panel .manage-row form {
    width: auto;
}

@media (max-width: 700px) {
    .um-gallery .gallery-main .panel {
        padding: 18px;
    }
}
/* Lesbarkeit der Galerie-Verwaltung */
.um-gallery .gallery-main .panel,
.um-gallery .gallery-main .panel *:not(button) {
    color: #17335c;
}

.um-gallery .gallery-main .panel h2 {
    color: #073576;
}

.um-gallery .gallery-main .panel button {
    color: #ffffff;
    background: #ae2331;
}

.um-gallery .gallery-main .panel button.secondary {
    background: #17335c;
}