@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');
:root{--bg:#0b0c0b;--gold:#c5a35b;--white:#f3f1ef;--muted:#c7c7c7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Montserrat,'Segoe UI',Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:13px 4.2%}.brand{display:flex;flex-direction:column;align-items:center;flex-shrink:0;white-space:nowrap}.mountain{width:130px;height:29px;margin-bottom:5px}.brand-name{font-size:20px;letter-spacing:.36em;padding-left:.36em}.brand-sub{font-size:10px;letter-spacing:.37em;padding-left:.37em;margin-top:7px}.nav{display:flex;gap:34px;align-items:center;margin-left:auto}.nav a{font-size:14px;font-weight:400;padding:15px 2px 12px;border-bottom:1px solid transparent;white-space:nowrap;transition:color .2s}.nav a:hover,.nav a.active{color:#fff;border-color:var(--gold)}.social{display:flex;gap:20px;font-size:25px;align-items:center;margin-left:35px}.social a:hover{color:var(--gold)}.menu-toggle{display:none;background:transparent;color:white;border:0;font-size:28px;cursor:pointer}.hero{height:640px;min-height:600px;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url('assets/001.jpg');background-size:cover;background-position:center right;filter:brightness(.8)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.82) 25%,rgba(0,0,0,.35) 53%,rgba(0,0,0,.08) 100%),linear-gradient(0deg,#0b0c0b 0%,transparent 25%)}.hero-content{position:relative;z-index:1;padding:150px 5.5% 0;max-width:790px}.eyebrow{font-size:15px;letter-spacing:.5em;font-weight:400}.gold-line{display:block;background:var(--gold);height:2px;width:66px;margin:24px 0}.hero h1{font-size:clamp(35px,4vw,58px);font-weight:300;letter-spacing:.29em;line-height:1.25;margin:22px 0 17px}.hero-intro{font-size:16px;line-height:1.65;letter-spacing:.01em;margin-bottom:27px}.outline-btn{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;min-width:230px;padding:13px 22px 12px;border:1px solid var(--gold);font-size:13px;font-weight:500;letter-spacing:.13em;transition:background .2s}.outline-btn:hover{background:#c5a35b22}.outline-btn span{font-size:25px;font-weight:300;line-height:.6}.gallery-section{position:relative;z-index:2;margin:-18px auto 0;padding:0 3.2%}.gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.gallery-card{height:180px;position:relative;overflow:hidden;border:1px solid #444;display:block}.gallery-card img{width:100%;height:100%;object-fit:cover;filter:brightness(.9);transition:transform .4s}.gallery-card:hover img{transform:scale(1.06)}.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent 80%)}.gallery-label{position:absolute;z-index:1;left:28px;bottom:18px}.gallery-label h2{font-size:18px;font-weight:400;letter-spacing:.17em;margin:0 0 6px}.gallery-label p{font-size:13px;margin:0}.arrow{position:absolute;z-index:1;right:24px;bottom:27px;font-size:32px}.about{max-width:1450px;margin:20px auto 0;padding:0 4%;display:grid;grid-template-columns:32% 1fr;gap:6%;align-items:center;min-height:245px}.portrait{height:240px;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,black 15%,black 85%,transparent 100%)}.portrait img{height:100%;width:100%;object-fit:cover;object-position:center}.about-copy h2,.content-section h2{font-size:19px;font-weight:400;letter-spacing:.33em}.about-copy h2{display:flex;align-items:center;gap:25px}.about-copy .gold-line{width:65px;margin:0}.about-copy p{font-size:14px;line-height:1.9;max-width:790px}.about-copy .outline-btn{margin-top:12px}.content-section{padding:95px max(5.5%,calc((100vw - 1300px)/2));scroll-margin-top:20px}.content-section h2{font-size:27px}.content-section>p:not(.eyebrow){line-height:1.8;color:var(--muted);max-width:800px}.content-section .eyebrow{color:var(--gold);font-size:11px}.secondary{background:#141513}.trip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:32px}.trip{padding:0;background:#111;border:1px solid #484848;cursor:pointer;color:white;text-align:left;overflow:hidden}.trip img{width:100%;height:230px;object-fit:cover;display:block;transition:transform .3s}.trip:hover img{transform:scale(1.03)}.trip span{display:block;padding:18px 22px;letter-spacing:.18em}.contact small{display:block;margin-top:12px;color:#aaa}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 5.5%;font-size:11px;color:#aaa;letter-spacing:.1em}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.96);z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:60px 20px}.lightbox[hidden]{display:none}.lightbox img{max-width:95vw;max-height:76vh;object-fit:contain}.lightbox p{color:#ddd}.close-lightbox{position:absolute;right:35px;top:20px;color:white;background:transparent;border:0;font-size:42px;cursor:pointer}@media(max-width:1200px){.nav{gap:17px}.social{margin-left:0}.brand-name{font-size:17px}.brand-sub{font-size:8px}.hero h1{font-size:46px}.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.site-header{min-height:90px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:88px;left:0;right:0;background:rgba(10,10,10,.98);padding:20px 6%;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:13px}.social{display:none}.hero{height:620px}.hero-content{padding-top:155px}.hero h1{font-size:38px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr;gap:0}.portrait{height:220px;max-width:500px}.about-copy{padding-bottom:40px}}@media(max-width:550px){.site-header{padding:14px 5%}.brand-name{font-size:14px}.brand-sub{font-size:7px}.mountain{width:90px;height:21px}.hero{height:600px}.hero-image{background-position:61% center}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.25)),linear-gradient(0deg,#0b0c0b,transparent 25%)}.hero-content{padding:150px 7% 0}.eyebrow{font-size:10px;letter-spacing:.35em}.hero h1{font-size:29px;letter-spacing:.17em;line-height:1.4}.hero-intro{font-size:13px}.desktop-only{display:none}.gallery-section{margin-top:0;padding:0 4%}.gallery-grid{gap:10px}.gallery-card{height:160px}.gallery-label{left:12px;bottom:14px}.gallery-label h2{font-size:12px;letter-spacing:.1em}.gallery-label p{font-size:10px}.arrow{right:9px;bottom:15px;font-size:23px}.about{padding:0 6%}.about-copy h2{font-size:16px}.about-copy p{font-size:13px}.content-section{padding:70px 6%}.content-section h2{font-size:20px}.trip-grid{grid-template-columns:1fr}.trip img{height:170px}footer{flex-direction:column}}

/* Nummern markieren Bildpositionen in der Entwurfsphase */
.hero-image .photo-number{position:absolute;right:18px;bottom:36px;z-index:3;background:rgba(0,0,0,.72);border:1px solid #c5a35b;color:#f5e7c8;font:600 11px Montserrat,Arial,sans-serif;letter-spacing:.14em;padding:7px 10px}
.gallery-card .photo-number,.portrait .photo-number,.trip .photo-number{position:absolute;top:9px;left:9px;z-index:4;background:rgba(0,0,0,.78);border:1px solid #c5a35b;color:#f5e7c8;font:600 11px Montserrat,Arial,sans-serif;letter-spacing:.12em;padding:6px 9px}
.portrait,.trip{position:relative}
.photo-description{font-size:12px;color:#d0c3a7;margin-top:7px}

/* Länder-Platzhalter: Das nummerierte JPG erscheint automatisch, sobald es existiert. */
.gallery-photo{width:100%;height:100%;background-color:#181a17;background-image:linear-gradient(135deg,rgba(197,163,91,.16),rgba(0,0,0,.72)),var(--photo);background-size:cover;background-position:center;transition:transform .4s}
.gallery-card:hover .gallery-photo{transform:scale(1.06)}
.gallery-card-placeholder{border-color:#6b5a36}

/* Professioneller Bildbetrachter */
.lightbox{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:14px;align-items:stretch;justify-content:stretch;padding:22px clamp(16px,3vw,46px) 18px;background:rgba(4,5,4,.985);backdrop-filter:blur(12px)}
.lightbox-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:58px;border-bottom:1px solid #ffffff1f;padding-bottom:12px}
.lightbox-eyebrow{display:block;color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.35em;margin-bottom:7px}
.lightbox-topbar h2{font-size:clamp(18px,2vw,28px);font-weight:400;letter-spacing:.18em;margin:0;text-transform:uppercase}
.lightbox-status{display:flex;align-items:center;gap:22px}
#lightbox-counter{min-width:54px;color:#bbb;font-size:13px;letter-spacing:.16em;text-align:right}
.close-lightbox{position:static;display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffffff30;border-radius:50%;font-size:32px;line-height:1;transition:border-color .2s,color .2s,transform .2s}
.close-lightbox:hover,.close-lightbox:focus-visible{border-color:var(--gold);color:var(--gold);transform:rotate(4deg)}
.lightbox-stage{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;min-height:0;overflow:hidden}
.lightbox-stage figure{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:240px;margin:0;overflow:hidden}
.lightbox-stage img{display:block;max-width:100%;max-height:calc(100vh - 255px);width:auto;height:auto;object-fit:contain;box-shadow:0 20px 60px #000;transition:opacity .2s ease,transform .25s ease}
.lightbox-stage.is-loading img{opacity:.35;transform:scale(.99)}
.lightbox-error{max-width:460px;padding:30px;border:1px solid #6b5a36;background:#171815;color:#d7d0c3;line-height:1.7;text-align:center}
.lightbox-nav{position:relative;z-index:2;display:grid;place-items:center;width:52px;height:70px;margin:auto;background:#0c0d0c;border:1px solid #ffffff29;color:white;font-size:44px;font-weight:200;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.lightbox-nav:hover:not(:disabled),.lightbox-nav:focus-visible{background:#181713;border-color:var(--gold);color:var(--gold)}
.lightbox-nav:disabled{opacity:.22;cursor:default}
.lightbox-caption{display:grid;grid-template-columns:minmax(160px,auto) 1fr;align-items:baseline;gap:22px;max-width:1000px;margin:auto;text-align:center}
.lightbox-caption h3{margin:0;color:white;font-size:15px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.lightbox-caption p{margin:0;color:#aaa;font-size:12px;line-height:1.6}
.lightbox-thumbs{display:flex;justify-content:center;gap:9px;max-width:100%;overflow-x:auto;padding:4px 3px 2px;scrollbar-width:thin}
.lightbox-thumbs[hidden]{display:none}
.lightbox-thumb{position:relative;flex:0 0 90px;height:60px;padding:0;overflow:hidden;border:1px solid #ffffff24;background:#171817;color:white;cursor:pointer;opacity:.58;transition:opacity .2s,border-color .2s,transform .2s}
.lightbox-thumb:hover,.lightbox-thumb.active{opacity:1;border-color:var(--gold);transform:translateY(-2px)}
.lightbox-thumb img{width:100%;height:100%;object-fit:cover}
.lightbox-thumb span{position:absolute;right:4px;bottom:3px;padding:2px 4px;background:#000c;font-size:9px;letter-spacing:.12em}
@media(max-width:700px){.lightbox{gap:10px;padding:14px 10px 12px}.lightbox-topbar{min-height:48px}.lightbox-eyebrow{font-size:8px}.lightbox-topbar h2{font-size:16px;letter-spacing:.1em}.lightbox-status{gap:10px}.close-lightbox{width:40px;height:40px}.lightbox-stage{grid-template-columns:42px minmax(0,1fr) 42px}.lightbox-stage img{max-height:calc(100vh - 235px)}.lightbox-nav{width:38px;height:58px;font-size:34px}.lightbox-caption{grid-template-columns:1fr;gap:4px}.lightbox-caption h3{font-size:13px}.lightbox-caption p{font-size:11px}.lightbox-thumb{flex-basis:72px;height:48px}}