:root{--bg:#0a1014;--panel:#121a20;--muted:#abb3b6;--white:#f7f6f3;--gold:#d9b477;--line:#ffffff2a;--width:1480px;--ease:cubic-bezier(.22,.65,.24,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.65 'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;font-weight:420}p{color:#d0d4d5}::selection{background:var(--gold);color:#090c0d}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.container{width:min(var(--width),calc(100% - 88px));margin:auto}.skip-link{position:absolute;left:10px;top:-100px;z-index:100;background:var(--gold);color:#111;padding:12px}.skip-link:focus{top:5px}.eyebrow{font-size:.70rem;font-weight:650;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin:0 0 8px}.gold-rule{width:43px;height:2px;background:var(--gold);display:block;margin:18px 0}.muted,.muted-note{color:var(--muted)}.muted-note{font-size:.82rem}.site-header{height:68px;position:absolute;inset:0 0 auto;z-index:20;background:#091117ad;border-bottom:1px solid #ffffff43;backdrop-filter:blur(12px)}.site-header.scrolled{position:fixed;background:#091117f4}.nav-wrap{height:100%;width:min(var(--width),calc(100% - 88px));margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{display:flex;flex-direction:column;line-height:1.25;white-space:nowrap;letter-spacing:.1em}.brand-top{font-size:.55rem;color:var(--gold);font-weight:700;letter-spacing:.35em}.brand-main{font-size:1.17rem;letter-spacing:.11em;font-weight:400}.main-nav{align-self:stretch;display:flex;align-items:center;gap:31px}.main-nav a{height:100%;display:flex;align-items:center;position:relative;font-size:.79rem;transition:color .2s}.main-nav a:after{content:'';position:absolute;bottom:10px;left:0;height:2px;background:var(--gold);width:0;transition:width .25s}.main-nav a.active,.main-nav a:hover{color:var(--gold)}.main-nav a.active:after,.main-nav a:hover:after{width:100%}.nav-icons{display:flex;gap:20px;font-size:1.35rem}.nav-icons a:hover{color:var(--gold)}.menu-toggle{display:none;background:none;border:0;padding:12px;flex-direction:column;gap:5px}.menu-toggle span{height:2px;width:24px;background:white;display:block}
.btn{display:inline-flex;gap:45px;align-items:center;justify-content:space-between;min-height:45px;border:1px solid var(--gold);background:#0d1216af;color:white;padding:12px 23px;font-size:.67rem;letter-spacing:.13em;font-weight:700;text-transform:uppercase;transition:background .3s,color .3s,transform .3s}.btn:hover{background:var(--gold);color:#131619;transform:translateY(-2px)}.btn span{font-size:1.08rem}.btn-solid{background:linear-gradient(90deg,#c59b62,#e0bf8d);color:#141516;border:0}.btn-solid:hover{background:#f0cf9d}.text-link{font-size:.7rem;color:var(--gold);font-weight:700;letter-spacing:.11em;border-bottom:1px solid var(--gold);padding-bottom:6px;white-space:nowrap}.text-link span{margin-left:6px}.text-link:hover{color:#fff}.section{padding-block:35px 45px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}.section-heading h2{font-size:clamp(1.15rem,1.65vw,1.8rem);letter-spacing:.085em;margin:0}.section-heading .eyebrow{margin:0}
.home-hero{min-height:540px;height:min(72vh,695px);display:grid;place-items:center;position:relative;background:#0a1014;overflow:hidden}.home-hero-content{text-align:center;z-index:1;padding:40px 16px 0;text-shadow:0 6px 27px #000b}.hero-overline,.hero-slogan{font-size:.73rem;letter-spacing:.32em;color:#e9edef}.hero-overline span{color:var(--gold);margin:0 10px}.home-hero h1{font-size:clamp(3rem,5.3vw,6rem);font-weight:350;letter-spacing:.17em;margin:14px 0 8px;line-height:1.22}.home-hero h1 span,.home-hero h1 strong{display:block}.home-hero h1 span{font-size:.46em;font-weight:350;letter-spacing:.40em}.home-hero h1 strong{font-weight:410}.hero-divider{width:36px;height:2px;background:var(--gold);margin:14px auto}.hero-slogan{margin:10px 0 29px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-card{height:225px;display:block;position:relative;overflow:hidden;background:#152029;border:1px solid #ffffff28}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.category-card:hover img{transform:scale(1.09)}.category-card:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#050809de)}.category-bottom{position:absolute;z-index:2;inset:auto 16px 13px;display:flex;align-items:end;justify-content:space-between}.category-bottom strong{display:block;font-size:1.06rem;letter-spacing:.10em;text-transform:uppercase;font-weight:500}.category-bottom small{display:block;font-size:.70rem;color:#ddd}.category-arrow{width:35px;height:35px;flex:0 0 35px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;transition:background .3s,color .3s}.category-arrow svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.category-card:hover .category-arrow,.category-card:focus-visible .category-arrow{background:var(--gold);color:#10151a}.about-band{background:#10161b;display:grid;grid-template-columns:39% 40% 21%;min-height:320px;border-block:1px solid var(--line)}.about-band-photo{background:#10161b}.about-band-content{align-self:center;padding:35px}.about-band-content h2{font-size:1.7rem;letter-spacing:.06em}.about-band-content p:not(.eyebrow){font-size:.91rem}.about-highlights{border-left:1px solid var(--line);display:flex;flex-direction:column;gap:18px;align-self:center;padding:25px}.about-highlights>div{display:flex;align-items:center;gap:14px;color:var(--gold);font-size:1.7rem;line-height:1}.about-highlights span{color:#fff}.about-highlights strong{display:block;font-size:.7rem;letter-spacing:.12em}.about-highlights small{color:#b0b8bb;font-size:.7rem;display:block;line-height:1.5;margin-top:4px}.latest-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.photo-card{height:195px;display:block;position:relative;overflow:hidden}.photo-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.photo-card:hover img{transform:scale(1.1)}.photo-overlay{position:absolute;inset:35% 0 0;padding:20px 15px 10px;background:linear-gradient(transparent,#000e);display:flex;flex-direction:column;justify-content:end;opacity:0;transition:opacity .3s}.photo-card:hover .photo-overlay,.photo-card:focus .photo-overlay{opacity:1}.tiny-label{font-size:.65rem;color:var(--gold);letter-spacing:.16em;text-transform:uppercase}.photo-overlay strong{font-size:.91rem}.photo-arrow{position:absolute;bottom:15px;right:15px;color:var(--gold)}.closing-cta{padding:80px 20px;text-align:center;background:linear-gradient(#060c11db,#060c11ed),url('/assets/images/hero.jpg') center/cover}.closing-cta h2{font-size:clamp(1.65rem,3vw,2.8rem)}.closing-cta .btn{margin-top:10px}
.subhero{height:330px;display:grid;place-items:center;text-align:center;padding:95px 20px 25px;background-image:linear-gradient(#0a12145c,#070d11a9),var(--hero-image);background-size:cover;background-position:center}.subhero h1{font-size:clamp(2.5rem,4.1vw,4.7rem);letter-spacing:.20em;margin:0;font-weight:350}.subhero-inner{max-width:800px}.subhero .gold-rule{margin:15px auto}.subhero p:last-child{max-width:620px;color:#e2e5e6;font-size:.9rem;margin:auto}.filter-tabs{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin:0 0 25px}.filter-btn{border:1px solid var(--line);background:none;color:#fff;min-width:107px;padding:8px 16px;font-size:.79rem;transition:.2s}.filter-btn:hover{color:var(--gold);border-color:var(--gold)}.filter-btn.active{color:#151515;background:var(--gold);border-color:var(--gold)}.masonry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;grid-auto-flow:dense}.masonry-item{height:210px;position:relative;overflow:hidden;background:#142026}.masonry-item:nth-child(7n+1),.masonry-item:nth-child(7n+6){grid-column:span 2;height:280px}.masonry-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.masonry-item:hover img{transform:scale(1.08)}.masonry-caption{position:absolute;inset:auto 0 0;padding:24px 15px 14px;background:linear-gradient(transparent,#000e);display:flex;align-items:end;justify-content:space-between;gap:10px;opacity:0;transition:.25s}.masonry-item:hover .masonry-caption,.masonry-item:focus .masonry-caption{opacity:1}.masonry-caption strong{font-size:.85rem}.masonry-caption small{font-size:.7rem;color:var(--gold)}.masonry-item[hidden]{display:none!important}.empty-state{text-align:center;padding:45px 0}
.detail-header{min-height:490px;display:flex;align-items:end;background-image:linear-gradient(#0a0f1373,#050a0fd0),var(--hero-image);background-size:cover;background-position:center}.detail-overlay{padding-block:100px 50px}.detail-header h1{font-size:clamp(2.5rem,4.4vw,4.9rem);letter-spacing:.12em;margin:17px 0}.detail-header p:not(.eyebrow){max-width:670px}.back-link{color:var(--gold);font-size:.71rem;letter-spacing:.15em;font-weight:650;display:inline-block;margin-bottom:30px}.detail-meta{display:flex;gap:28px;color:#e5dfd2;font-size:.77rem}.detail-section{padding-block:38px 75px}.item-counter{color:var(--gold);font-size:.8rem;letter-spacing:.1em}.photo-viewer{position:relative;background:#121b20}.photo-viewer>img{width:100%;height:min(65vw,730px);min-height:410px;object-fit:cover}.photo-viewer>button{position:absolute;top:45%;z-index:1;border-radius:50%;border:1px solid #ffffffa0;background:#071118bd;color:white;width:47px;height:47px;font-size:2.4rem;line-height:.6}.photo-viewer>button:first-child{left:15px}.photo-viewer>button:nth-of-type(2){right:15px}.photo-viewer>button:hover{background:var(--gold);color:#111}.viewer-bottom{position:absolute;inset:auto 0 0;padding:45px 22px 12px;background:linear-gradient(transparent,#071013d6);display:flex;align-items:center;gap:22px}.viewer-bottom span{font-size:.73rem;letter-spacing:.15em}.viewer-bottom strong{font-weight:500}.viewer-bottom button{margin-left:auto;color:white;background:none;border:0;font-size:1.3rem}.detail-gallery-grid{margin-top:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.detail-gallery-grid figure{margin:0}.detail-gallery-grid img{width:100%;height:200px;object-fit:cover}.detail-gallery-grid figcaption{margin-top:6px;font-size:.78rem;color:#adb5b9}
.about-hero{min-height:650px;display:flex;align-items:center;padding:110px 7vw 60px;background:linear-gradient(90deg,#07111622,#071116dd 85%),url('/assets/images/about.jpg') center/cover}.about-intro{max-width:560px;margin-left:auto}.about-intro h1{font-size:clamp(2.5rem,4vw,4.4rem);letter-spacing:.09em}.about-intro p:not(.eyebrow){font-size:1.05rem;line-height:1.8}.story-section{padding-block:75px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story-image img{width:100%;height:380px;object-fit:cover}.story-text h2{font-size:clamp(1.65rem,2.8vw,2.7rem)}.story-text p{line-height:1.8}.story-text .btn{margin-top:16px}.gear-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gear-card{background:#11191e;border:1px solid var(--line);overflow:hidden;transition:transform .3s,border-color .3s}.gear-card:hover{transform:translateY(-5px);border-color:var(--gold)}.gear-card img{height:255px;width:100%;object-fit:cover}.gear-card>div{padding:21px}.gear-card h3{font-size:1.5rem}.gear-card p:last-child{color:#b9c2c6;font-size:.9rem;margin:0}.contact-hero{padding:140px 0 100px;min-height:840px;background:linear-gradient(90deg,#061015eb,#0610156e),url('/assets/images/hero.jpg') center/cover}.contact-layout{display:grid;grid-template-columns:1fr .89fr;gap:8vw}.contact-copy h1{font-size:clamp(2.7rem,4.4vw,5rem);letter-spacing:.08em;margin:25px 0}.contact-copy>p:not(.eyebrow){font-size:1.05rem;max-width:580px;line-height:1.85}.contact-social{display:flex;gap:22px;align-items:center;margin:24px 0;color:var(--gold);font-size:2rem;max-width:390px}.contact-social span{color:#fff;flex:1}.contact-social strong{font-size:.75rem;letter-spacing:.14em;display:block}.contact-social small{display:block;font-size:.85rem}.contact-social b{font-size:1.2rem}.contact-form{background:#10181fe8;border:1px solid #e3c1905c;padding:30px;box-shadow:0 24px 70px #0008}.contact-form label{font-size:.78rem;display:block;color:#c7ced1;margin:13px 0 5px}.contact-form input,.contact-form textarea{display:block;width:100%;resize:vertical;background:#172129;border:1px solid #ffffff2e;outline:0;color:#fff;padding:12px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold)}.contact-form .btn{width:100%;margin:20px 0}.contact-form small{font-size:.73rem;color:#aab3b9;display:block}.contact-form small a{text-decoration:underline;color:var(--gold)}.honey{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.legal-wrap{display:grid;grid-template-columns:3fr 1fr;gap:50px;padding-block:60px}.legal-panel{background:#121a20;border:1px solid var(--line);padding:40px}.legal-panel h2{font-size:2rem}.legal-panel h3{font-size:1.2rem;margin:26px 0 10px}.legal-panel p{line-height:1.8}.legal-side{display:flex;flex-direction:column;gap:20px}.legal-side a{border-bottom:1px solid var(--line);padding-bottom:13px}.legal-side a:hover{color:var(--gold)}.not-found{min-height:740px;display:grid;place-items:center;text-align:center;background:linear-gradient(#08111766,#08111766),url('/assets/images/hero.jpg') center/cover;padding:80px 10px}.notfound-number{font-size:clamp(8rem,24vw,19rem);font-weight:200;line-height:1;letter-spacing:.04em}.not-found h1{font-size:clamp(1.6rem,3vw,2.9rem);font-weight:350;letter-spacing:.11em}.footer{background:#080c10;border-top:1px solid var(--line);padding:42px 0 26px}.footer-inner{width:min(var(--width),calc(100% - 88px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:25px}.footer nav{display:flex;gap:18px;justify-content:flex-end;align-content:start;flex-wrap:wrap;font-size:.85rem}.footer nav a:hover{color:var(--gold)}.footer p{font-size:.85rem;color:var(--muted);margin-top:18px}.footer small{grid-column:span 2;color:#859198;font-size:.75rem}.back-top{position:fixed;z-index:30;right:25px;bottom:25px;width:42px;height:42px;border:1px solid #ffffff63;background:#091115ca;color:#fff;opacity:0;pointer-events:none;transition:.2s}.back-top.visible{opacity:1;pointer-events:auto}.back-top:hover{background:var(--gold);color:#111}.notice{padding:13px;border-left:3px solid #7cbf86;background:#183022;margin:15px 0;color:#fff}.notice.error{background:#351c20;border-color:#e28e91}
/* Adminbereich */
.admin-body{background:#0b1217;font-size:14px}.admin-topbar{height:112px;display:flex;justify-content:space-between;align-items:flex-start;padding:23px 35px;background:linear-gradient(#06111885,#061118ab),url('/assets/images/hero.jpg') center/cover;border-bottom:1px solid var(--line)}.admin-topbar>div{display:flex;align-items:center;gap:20px}.admin-topbar>div>a{color:var(--gold)}.admin-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--gold);color:var(--gold)}.plain-button{background:none;color:#fff;border:0}.plain-button:hover{color:var(--gold)}.admin-shell{min-height:calc(100vh - 112px);display:grid;grid-template-columns:230px minmax(0,1fr)}.admin-sidebar{border-right:1px solid var(--line);background:#0a1015;padding:29px 16px;display:flex;flex-direction:column;min-height:730px}.admin-sidebar>.eyebrow{margin:0 14px 25px}.admin-sidebar nav{display:flex;flex-direction:column;gap:7px}.admin-sidebar nav a{display:flex;gap:15px;align-items:center;padding:11px 15px;color:#d1d6d8}.admin-sidebar nav a:hover,.admin-sidebar nav a.selected{background:#5d482d82;color:#fff}.admin-sidebar nav a span{color:var(--gold);font-size:1.2rem}.sidebar-foot{margin:auto 10px 0;padding-top:20px;border-top:1px solid var(--line);font-size:.7rem;color:var(--gold);letter-spacing:.14em;line-height:1.5}.sidebar-foot strong{color:#fff;font-size:1.1rem;letter-spacing:.06em}.sidebar-foot small{display:block;color:#93a0a7;margin-top:12px;letter-spacing:0}.admin-main{width:100%;max-width:1800px;margin:auto;padding:30px clamp(20px,4vw,65px) 85px}.admin-page-title{display:flex;justify-content:space-between;align-items:center;gap:18px}.admin-page-title h1{font-size:2.5rem;margin:0}.admin-outline{border:1px solid var(--gold);color:var(--gold);padding:7px 15px;font-size:.78rem}.admin-intro{color:#b8c1c6;margin:10px 0 30px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stat-card{padding:19px;position:relative;min-height:148px;background:linear-gradient(#071017b0,#061017e8),url('/assets/images/hero.jpg') center/cover;border:1px solid var(--line);display:flex;flex-direction:column}.stat-card:hover{border-color:var(--gold)}.stat-symbol{color:var(--gold);font-size:1.9rem}.stat-card strong{font-size:2.3rem;font-weight:350;line-height:1.2}.stat-card>span:last-of-type{color:#c4c9cd;font-size:.8rem}.stat-card b{position:absolute;bottom:18px;right:15px;border:1px solid #ffffff6b;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.admin-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:34px 0 15px}.admin-section-heading h2{font-size:1rem;text-transform:uppercase;letter-spacing:.1em;margin:0}.admin-section-heading a{color:var(--gold);font-size:.75rem;text-transform:uppercase}.admin-recent-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.admin-recent-grid img{height:125px;width:100%;object-fit:cover}.admin-recent-grid strong{font-size:.8rem;display:block;margin-top:5px}.admin-recent-grid small{color:var(--muted);display:block}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-grid a{padding:18px;min-height:165px;background:linear-gradient(#142029b3,#0a1218eb),url('/assets/images/hero.jpg') center/cover;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:end}.quick-grid a:hover{border-color:var(--gold)}.quick-grid span{font-size:1.9rem;color:var(--gold);margin-bottom:13px}.quick-grid strong{font-size:.88rem}.quick-grid small{font-size:.7rem;color:#b6c2c8}.admin-panel{background:#111a20;border:1px solid var(--line);padding:24px;margin-top:19px}.admin-panel h2{font-size:1.2rem;margin-bottom:18px}.admin-form{display:flex;flex-direction:column;gap:11px}.admin-form label,.upload-row label{display:flex;flex-direction:column;gap:5px;font-size:.77rem;color:#b5c1c6}.admin-form input:not([type=checkbox]),.admin-form textarea,.admin-form select,.upload-row select{background:#17232b;border:1px solid #ffffff2d;color:#fff;padding:10px;outline:0;width:100%;min-height:41px}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:var(--gold)}.admin-form select option,.upload-row select option{background:#17232b}.admin-form .check-label{flex-direction:row;align-items:center;gap:10px;padding:7px 0}.check-label input{width:17px;height:17px;accent-color:var(--gold)}.admin-save{border:0;background:var(--gold);color:#121617;font-weight:650;padding:10px 14px}.admin-save:hover{background:#f2cc90}.admin-delete{border:0;background:none;color:#e7a99e;font-size:.81rem;padding:9px}.admin-delete:hover{text-decoration:underline}.pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}.file-drop{min-height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px dashed var(--gold);background:#182229;padding:20px;text-align:center;gap:7px}.file-drop small{color:var(--muted)}.file-drop input{max-width:270px;font-size:.78rem}.upload-symbol{font-size:2.3rem;color:var(--gold)}.upload-row{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-top:16px}.upload-row label{width:300px}.media-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.media-admin-card{background:#111a20;border:1px solid var(--line);min-width:0}.media-admin-card>img{height:200px;width:100%;object-fit:cover}.media-card-body{padding:16px}.status-pill{font-size:.66rem;border:1px solid #b48a53;color:#eac089;padding:4px 10px;display:inline-block;margin-bottom:14px}.status-pill.published{color:#a8dec0;border-color:#6eae84}.delete-form{text-align:right}.gallery-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.gallery-admin-card{padding:0;margin:0}.gallery-admin-cover{height:170px;background-size:cover;background-position:center}.gallery-admin-content{padding:19px}.admin-muted-link{display:inline-block;color:var(--gold);margin-top:15px}.message-head{display:flex;justify-content:space-between;gap:15px}.message-head h2{margin:0 0 5px}.message-head small{color:var(--muted)}.message-head a{color:var(--gold)}.message-content{padding:12px 0}.narrow-panel{max-width:670px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-photo{padding:45px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(#0611185c,#061118b9),url('/assets/images/hero.jpg') center/cover}.auth-photo>div{max-width:570px}.auth-photo h1{font-size:clamp(2.2rem,3.5vw,4.1rem)}.auth-form-wrap{display:grid;place-items:center;padding:40px 25px}.auth-card{width:min(450px,100%)}.auth-card h1{font-size:2.4rem}.auth-card .admin-form{margin:25px 0}.auth-card .back-link{margin-top:25px}.auth-card code{overflow-wrap:anywhere}.auth-card .btn:disabled{opacity:.5;cursor:not-allowed}
html.js [data-reveal]{opacity:0;transform:translateY(21px);transition:opacity .8s var(--ease),transform .8s var(--ease)}html.js [data-reveal].in-view{opacity:1;transform:none}[data-animate]{animation:enter .8s var(--ease) both}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.nav-wrap,.container,.footer-inner{width:calc(100% - 48px)}.main-nav{gap:18px}.category-card{height:190px}.about-band{grid-template-columns:37% 42% 21%}.about-band-content{padding:22px}.about-highlights{padding:12px}.masonry-grid{grid-template-columns:repeat(3,1fr)}.masonry-item:nth-child(7n+1),.masonry-item:nth-child(7n+6){grid-column:span 1;height:210px}.admin-main{padding:30px 20px}.media-admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:810px){.site-header{height:64px}.nav-wrap,.container,.footer-inner{width:calc(100% - 36px)}.brand-main{font-size:1rem}.nav-icons{margin-left:auto}.menu-toggle{display:flex;order:3}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#071015f5;flex-direction:column;align-items:center;justify-content:center;min-height:56vh;padding:20px;gap:0}.main-nav.open{display:flex}.main-nav a{height:auto;padding:14px;font-size:1.2rem}.main-nav a:after{bottom:6px}.home-hero{height:70vh;min-height:550px}.home-hero h1{font-size:clamp(2.6rem,7.2vw,4.4rem);letter-spacing:.08em}.hero-overline,.hero-slogan{font-size:.62rem;letter-spacing:.2em}.hero-overline span{margin-inline:3px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{height:230px}.about-band{grid-template-columns:1fr 1fr}.about-band-photo{min-height:310px}.about-highlights{grid-column:span 2;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.latest-grid{grid-template-columns:repeat(3,1fr)}.latest-grid .photo-card:nth-child(n+4){display:none}.section-heading h2{font-size:1.15rem}.masonry-grid{grid-template-columns:repeat(2,1fr)}.story-section{grid-template-columns:1fr;gap:25px}.gear-grid{grid-template-columns:repeat(2,1fr)}.contact-layout,.legal-wrap{grid-template-columns:1fr;gap:30px}.contact-hero{padding:130px 0 70px}.detail-gallery-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:70px 1fr}.admin-sidebar{padding:15px 6px}.admin-sidebar>.eyebrow,.sidebar-foot{display:none}.admin-sidebar nav a{font-size:0;justify-content:center;padding:14px 5px}.admin-sidebar nav a span{font-size:1.5rem}.stat-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}.admin-recent-grid{grid-template-columns:repeat(3,1fr)}.admin-recent-grid a:nth-child(n+4){display:none}.gallery-admin-grid{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr}.auth-photo{min-height:210px;padding:26px}.auth-photo h1{font-size:2rem}.auth-photo>div p:last-child{display:none}}
@media(max-width:550px){.nav-wrap{gap:12px}.brand-top{font-size:.44rem}.brand-main{font-size:.83rem}.nav-icons{gap:10px}.nav-icons a:last-child{display:none}.home-hero{min-height:570px}.home-hero h1{font-size:clamp(2.15rem,8vw,3.3rem)}.home-hero h1 span{letter-spacing:.25em}.hero-slogan{font-size:.53rem}.section{padding-block:25px}.section-heading{flex-direction:column;align-items:start;gap:9px}.category-grid{gap:8px}.category-card{height:172px}.category-bottom{inset:auto 9px 9px}.category-bottom strong{font-size:.72rem}.category-bottom small{font-size:.60rem}.category-bottom .category-arrow{height:27px;width:27px;flex-basis:27px}.category-bottom .category-arrow svg{width:14px;height:14px}.about-band{grid-template-columns:1fr}.about-band-photo{min-height:0;height:220px}.about-highlights{grid-column:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.about-highlights>div{gap:9px;font-size:1.3rem}.latest-grid{grid-template-columns:repeat(2,1fr)}.latest-grid .photo-card:nth-child(3){display:none}.photo-card{height:165px}.filter-btn{min-width:0;padding:7px 11px}.masonry-item,.masonry-item:nth-child(7n+1){height:160px}.subhero h1{letter-spacing:.10em}.detail-header{min-height:460px}.detail-header h1{letter-spacing:.045em}.photo-viewer>img{height:340px;min-height:0}.photo-viewer>button{width:37px;height:37px;font-size:1.8rem}.detail-gallery-grid img{height:140px}.gear-grid{grid-template-columns:1fr}.gear-card img{height:200px}.contact-form,.legal-panel{padding:20px}.footer-inner{display:flex;flex-direction:column}.footer nav{justify-content:flex-start}.admin-topbar{height:93px;padding:15px}.admin-topbar>div>a{display:none}.admin-shell{grid-template-columns:53px minmax(0,1fr)}.admin-main{padding:19px 12px 65px}.admin-page-title h1{font-size:1.7rem}.admin-outline{display:none}.stat-grid,.quick-grid{gap:7px}.stat-card{min-height:120px;padding:12px}.stat-card strong{font-size:1.5rem}.stat-card span{font-size:.7rem!important}.admin-recent-grid{grid-template-columns:repeat(2,1fr)}.admin-recent-grid a:nth-child(n+3){display:none}.quick-grid a{padding:13px;min-height:145px}.media-admin-grid{grid-template-columns:1fr}.pair{grid-template-columns:1fr}.upload-row{flex-direction:column;align-items:stretch}.upload-row label{width:100%}.admin-panel{padding:15px}.auth-form-wrap{padding:35px 17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001s!important;transition-duration:.001s!important}[data-reveal]{opacity:1!important;transform:none!important}}
/* Gleichmäßiges responsives Galerieraster ohne freie Zwischenräume */
.masonry-grid{grid-auto-rows:100px}.masonry-item{height:100%;grid-row:span 2}.masonry-item:nth-child(7n+1),.masonry-item:nth-child(7n+6){height:100%;grid-row:span 3}
@media(max-width:1100px){.masonry-item:nth-child(7n+1),.masonry-item:nth-child(7n+6){height:100%;grid-row:span 3}}
@media(max-width:550px){.masonry-grid{grid-auto-rows:80px}.masonry-item,.masonry-item:nth-child(7n+1),.masonry-item:nth-child(7n+6){height:100%;grid-row:span 2}.masonry-item:nth-child(5n+1){grid-row:span 3}}

/* Version 1.1 – reliable alpine hero image and improved motion */
.home-hero{isolation:isolate}
.home-hero .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;filter:saturate(1.05);animation:hero-kenburns 24s ease-in-out alternate infinite}
.home-hero .hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,11,.08),rgba(3,7,11,.30) 58%,rgba(3,7,11,.45));z-index:-1}
/* Cinematic, non-interactive transition instead of faux scroll buttons. */
.home-hero::after{content:"";position:absolute;inset:auto 0 -1px;height:clamp(115px,18vw,220px);z-index:1;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(10,16,20,.22) 26%,rgba(10,16,20,.72) 68%,var(--bg) 100%)}
#kategorien{position:relative;z-index:2;padding-top:clamp(24px,4vw,54px)}
.home-hero .hero-photo[hidden]{display:none!important}
.home-hero-content{position:relative;z-index:2}
@keyframes hero-kenburns{from{transform:scale(1)}to{transform:scale(1.08)}}
.category-card:focus-visible,.masonry-item:focus-visible,.gallery-select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.masonry-item{animation:gallery-pop .35s ease both}
@keyframes gallery-pop{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:none}}
.home-hero-admin-preview{display:block;width:100%;height:240px;object-fit:cover;margin-bottom:18px;border:1px solid #ffffff22}
.contact-form .notice.error p{margin-bottom:0;font-size:.87rem}
@media(max-width:810px){.home-hero .hero-photo{object-position:50% 40%}}
@media(prefers-reduced-motion:reduce){.home-hero .hero-photo{animation:none}.masonry-item{animation:none}}

/* Version 1.2 – übernommene Inhalte */
.gear-card>div p:not(.eyebrow){line-height:1.8}.gear-note{margin-top:20px}.contact-social small{overflow-wrap:anywhere}.legal-panel a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.legal-panel .notice{padding:16px 19px;line-height:1.65}.story-text p{max-width:70ch}

/* Version 1.3 – datensparsame Statistik und Datenschutzhinweise */
.privacy-copy h3{margin-top:28px;color:#f3e3c9}.privacy-copy p{line-height:1.8}.privacy-copy code{color:var(--gold)}
.privacy-review-note{margin-top:32px;border-left:3px solid var(--gold);padding:15px;background:#1f2529;color:#f8e6c6}
.analytics-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-stats-teaser{margin-top:28px;padding:20px 24px;border:1px solid var(--line);background:#121b20;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
.admin-stats-teaser h2{font-size:1.25rem;margin:2px 0 4px}.admin-stats-teaser p{margin:0}.admin-teaser-number{font-size:2rem;font-weight:600;color:var(--gold)}.admin-teaser-number small{display:block;font-size:.75rem;color:var(--muted);font-weight:400}
.analytics-panel{margin-top:22px}.analytics-chart{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:4px;height:250px;align-items:end;border-bottom:1px solid #ffffff40;padding-top:20px}
.analytics-column{position:relative;height:100%;display:flex;align-items:end;justify-content:center;min-width:0}.analytics-bar{display:block;background:linear-gradient(180deg,#e6c18a,#9b7949);min-height:2px;width:100%;border-radius:3px 3px 0 0;transition:background .15s}.analytics-column:hover .analytics-bar{background:#f0d29f}
.analytics-column small{position:absolute;bottom:-24px;left:0;transform:rotate(-45deg);transform-origin:left top;color:var(--muted);font-size:.58rem;white-space:nowrap;pointer-events:none}
.analytics-chart{margin-bottom:40px}.analytics-table{width:100%;border-collapse:collapse;text-align:left}.analytics-table th,.analytics-table td{padding:12px;border-bottom:1px solid var(--line);font-size:.88rem}.analytics-table th{color:var(--gold)}.analytics-table td:last-child,.analytics-table th:last-child{text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:810px){.analytics-cards{grid-template-columns:1fr 1fr 1fr}.analytics-cards .stat-card{min-width:0}.analytics-cards .stat-card strong{font-size:1.4rem}}
@media(max-width:550px){.analytics-cards{grid-template-columns:1fr}.analytics-chart{height:180px;gap:2px}.analytics-column small{font-size:.47rem}.admin-stats-teaser{padding:16px}}

/* Version 1.4 – Coververwaltung */
.cover-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1150px}
.cover-admin-card{margin:0;min-width:0}
.cover-admin-card h2{font-size:1rem}
.cover-admin-card .home-hero-admin-preview{height:200px}
.cover-admin-card label{display:flex;flex-direction:column;gap:8px;color:#c1ccd0;font-size:.85rem}
.cover-admin-grid + .admin-save{margin:18px 0 0;min-height:45px;max-width:360px}
@media(max-width:750px){.cover-admin-grid{grid-template-columns:1fr}}

/* v1.4: dynamische Hintergrundfotos als echte Bilder für strikte CSP ohne inline styles */
.subhero,.detail-header,.about-hero,.contact-hero,.not-found{position:relative;isolation:isolate;overflow:hidden;background-image:none}
.subhero .section-backdrop,.detail-header .section-backdrop,.about-hero .section-backdrop,.contact-hero .section-backdrop,.not-found .section-backdrop{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;z-index:-2}
.subhero:before,.detail-header:before,.about-hero:before,.contact-hero:before,.not-found:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.subhero:before{background:linear-gradient(#0a12145c,#070d11a9)}
.detail-header:before{background:linear-gradient(#0a0f1373,#050a0fd0)}
.about-hero:before{background:linear-gradient(90deg,#07111622,#071116dd 85%)}
.contact-hero:before{background:linear-gradient(90deg,#061015eb,#0610156e)}
.not-found:before{background:linear-gradient(#08111766,#08111766)}
.about-band-photo{overflow:hidden}.about-band-photo img{width:100%;height:100%;object-fit:cover;display:block}
img.gallery-admin-cover{width:100%;height:170px;object-fit:cover;display:block}


/* Version 1.5 – datensparsame, CSP-konforme Statistik */
.analytics-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.analytics-overview-heading h2{font-size:1.15rem;letter-spacing:.035em;margin:0}
.analytics-overview-heading .eyebrow{margin-bottom:4px}
.analytics-overview-heading small{font-size:.8rem}
.analytics-periods{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.analytics-periods a{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:7px 13px;border:1px solid var(--line);border-radius:4px;color:#d3dcdf;font-size:.8rem;white-space:nowrap}
.analytics-periods a:hover,.analytics-periods a:focus-visible{border-color:var(--gold);color:var(--gold)}
.analytics-periods a.active{background:var(--gold);border-color:var(--gold);color:#141719;font-weight:700}
.analytics-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.analytics-metrics>div{padding:16px;border:1px solid var(--line);background:#17232b;border-radius:4px}
.analytics-metrics small{display:block;color:var(--muted);font-size:.72rem;margin-bottom:5px}
.analytics-metrics strong{display:block;font-size:clamp(1.35rem,2vw,2rem);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}
.analytics-trend{font-size:.83rem;color:#dfc79e;margin:16px 0}
.analytics-chart-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-color:var(--gold) #17232b;padding:0 0 10px}
.analytics-svg{width:100%;min-width:540px;display:block;height:auto;overflow:visible}
.analytics-gridline{stroke:#ffffff20;stroke-width:1}
.analytics-day-bar{fill:#c9a16b;transition:fill .15s ease}
.analytics-day-bar:hover{fill:#f1d49d}
.analytics-axis-label{font:11px 'Segoe UI',Arial,sans-serif;fill:#aab5b9}
.analytics-details{border-top:1px solid var(--line);margin-top:12px;padding-top:14px}
.analytics-details summary{cursor:pointer;font-size:.81rem;color:var(--gold);list-style:revert}
.analytics-details .analytics-table{margin-top:12px}
.analytics-table-wrap{overflow-x:auto}
.analytics-table td strong{display:block;font-size:.88rem;font-weight:600}
.analytics-table td small{display:block;font-size:.74rem;color:var(--muted);overflow-wrap:anywhere}
.analytics-table td:last-child,.analytics-table th:last-child{white-space:nowrap}
@media(max-width:610px){.analytics-metrics{gap:7px}.analytics-metrics>div{padding:10px}.analytics-metrics small{font-size:.66rem}.analytics-metrics strong{font-size:1.2rem}.analytics-overview-heading{align-items:flex-start}.analytics-svg{min-width:620px}}
@media(prefers-reduced-motion:reduce){.analytics-day-bar{transition:none}}


/* v1.5.1 – bewusst erst nach Zustimmung aktiviertes Matomo-Tracking */
.matomo-consent-banner[hidden]{display:none!important}
.matomo-consent-banner{position:fixed;z-index:100;left:clamp(12px,3vw,45px);right:clamp(12px,3vw,45px);bottom:clamp(12px,3vw,32px);max-width:860px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#101a20;border:1px solid #d9b477aa;border-radius:12px;box-shadow:0 25px 90px #000c;padding:21px 24px}
.matomo-consent-copy{min-width:0;flex:1}
.matomo-consent-copy strong{font-size:1rem;color:var(--white)}
.matomo-consent-copy p{font-size:.83rem;line-height:1.65;color:#c9d3d7;margin:7px 0 0}
.matomo-consent-copy a{text-decoration:underline;text-underline-offset:3px;color:#ead1a3}
.matomo-consent-actions{display:flex;flex-direction:column;gap:8px;flex:0 0 145px}
.matomo-consent-actions button{border:1px solid #d9b477;min-height:42px;padding:10px 14px;font-size:.83rem;font-weight:600;border-radius:4px}
.matomo-consent-reject{background:transparent;color:#e8ebed}
.matomo-consent-accept{background:var(--gold);color:#10141a}
.matomo-consent-actions button:hover{filter:brightness(1.1)}
.footer-privacy-button{border:0;background:none;padding:0;color:#b8c4c9;text-align:left;font-size:inherit}
.footer-privacy-button:hover,.footer-privacy-button:focus-visible{color:var(--gold)}
@media(max-width:650px){.matomo-consent-banner{flex-direction:column;align-items:stretch;padding:17px;gap:15px;max-height:calc(100dvh - 45px);overflow-y:auto}.matomo-consent-actions{flex-direction:row;flex-basis:auto}.matomo-consent-actions button{flex:1;min-width:0}}

/* Version 1.6 – Startseitentexte im Adminbereich */
.editable-home-text{white-space:pre-line}
.admin-inline-link{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.admin-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.admin-content-panel{min-width:0;margin-top:0;display:flex;flex-direction:column;gap:12px}
.admin-content-panel h2{font-size:1.12rem;margin:0 0 5px}
.admin-content-panel label{width:100%}
.admin-content-panel textarea{resize:vertical;min-height:98px}
.admin-content-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:22px 0 14px}
.admin-content-actions .admin-save{min-height:42px}
@media(max-width:800px){.admin-content-grid{grid-template-columns:1fr}}

/* v1.6.1 – klar getrennte Texteinstellungen für mehrere Seiten */
.admin-content-page-title{font-size:1.3rem;letter-spacing:.025em;margin:26px 0 15px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.admin-content-page-title#ueber-mich{margin-top:40px;scroll-margin-top:24px}

/* v1.7 – Responsive viewer: fotografiegetreue Vollbildansicht ohne Anschnitt. */
.photo-viewer{width:100%;height:clamp(340px,64vh,820px);height:clamp(340px,64dvh,820px);overflow:hidden;background:#050b10;isolation:isolate}
.photo-viewer>img{display:block;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain;object-position:center;touch-action:pan-y pinch-zoom}
.photo-viewer>button{top:50%;transform:translateY(-50%);display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;line-height:1}
.viewer-bottom{min-height:68px;padding:22px clamp(12px,2.5vw,25px) 12px;gap:clamp(8px,2vw,22px);background:linear-gradient(transparent,#071013ed)}
.viewer-bottom strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.viewer-bottom button{flex-shrink:0;min-width:44px;min-height:44px;display:grid;place-items:center;font-size:1.45rem}
.photo-viewer:fullscreen,.photo-viewer.is-expanded{position:fixed;inset:0;z-index:1000;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:clamp(8px,2vw,28px) clamp(52px,6vw,96px) calc(75px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:center;overflow:hidden;background:#030608}
.photo-viewer:fullscreen>img,.photo-viewer.is-expanded>img{flex:1 1 auto;min-width:0;width:100%;height:100%;max-width:100%;max-height:100%;min-height:0;object-fit:contain}
.photo-viewer:fullscreen>button,.photo-viewer.is-expanded>button{top:50%;width:clamp(44px,4vw,56px);height:clamp(44px,4vw,56px)}
.photo-viewer:fullscreen>button:first-child,.photo-viewer.is-expanded>button:first-child{left:max(6px,env(safe-area-inset-left,0px))}
.photo-viewer:fullscreen>button:nth-of-type(2),.photo-viewer.is-expanded>button:nth-of-type(2){right:max(6px,env(safe-area-inset-right,0px))}
.photo-viewer:fullscreen .viewer-bottom,.photo-viewer.is-expanded .viewer-bottom{inset:auto 0 0;min-height:70px;padding:18px max(18px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px))}
body.viewer-lock{overflow:hidden}
body:not(.admin-body) main img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
@media(max-width:810px){.main-nav{max-height:calc(100dvh - 64px);overflow-y:auto}.photo-viewer{height:clamp(300px,58dvh,660px)}.viewer-bottom strong{font-size:.85rem}.detail-section{padding-block:28px 50px}}
@media(max-width:550px){.photo-viewer{height:clamp(260px,52dvh,510px);min-height:260px}.photo-viewer>button{width:44px;height:44px;font-size:2rem}.photo-viewer>button:first-child{left:6px}.photo-viewer>button:nth-of-type(2){right:6px}.viewer-bottom{min-height:64px;padding:20px 11px 10px;gap:8px}.viewer-bottom span{font-size:.64rem;letter-spacing:0;white-space:nowrap}.viewer-bottom strong{font-size:.8rem}.detail-gallery-grid{gap:8px}.detail-gallery-grid img{height:clamp(110px,29vw,180px)}.photo-viewer:fullscreen,.photo-viewer.is-expanded{padding:8px 48px calc(66px + env(safe-area-inset-bottom,0px))}.photo-viewer:fullscreen .viewer-bottom,.photo-viewer.is-expanded .viewer-bottom{min-height:62px}.admin-main,.admin-panel,.admin-content-panel{min-width:0}.admin-page-title{flex-wrap:wrap}.admin-form input,.admin-form select,.admin-form textarea{max-width:100%}}
@media(max-width:380px){.nav-icons{display:none}.brand-main{font-size:.74rem}.site-header .menu-toggle{margin-left:auto}.category-bottom strong{font-size:.68rem}.contact-form{padding:17px}.legal-panel{padding:19px}}
@media(hover:none){.masonry-caption,.photo-overlay{opacity:1}.masonry-caption{padding:34px 12px 10px}}
@media(orientation:landscape) and (max-height:500px){.photo-viewer:fullscreen,.photo-viewer.is-expanded{padding:6px 52px calc(56px + env(safe-area-inset-bottom,0px))}.photo-viewer:fullscreen .viewer-bottom,.photo-viewer.is-expanded .viewer-bottom{min-height:52px;padding-top:8px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}}

/* v1.7.1 – Schnellauswahl im unteren Galerieraster. */
.photo-viewer{scroll-margin-top:82px}
.detail-gallery-grid .gallery-select{width:100%;display:block;padding:0;border:2px solid transparent;background:transparent;color:inherit;cursor:pointer;transition:border-color .2s ease}
.detail-gallery-grid .gallery-select:hover{border-color:#d9b4778a}
.detail-gallery-grid .gallery-select.active{border-color:var(--gold)}
.detail-gallery-grid .gallery-select.active+figcaption{color:var(--gold)}
.detail-gallery-grid .gallery-select img{width:100%;display:block}
.detail-gallery-grid figure{min-width:0}
@media(prefers-reduced-motion:reduce){.detail-gallery-grid .gallery-select{transition:none}}


/* v1.8: Dunkle Galerieverwaltung mit kompakten Fotozeilen */
.gallery-manager-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gallery-manager-card{background:#111b21;border:1px solid var(--line);overflow:hidden;transition:border-color .2s}
.gallery-manager-card:hover,.gallery-manager-card:focus-within{border-color:var(--gold)}
.gallery-manager-open{display:block;height:100%}
.gallery-manager-open>img{display:block;width:100%;height:175px;object-fit:cover}
.gallery-manager-info{position:relative;padding:16px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.gallery-manager-info strong{font-size:1.05rem}
.gallery-manager-info small{font-size:.78rem;color:var(--muted)}
.gallery-manager-info .status-pill{margin:7px 0 0}
.gallery-manager-arrow{position:absolute;right:16px;bottom:20px;color:var(--gold)}
.unassigned-gallery-link{display:flex;align-items:center;gap:16px;padding:18px;margin:24px 0;background:#111b21;border:1px solid var(--line)}
.unassigned-gallery-link>span:first-child{font-size:1.5rem;color:var(--gold)}
.unassigned-gallery-link>span:nth-child(2){flex:1}
.unassigned-gallery-link strong,.unassigned-gallery-link small{display:block}
.unassigned-gallery-link small{color:var(--muted);font-size:.78rem}
.unassigned-gallery-link>span:last-child{color:var(--gold)}
.gallery-manager-toolbar,.gallery-manager-links,.gallery-upload-actions,.gallery-bulk-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.gallery-manager-toolbar{margin-top:15px}
.gallery-manager-links a{color:var(--gold);text-decoration:underline;text-underline-offset:4px;font-size:.83rem}
.gallery-upload-panel>h2{margin-bottom:14px}
.gallery-upload-actions{margin-top:16px}
.gallery-upload-actions .admin-save{min-height:43px}
.gallery-upload-progress{display:block;width:100%;height:9px;margin-top:14px;accent-color:var(--gold)}
.gallery-upload-progress[hidden]{display:none}
.gallery-empty-state{text-align:center;margin-top:18px}
.gallery-bulk-actions{justify-content:flex-start;align-items:flex-end;padding:16px;background:#111a20;border:1px solid var(--line);margin:14px 0}
.gallery-bulk-actions>label{display:flex;flex-direction:column;gap:5px;font-size:.76rem;color:#c4ccd0}
.gallery-bulk-actions>.gallery-bulk-select{flex-direction:row;align-items:center}
.gallery-bulk-actions input[type=checkbox]{accent-color:var(--gold)}
.gallery-bulk-actions select,.photo-record-form select,.photo-meta-details input{min-height:38px;padding:8px;background:#17232b;border:1px solid #ffffff35;color:white;max-width:100%}
.gallery-bulk-target[hidden]{display:none}
.photo-list{display:flex;flex-direction:column;gap:9px;margin-top:13px}
.photo-record{display:grid;grid-template-columns:25px 88px minmax(0,1fr);gap:13px;padding:14px;background:#111a20;border:1px solid var(--line);align-items:start;min-width:0}
.photo-record.dragging{opacity:.5;border-color:var(--gold)}
.photo-list-checkbox{padding-top:27px}
.photo-list-checkbox input{accent-color:var(--gold)}
.photo-record-preview{border:1px solid #ffffff33;background:transparent;padding:0;overflow:hidden;width:88px;height:70px;cursor:zoom-in}
.photo-record-preview img{height:100%;width:100%;object-fit:cover}
.photo-record-body{display:flex;flex-direction:column;min-width:0;gap:9px}
.photo-record-heading{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.photo-record-heading strong{font-size:.88rem;min-width:0;overflow-wrap:anywhere}
.photo-record-heading .status-pill{margin:0}
.photo-cover-tag{font-size:.68rem;color:var(--gold)}
.photo-record-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:11px}
.photo-record-form>label,.photo-meta-details label{display:flex;flex-direction:column;gap:5px;font-size:.75rem;color:#c4ced2}
.photo-record-form>.check-label{flex-direction:row;align-items:center;padding-bottom:8px;gap:7px}
.photo-record-form input[type=checkbox]{accent-color:var(--gold)}
.photo-record-form select{max-width:220px}
.photo-record-form .admin-save{min-height:38px;padding:8px 13px}
.photo-meta-details{max-width:min(300px,100%);min-width:0}
.photo-meta-details summary{cursor:pointer;color:var(--gold);font-size:.78rem;min-height:38px;display:flex;align-items:center}
.photo-meta-details[open]{width:300px;max-width:100%;border:1px solid var(--line);padding:8px}
.photo-meta-details[open] summary{margin-bottom:10px}
.photo-meta-details label input{width:100%}
.photo-meta-details small{font-size:.68rem;color:var(--muted)}
.photo-row-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:.76rem}
.photo-row-tools form{display:inline-flex;gap:3px}
.photo-row-tools button,.photo-row-tools a{padding:5px 8px;background:#1b2830;color:#e0e7e8;border:1px solid #ffffff25;cursor:pointer}
.photo-row-tools button:hover,.photo-row-tools a:hover{border-color:var(--gold);color:var(--gold)}
.photo-row-tools button:disabled{opacity:.3;cursor:not-allowed}
.photo-row-tools .photo-row-delete{color:#ecb4aa}
.photo-sort-handle{cursor:grab;display:inline-flex;align-items:center;justify-content:center;min-height:33px;min-width:33px;border:1px dashed var(--gold);color:var(--gold);font-size:1.25rem}
.photo-sort-handle:active{cursor:grabbing}
.admin-photo-dialog{background:#071015;border:1px solid var(--gold);color:#fff;width:min(1000px,96vw);max-height:93dvh;padding:15px}
.admin-photo-dialog::backdrop{background:#000e}
.admin-photo-dialog img{display:block;width:100%;height:auto;max-height:75dvh;object-fit:contain}
.admin-photo-dialog p{font-size:.9rem;padding:7px 0;margin:0}
.admin-photo-dialog>button{display:block;margin:0 0 8px auto;background:#14222b;color:#fff;border:1px solid var(--gold);font-size:1.4rem;min-width:44px;min-height:44px;cursor:pointer}
@media(max-width:1170px){.gallery-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.gallery-manager-grid{grid-template-columns:1fr}.photo-record{grid-template-columns:22px 70px minmax(0,1fr);gap:8px;padding:10px}.photo-record-preview{width:70px;height:60px}.photo-record-form{align-items:stretch;gap:8px}.photo-record-form select{max-width:100%;width:100%}.photo-record-form>.check-label{padding-bottom:0}.photo-record-form .admin-save{width:100%}.gallery-bulk-actions>label:not(.gallery-bulk-select){flex:1 1 170px}.gallery-manager-open>img{height:155px}}
@media(max-width:420px){.photo-record{grid-template-columns:22px 57px minmax(0,1fr)}.photo-record-preview{width:57px;height:56px}.photo-row-tools{gap:5px}}


/* v1.8.1 – Coverbilder anhand von Miniaturen statt Dateititeln auswählen. */
.gallery-cover-editor{display:flex;flex-direction:column;gap:9px;min-width:0}
.gallery-cover-label{color:#b5c1c6;font-size:.79rem}
.gallery-cover-current{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:12px;background:#0b141b;border:1px solid var(--line);min-width:0}
.gallery-cover-current>img{width:96px;height:69px;object-fit:cover;border:1px solid #ffffff30;flex:none}
.gallery-cover-current-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:150px}
.gallery-cover-current-copy strong{font-size:.82rem;overflow-wrap:anywhere}
.gallery-cover-current-copy small{font-size:.71rem;color:var(--muted);line-height:1.5}
.gallery-cover-open{display:none;background:transparent;color:var(--gold);border:1px solid var(--gold);padding:10px 12px;min-height:44px;font-size:.78rem;cursor:pointer}
.gallery-cover-picker-ready .gallery-cover-open{display:inline-block}
.gallery-cover-picker-ready .gallery-cover-select-fallback{display:none}
.gallery-cover-select-fallback label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:var(--muted)}
.gallery-cover-select-fallback select{width:100%;background:#17232b;border:1px solid #ffffff35;color:var(--white);padding:10px;min-height:44px}
.gallery-cover-dialog{width:min(1120px,96vw);max-width:none;max-height:93vh;max-height:93dvh;margin:auto;padding:clamp(14px,2vw,25px);background:#0b151c;color:var(--white);border:1px solid #d9b477aa;box-shadow:0 25px 70px #000a;overflow:auto}
.gallery-cover-dialog::backdrop{background:#000d}
.gallery-cover-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:13px}
.gallery-cover-dialog-head h2{font-size:clamp(1.1rem,2vw,1.5rem);margin:4px 0}
.gallery-cover-dialog-head p:last-child{color:var(--muted);margin:0;font-size:.8rem}
.gallery-cover-close{border:1px solid #ffffff40;background:#18242b;color:var(--white);width:44px;height:44px;font-size:1.5rem;flex:none;cursor:pointer}
.gallery-cover-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,250px);gap:12px;margin:18px 0}
.gallery-cover-filters label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:var(--muted)}
.gallery-cover-filters input,.gallery-cover-filters select{width:100%;min-height:44px;background:#17232b;color:#fff;border:1px solid #ffffff40;padding:9px 12px;border-radius:0}
.gallery-cover-dialog-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}
.gallery-cover-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));align-content:start;gap:10px;max-height:55dvh;overflow-y:auto;padding:3px;min-width:0;scrollbar-width:thin}
.gallery-cover-choice{display:flex;flex-direction:column;gap:4px;align-items:stretch;min-width:0;background:#101e26;color:#fff;border:2px solid transparent;padding:5px;text-align:left;cursor:pointer;font:inherit}
.gallery-cover-choice[hidden]{display:none!important}
.gallery-cover-choice:hover,.gallery-cover-choice:focus-visible{border-color:#d9b47799}
.gallery-cover-choice[aria-pressed=true]{border-color:var(--gold);background:#23303a}
.gallery-cover-choice>img{display:block;width:100%;height:98px;object-fit:cover;background:#17232b}
.gallery-cover-choice>strong{font-size:.72rem;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gallery-cover-choice>small{font-size:.65rem;color:var(--muted);line-height:1.35;overflow-wrap:anywhere}
.gallery-cover-choice-auto{justify-content:center;align-items:center;text-align:center;min-height:150px}
.gallery-cover-auto-symbol{font-size:2rem;color:var(--gold)}
.gallery-cover-inspector{background:#101e26;border:1px solid var(--line);padding:12px;position:sticky;top:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.gallery-cover-inspector img{width:100%;height:170px;object-fit:contain;background:#050b10}
.gallery-cover-inspector strong{font-size:.82rem;overflow-wrap:anywhere}
.gallery-cover-inspector p{font-size:.73rem;color:var(--muted);margin:0}
.gallery-cover-inspector .admin-save{min-height:44px;cursor:pointer}
.gallery-cover-inspector .admin-save:disabled{opacity:.55;cursor:not-allowed}
.gallery-cover-no-results{color:var(--muted);font-size:.82rem;padding:12px}
.gallery-cover-no-results[hidden]{display:none}
.gallery-cover-dialog-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:.74rem}
.gallery-cover-cancel{color:var(--white);background:transparent;border:1px solid #ffffff35;padding:8px 15px;min-height:40px;cursor:pointer}
@media(max-width:760px){
 .gallery-cover-dialog{width:98vw;padding:13px}
 .gallery-cover-dialog-body{grid-template-columns:1fr}
 .gallery-cover-choices{max-height:38dvh;grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}
 .gallery-cover-inspector{position:static;display:grid;grid-template-columns:110px 1fr;align-items:center;gap:8px}
 .gallery-cover-inspector img{grid-row:span 3;height:100px}
 .gallery-cover-inspector .admin-save{grid-column:2;justify-self:stretch}
 .gallery-cover-filters{grid-template-columns:1fr}
}
@media(max-width:430px){
 .gallery-cover-current>img{width:72px;height:55px}
 .gallery-cover-current-copy{min-width:100px}
 .gallery-cover-open{width:100%}
 .gallery-cover-choices{max-height:35dvh;grid-template-columns:repeat(2,minmax(0,1fr))}
 .gallery-cover-choice>img{height:82px}
}


/* Gallery deletion with protected cover references and recoverable trash */
.gallery-delete-box{margin-top:18px;border:1px solid #a45e5250;background:#210e101c;padding:12px 14px}
.gallery-delete-box>summary,.gallery-delete-usages>summary{cursor:pointer;color:#f1b6a9;font-size:.84rem;font-weight:650}
.gallery-delete-box form{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.gallery-delete-box form>p{font-size:.83rem;color:#e0d6d3}
.gallery-delete-box fieldset{border:1px solid #ffffff2b;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0}
.gallery-delete-box legend{font-size:.78rem;color:#cabfae;padding:0 5px}
.gallery-delete-box fieldset label{display:flex;flex-direction:row;align-items:flex-start;gap:10px;border:1px solid #ffffff20;padding:10px;background:#131a1e;cursor:pointer}
.gallery-delete-box fieldset label:has(input:checked){border-color:var(--gold)}
.gallery-delete-box fieldset label:has(input:disabled){opacity:.5;cursor:not-allowed}
.gallery-delete-box fieldset input{margin-top:5px;accent-color:var(--gold);flex:none}
.gallery-delete-box fieldset label span{display:flex;flex-direction:column;gap:3px}
.gallery-delete-box fieldset label strong{font-size:.82rem}
.gallery-delete-box fieldset label small{font-size:.73rem;color:#b6c1c6}
.gallery-delete-usages{font-size:.79rem}
.gallery-delete-usages ul{margin:8px 0;padding-left:20px;color:#c9d0d1}
.trash-danger{border:1px solid #b35e59!important;color:#ffcdc8!important;background:#45191d!important;padding:10px 15px;min-height:40px;cursor:pointer;font:inherit;font-size:.83rem}
.trash-danger:hover{background:#622228!important}
.trash-list{display:flex;flex-direction:column;gap:12px}
.trash-entry{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
.trash-entry strong{font-size:1rem}
.trash-entry .muted-note{font-size:.78rem}
.trash-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.trash-buttons form{margin:0}
@media(max-width:640px){.trash-entry{align-items:stretch;flex-direction:column}.trash-buttons button{min-height:44px}}

.photo-usage-caption{font-size:.72rem;color:#a3b9b1;line-height:1.4;overflow-wrap:anywhere}


/* v1.8.6: Galerie-Bilder erhalten bereits während des Ziehens ihre Einfügeposition. */
.photo-list--sorting{position:relative;user-select:none}
.photo-list .photo-record--dragging{display:none}
.photo-drop-placeholder{
  display:flex;align-items:center;justify-content:center;
  flex:none;min-height:70px;
  padding:14px;
  border:2px dashed var(--gold);
  background:linear-gradient(90deg,#d9b47724,#d9b47711);
  color:var(--gold);
  font-size:.86rem;font-weight:650;
  box-shadow:inset 4px 0 var(--gold);
  pointer-events:none;
}
.photo-list--sorting .photo-record:not(.photo-record--dragging){border-color:#d9b47744}
.photo-sort-status:not(:empty){margin:0 0 8px;color:#c9ba9b;font-size:.78rem}
.photo-sort-handle:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:700px){
  .photo-drop-placeholder{min-height:55px;font-size:.75rem;padding:10px;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  .photo-drop-placeholder{transition:none}
}


/* Startseiten-Hero 2026-10: mehr Raum für das vorhandene Fotomotiv.
   Bildquelle, Bildqualität und Positionierung bleiben unverändert. */
.home-hero{
  height:min(90vh,1000px);
  height:min(90svh,1000px);
  min-height:580px;
}
@media(max-width:810px){
  .home-hero{
    height:82vh;
    height:82svh;
    min-height:530px;
  }
}
@media(max-width:550px){
  .home-hero{
    height:80vh;
    height:80svh;
    min-height:510px;
  }
}


/* v1.9 Performance und dezente Fotografie-Animationen */
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1300;pointer-events:none}
.scroll-progress span{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left center}
.home-hero .hero-photo-stage{position:absolute;inset:-52px 0;z-index:-2;pointer-events:none}
.home-hero .hero-photo-stage .hero-photo{z-index:0}
#active-photo{cursor:zoom-in}
#active-photo:focus-visible{outline:3px solid var(--gold);outline-offset:-5px}
.photo-viewer:fullscreen #active-photo,.photo-viewer.is-expanded #active-photo{cursor:zoom-out}
@media(min-width:811px){
  html.js .category-grid [data-reveal]:nth-child(2),
  html.js .latest-grid [data-reveal]:nth-child(2){transition-delay:70ms}
  html.js .category-grid [data-reveal]:nth-child(3),
  html.js .latest-grid [data-reveal]:nth-child(3){transition-delay:140ms}
  html.js .category-grid [data-reveal]:nth-child(4),
  html.js .latest-grid [data-reveal]:nth-child(4){transition-delay:210ms}
  html.js .latest-grid [data-reveal]:nth-child(5){transition-delay:270ms}
  html.js .section-heading[data-reveal] .eyebrow{transition:letter-spacing .8s ease}
  html.js .section-heading[data-reveal].in-view .eyebrow{letter-spacing:.24em}
}
@media(prefers-reduced-motion:reduce){
  .home-hero .hero-photo-stage{transform:none!important}
  html.js [data-reveal]{transition-delay:0s!important}
  .scroll-progress span{transition:none}
}


/* Scroll-Reveal funktioniert bei jeder Rückkehr in den sichtbaren Bereich.
   Beim Hochscrollen erscheint der Inhalt dezent von oben statt von unten. */
html.js [data-reveal].reveal-from-top:not(.in-view){transform:translateY(-21px)}
@media(prefers-reduced-motion:reduce){
  html.js [data-reveal].reveal-from-top:not(.in-view){opacity:1;transform:none}
}
@media print{
  html.js [data-reveal]{opacity:1!important;transform:none!important}
}


/* v2.0 · Dark Cinematic × glass interface, restrained to chrome/controls */
:root{
  --glass-panel:rgba(15,24,31,.72);
  --glass-stroke:rgba(237,220,189,.20);
  --glass-light:rgba(255,255,255,.09);
}
.site-header{
  background:linear-gradient(135deg,rgba(10,19,26,.80),rgba(10,17,24,.60));
  border-bottom:1px solid var(--glass-stroke);
  box-shadow:0 8px 34px rgba(0,0,0,.13);
  -webkit-backdrop-filter:blur(16px) saturate(135%);
  backdrop-filter:blur(16px) saturate(135%);
  transition:background .32s var(--ease),box-shadow .32s var(--ease),border-color .32s var(--ease);
}
.site-header.scrolled{
  background:rgba(9,17,24,.84);
  border-color:rgba(217,180,119,.28);
  box-shadow:0 12px 40px rgba(0,0,0,.23);
}
.main-nav{
  align-self:center;
  height:auto;
  padding:5px;
  gap:3px;
  border:1px solid var(--glass-stroke);
  border-radius:999px;
  background:linear-gradient(140deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),var(--glass-panel);
  box-shadow:inset 0 1px 0 var(--glass-light),0 10px 32px rgba(0,0,0,.14);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
}
.main-nav a{
  height:38px;
  padding:0 14px;
  border-radius:999px;
  justify-content:center;
  white-space:nowrap;
  transition:color .22s var(--ease),background-color .22s var(--ease),box-shadow .22s var(--ease);
}
.main-nav a::after{display:none}
.main-nav a.active,
.main-nav a:hover,
.main-nav a:focus-visible{
  color:#f5d6a0;
  background:rgba(217,180,119,.17);
  box-shadow:inset 0 0 0 1px rgba(217,180,119,.14);
}
.nav-icons a{
  display:grid;
  place-items:center;
  min-width:36px;min-height:36px;
  border-radius:50%;
  transition:color .25s,background-color .25s,transform .25s;
}
.nav-icons a:hover,.nav-icons a:focus-visible{
  background:rgba(217,180,119,.15);
  transform:translateY(-1px);
}
.menu-toggle{
  border-radius:12px;
  min-width:44px;
  min-height:44px;
  align-items:center;
  justify-content:center;
}
.menu-toggle[aria-expanded="true"]{background:rgba(217,180,119,.14)}
/* Photo presentation stays crisp; only controls receive the translucent material. */
.photo-viewer>button,
.photo-viewer .viewer-bottom button{
  -webkit-backdrop-filter:blur(12px) saturate(135%);
  backdrop-filter:blur(12px) saturate(135%);
  transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;
}
.photo-viewer>button{
  background:rgba(16,24,32,.60);
  border-color:rgba(245,231,210,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 7px 25px rgba(0,0,0,.22);
}
.photo-viewer>button:hover,.photo-viewer>button:focus-visible{
  background:rgba(217,180,119,.90);
  border-color:var(--gold);
  color:#0d1418;
}
.viewer-bottom{
  background:linear-gradient(0deg,rgba(5,11,16,.92),rgba(8,17,23,.40) 76%,transparent);
}
.viewer-bottom button{
  border:1px solid rgba(245,231,210,.35);
  background:rgba(26,37,45,.50);
  border-radius:50%;
  width:42px;height:42px;
  display:grid;place-items:center;
}
.viewer-bottom button:hover,.viewer-bottom button:focus-visible{
  border-color:var(--gold);
  background:rgba(217,180,119,.20);
}
.viewer-zoom-hint{
  position:absolute;top:15px;right:16px;z-index:2;
  display:flex;gap:8px;align-items:center;
  padding:6px 12px;
  border:1px solid rgba(245,231,210,.25);
  border-radius:999px;
  background:rgba(9,16,22,.50);
  color:rgba(255,255,255,.85);
  font-size:.67rem;letter-spacing:.10em;
  pointer-events:none;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.photo-viewer:fullscreen .viewer-zoom-hint,.photo-viewer.is-expanded .viewer-zoom-hint{display:none}
.btn{
  border-radius:13px;
  background:linear-gradient(145deg,rgba(41,52,60,.60),rgba(13,19,24,.73));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 8px 24px rgba(0,0,0,.16);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  transition:background .28s ease,color .28s ease,transform .28s var(--ease),box-shadow .28s ease;
}
.btn:hover,.btn:focus-visible{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 14px 32px rgba(0,0,0,.22);
}
.btn:active{transform:translateY(0) scale(.975)}
.btn-solid{background:linear-gradient(90deg,#c59b62,#e0bf8d);color:#141516}
.btn-solid:hover{background:#f0cf9d}
.filter-btn{
  border-radius:999px;
  transition:background-color .22s,color .22s,transform .22s,border-color .22s;
}
.filter-btn:focus-visible{outline:2px solid var(--gold)}
.filter-btn:active{transform:scale(.965)}
.category-card,.photo-card,.masonry-item,.gear-card{
  transition:box-shadow .33s ease,border-color .33s ease,transform .33s var(--ease);
}
.category-card,.masonry-item{border-radius:12px}
.photo-card,.gear-card{border-radius:12px;overflow:hidden}
.category-card img,.photo-card img,.masonry-item img{
  transition:transform .65s var(--ease),filter .5s ease;
}
@media(hover:hover) and (pointer:fine){
  .category-card:hover,.category-card:focus-visible,
  .photo-card:hover,.photo-card:focus-visible,
  .masonry-item:hover,.masonry-item:focus-visible{
    box-shadow:0 18px 48px rgba(0,0,0,.37),0 0 0 1px rgba(217,180,119,.38);
  }
  .category-card:hover img,.category-card:focus-visible img,
  .photo-card:hover img,.photo-card:focus-visible img,
  .masonry-item:hover img,.masonry-item:focus-visible img{
    filter:saturate(1.08);
  }
}
@media(max-width:1100px) and (min-width:811px){
  .main-nav a{padding-inline:10px;font-size:.73rem}
  .main-nav{gap:1px;padding:4px}
}
@media(max-width:810px){
  .site-header{height:64px}
  .main-nav{
    position:absolute;
    left:18px;right:18px;top:calc(64px + 9px);
    height:auto;
    min-height:0;
    max-height:calc(100dvh - 100px);
    padding:13px;
    gap:3px;
    border-radius:22px;
    background:rgba(12,22,29,.94);
    overflow-y:auto;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 26px 70px rgba(0,0,0,.42);
  }
  .main-nav.open{animation:glass-nav-reveal .25s var(--ease) both}
  .main-nav a{width:100%;height:auto;min-height:47px;border-radius:13px;padding:10px 20px;font-size:1rem}
  .main-nav a.active,.main-nav a:hover{background:rgba(217,180,119,.17)}
  .menu-toggle{display:flex}
  .viewer-zoom-hint{top:10px;right:10px;padding:5px 9px;font-size:.6rem}
}
@keyframes glass-nav-reveal{from{opacity:0;transform:translateY(-8px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:550px){
  .main-nav{left:12px;right:12px}
  .btn{border-radius:11px}
}
@media(prefers-reduced-motion:reduce){
  .site-header,.main-nav a,.nav-icons a,.btn,.filter-btn,
  .category-card,.photo-card,.masonry-item,.gear-card,
  .photo-viewer>button,.viewer-bottom button{transition:none!important}
  .main-nav.open{animation:none}
}
/* Browser fallback without background blur support */
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .site-header,.site-header.scrolled{background:#0b151bdc}
  .main-nav{background:#142029f5}
  .photo-viewer>button{background:#152129e8}
}


/* Instagram is a plain external link; no SDK, embed or tracking assets. */
.instagram-icon{width:22px;height:22px;flex:none;display:block}
.nav-icons .nav-instagram{color:#e9d3af}
.nav-icons .nav-instagram:hover,.nav-icons .nav-instagram:focus-visible{color:var(--gold)}
.footer-instagram-link{display:inline-flex;gap:7px;align-items:center}
.footer-instagram-link .instagram-icon{width:16px;height:16px;color:var(--gold)}
.contact-instagram .instagram-icon{width:32px;height:32px}
.contact-instagram:hover .instagram-icon{color:#f0ce91}
@media(max-width:550px){.nav-icons .nav-instagram{min-width:36px;min-height:36px}.contact-instagram .instagram-icon{width:29px;height:29px}}


/* Einheitliche Seitennavigation: gleicher Platz für die Browser-Scrollleiste,
   gleiche Mittelachse der Navigation unabhängig von Seitenlänge und Linkzustand. */
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){
  html{overflow-y:scroll}
}
@media(min-width:811px){
  .site-header .nav-wrap{
    display:grid;
    grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);
    align-items:center;
    column-gap:clamp(10px,1.6vw,24px);
  }
  .site-header .nav-wrap>.brand{justify-self:start}
  .site-header .nav-wrap>.main-nav{justify-self:center}
  .site-header .nav-wrap>.nav-icons{justify-self:end;margin-left:0}
}

/* Expanding travel gallery: Dark Cinematic, motion without transforming photo pixels. */
.expanding-gallery{display:flex;align-items:stretch;gap:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:5px 2px 15px;scrollbar-color:#a78450 #10191e;scrollbar-width:thin;min-height:clamp(310px,58dvh,680px)}
.expanding-gallery-card{position:relative;flex:0 0 clamp(54px,5.7vw,78px);min-width:0;min-height:clamp(310px,58dvh,680px);border:1px solid #ffffff25;border-radius:15px;background:#0b141a;color:#fff;overflow:hidden;padding:0;cursor:pointer;scroll-snap-align:nearest;transition:flex-basis 320ms cubic-bezier(.22,1,.36,1),border-color 180ms ease}
.expanding-gallery-card.is-active{flex-basis:min(70%,790px);border-color:#c5a36c99;box-shadow:0 12px 36px #0007}
.expanding-gallery-card img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.expanding-gallery-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#04090cad,transparent 36%);pointer-events:none}
.expanding-gallery-card-number{position:absolute;z-index:1;left:14px;bottom:15px;font-size:12px;font-weight:600;letter-spacing:.12em;color:#fff;text-shadow:0 1px 8px #000}
.expanding-gallery-card:not(.is-active) .expanding-gallery-card-number{left:50%;transform:translateX(-50%)}
.expanding-gallery-card:hover{border-color:#d7b477}
.expanding-gallery-card:focus-visible{outline:3px solid #d7b477;outline-offset:3px}
.expanding-gallery-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:7px 0 20px;color:#aeb8bf;font-size:.78rem;letter-spacing:.03em}
.expanding-gallery-tools p{margin:0}
.expanding-gallery-tools button{min-height:44px;display:inline-flex;gap:12px;align-items:center;padding:9px 16px;border:1px solid #c5a36c99;background:#101b22;color:#e6d2af;border-radius:9px;cursor:pointer}
.expanding-gallery-tools button:hover{background:#1d2b30;border-color:#e6c58f}
.expanding-gallery-tools button:focus-visible{outline:2px solid #d7b477;outline-offset:3px}
/* Keep the established non-cropping viewer for fullscreen, not a second large gallery. */
.detail-section .photo-viewer:not(:fullscreen):not(.is-expanded){position:absolute;left:-10000px;top:auto;width:1px;height:1px;min-height:0;overflow:hidden;opacity:0;pointer-events:none}
.detail-section .photo-viewer:fullscreen,.detail-section .photo-viewer.is-expanded{left:0;top:0;opacity:1;pointer-events:auto}
@media(max-width:810px){.expanding-gallery{min-height:clamp(290px,51dvh,530px);gap:7px}.expanding-gallery-card{flex-basis:55px;min-height:clamp(290px,51dvh,530px);border-radius:11px}.expanding-gallery-card.is-active{flex-basis:min(76%,540px)}}
@media(max-width:550px){.expanding-gallery{min-height:clamp(280px,48dvh,460px);gap:6px}.expanding-gallery-card{flex-basis:43px;min-height:clamp(280px,48dvh,460px)}.expanding-gallery-card.is-active{flex-basis:76%}.expanding-gallery-card-number{font-size:10px;bottom:10px;left:9px}.expanding-gallery-tools{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.expanding-gallery-card{transition:none!important}.expanding-gallery{scroll-behavior:auto}}

/* Gallery V2: active panel with adjacent clickable strips at every step. */
.expanding-gallery{position:relative;--strip:clamp(48px,5vw,74px);--strip-gap:10px;gap:var(--strip-gap);overflow-x:auto;scroll-snap-type:none;scrollbar-width:none;-ms-overflow-style:none}
.expanding-gallery::-webkit-scrollbar{display:none}
.expanding-gallery,.expanding-gallery-card{overflow-anchor:none}
.expanding-gallery-card{flex-basis:var(--strip);scroll-snap-align:none;touch-action:pan-y}
.expanding-gallery-card.is-active{flex-basis:min(790px,calc(100% - var(--strip) - var(--strip) - var(--strip-gap) - var(--strip-gap) - 8px))}
.expanding-gallery-nav{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,20px);margin-inline:auto}
.expanding-gallery-nav button{width:46px;height:46px;min-width:46px;border-radius:50%;font-size:1.65rem;padding:0;line-height:1;justify-content:center}
.expanding-gallery-nav button:disabled{opacity:.32;cursor:default}
.expanding-gallery-nav span{min-width:82px;text-align:center;color:#ddc69b;font-variant-numeric:tabular-nums;letter-spacing:.12em}
@media(max-width:810px){.expanding-gallery{--strip:51px;--strip-gap:7px}}
@media(max-width:550px){.expanding-gallery{--strip:39px;--strip-gap:6px}.expanding-gallery-nav{order:2;width:100%}.expanding-gallery-tools{justify-content:space-between}}