/* Ergänzungen im Design der bestehenden Oktoberfest-Website */
.of-recap{padding:74px 0;text-align:center}.of-recap .container{max-width:790px}.of-recap h2,.of-center h2,.of-upload-section h2{font-size:clamp(37px,5vw,56px);color:var(--red);margin:8px 0 20px}.of-recap p:not(.eyebrow),.of-upload-layout p{font:17px/1.75 Arial,sans-serif}.of-recap-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.of-gallery-section{padding:65px 0}.of-center{text-align:center;margin-bottom:36px}.of-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.of-photo{margin:0;background:#fff8e9;box-shadow:var(--shadow);border:1px solid #dbc69b;border-radius:12px;overflow:hidden;padding:9px}.of-photo-open{width:100%;border:0;padding:0;background:none;cursor:zoom-in;display:block}.of-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:7px;user-select:none;-webkit-user-drag:none}.of-photo figcaption{padding:10px 6px 5px;font:700 13px Arial,sans-serif;color:var(--green)}.of-empty{text-align:center;border:2px dashed #c8ad72;background:#fff7e6;border-radius:16px;padding:44px 20px;max-width:700px;margin:auto}.of-empty span{font-size:55px}.of-empty h3{font-size:29px;color:var(--red)}.of-empty p{font:16px/1.6 Arial,sans-serif}.of-upload-section{padding:70px 0 90px;background:#e9d7b5;scroll-margin-top:90px}.of-upload-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:start}.of-upload-note{margin-top:23px;padding:20px;background:#f8ebcc;border-left:5px solid var(--green);font:14px/1.6 Arial,sans-serif}.of-upload-form{padding:30px;background:#fff8e9;border:1px solid #d2b983;border-radius:16px;box-shadow:var(--shadow);font-family:Arial,sans-serif}.of-upload-form h3{font:700 29px Georgia,serif;color:var(--red);margin:0 0 24px}.of-upload-form label:not(.of-check){display:block;font-size:14px;font-weight:800;margin-bottom:17px}.of-upload-form input:not([type=checkbox]){width:100%;font:16px Arial,sans-serif;border:1px solid #c7b38a;border-radius:8px;padding:13px;background:white;margin-top:7px}.of-upload-form input[type=file]{padding:16px!important;border-style:dashed!important}.of-filelabel small{display:block;font-weight:400;margin-top:6px}.of-check{display:flex;align-items:flex-start;gap:11px;font:13px/1.55 Arial,sans-serif;margin:19px 0}.of-check input{margin-top:3px;flex:none;accent-color:var(--green);width:18px;height:18px}.of-check a{color:var(--red);font-weight:700}.of-upload-form .btn{cursor:pointer;border:0;width:100%}.of-alert{padding:14px;border-radius:8px;font:14px/1.5 Arial,sans-serif}.of-error{background:#ffe0dc;color:#822}.of-success{background:#dff1d9;color:#26472b}.of-honey{position:absolute;left:-9999px;opacity:0}.of-lightbox[hidden]{display:none!important}.of-lightbox{position:fixed;inset:0;z-index:999;background:rgba(13,12,8,.94);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px 20px}.of-lightbox img{max-width:95vw;max-height:76vh;object-fit:contain;user-select:none;-webkit-user-drag:none}.of-lightbox p{font:700 15px Arial,sans-serif;color:#fff4db}.of-close{position:absolute;right:22px;top:12px;color:#fff;background:none;border:0;font-size:44px;cursor:pointer}.of-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.of-admin-item{background:#fff8e9;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.of-admin-item>img{width:100%;aspect-ratio:4/3;object-fit:cover}.of-admin-body{padding:17px;font:14px Arial,sans-serif}.of-admin-body p{overflow-wrap:anywhere}.of-admin-actions{display:flex;gap:7px;flex-wrap:wrap}.of-admin-actions .btn{font-size:11px;padding:10px;margin:0;border:0;cursor:pointer}@media(max-width:850px){.of-upload-layout{grid-template-columns:1fr;gap:24px}.of-gallery-grid,.of-admin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.of-gallery-grid,.of-admin-grid{grid-template-columns:1fr}.of-upload-form{padding:22px}.of-recap{padding:45px 0}}

/* Rückblick 2026: zentrale, kompaktere Hero-Bühne ohne Bierkrüge */
.of-recap-hero .hero-inner{display:flex!important;justify-content:center!important;align-items:center!important;width:min(100%,1000px);margin:0 auto;min-height:0!important;padding:44px 18px 55px!important}
.of-recap-hero .hero-copy{width:min(100%,780px)!important;max-width:780px!important;flex:0 1 780px!important;margin:0 auto!important;text-align:center!important;justify-self:center!important;align-items:center!important;padding:0!important;transform:none!important}
.of-recap-hero .hero-copy>*{margin-left:auto!important;margin-right:auto!important}
.of-recap-hero .hero-logo{display:block!important;width:min(230px,58vw)!important;max-width:230px!important;height:auto!important;margin:0 auto 15px!important}
.of-recap-hero .hero-title{font-size:clamp(40px,6vw,67px)!important;line-height:1.04!important;margin:9px auto!important;text-align:center!important}
.of-recap-hero .hero-title span{font-size:clamp(23px,3vw,34px)!important;line-height:1.22!important;margin-top:8px!important}
.of-recap-hero .hero-intro{font-size:12px!important;letter-spacing:.11em!important}
.of-recap-hero .hero-fact{max-width:640px!important;font-size:clamp(15px,2vw,18px)!important;line-height:1.5!important;text-align:center!important}
.of-hero-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px!important}
.of-hero-actions .btn{margin:0!important}
@media(max-width:600px){.of-recap-hero .hero-inner{padding:30px 14px 43px!important}.of-recap-hero .hero-logo{width:190px!important}.of-hero-actions .btn{font-size:13px;padding:13px 16px}}
/* Vereinfachte Navigation: Logo mittig, nur Start und Galerie */
@media(min-width:901px){.nav-wrap{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important}.brand-small{position:absolute!important;left:50%!important;top:8px!important;transform:translateX(-50%)!important;z-index:3!important}.brand-small img{height:54px!important;max-width:155px!important}.main-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:230px!important;grid-template-columns:none!important;width:100%!important}.main-nav a{grid-column:auto!important;margin:0!important;padding-top:27px!important}}

/* Dezenter Instagram-Link im Footer */
.footer-bottom .footer-instagram{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;color:inherit;text-decoration:none;opacity:.82;transition:opacity .2s ease}
.footer-bottom .footer-instagram:hover,.footer-bottom .footer-instagram:focus-visible{opacity:1;text-decoration:underline}
.footer-bottom .footer-instagram svg{width:14px;height:14px;flex:none}