:root{--ink:#030b12;--ink2:#06131c;--gold:#c88831;--gold2:#e4ad55;--cream:#eee8df;--muted:#c7c0b6}
*{box-sizing:border-box}html{background:#02070b}body{margin:0;background:#02070b;color:var(--cream);font-family:Arial,Helvetica,sans-serif}.mockup-board{container-type:inline-size;position:relative;width:min(1000px,100%);aspect-ratio:1000/2450;margin:0 auto;overflow:hidden;background:radial-gradient(ellipse at 75% 18%,rgba(27,51,60,.26),transparent 34%),radial-gradient(ellipse at 25% 66%,rgba(25,44,49,.17),transparent 38%),linear-gradient(180deg,#020910,#06131b 52%,#030b12);box-shadow:0 0 90px #000}.mockup-board::after{content:"";position:absolute;z-index:50;inset:0;pointer-events:none;box-shadow:inset 0 0 95px rgba(0,0,0,.74);background-image:radial-gradient(rgba(255,255,255,.04) .7px,transparent .9px);background-size:4px 4px;mix-blend-mode:soft-light}.mockup-header{position:absolute;z-index:40;left:2.6cqw;right:4.5cqw;top:.8cqw;height:8.6cqw;display:flex;align-items:flex-start}.mockup-logo{width:27cqw;height:9cqw;object-fit:contain;object-position:left top}.mockup-header nav{position:absolute;right:0;top:2.35cqw;display:flex;gap:3.6cqw}.mockup-header nav span{position:relative;color:#ddd7ce;font:400 .76cqw/1 Georgia,"Times New Roman",serif;letter-spacing:.13em;white-space:nowrap;padding:.7cqw 0 1.1cqw}.mockup-header nav .active{color:var(--gold2)}.mockup-header nav .active::after{content:"";position:absolute;left:0;right:0;bottom:.25cqw;height:.08cqw;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.gold-thread{position:absolute;z-index:7;inset:0;width:100%;height:100%;pointer-events:none}.thread-shadow{fill:none;stroke:rgba(192,118,31,.16);stroke-width:3.2}.thread-line{fill:none;stroke:#d49339;stroke-width:1.35}.thread-nodes circle{fill:#ffd987;stroke:#fff0bb;stroke-width:.65}
.hero,.moment{position:absolute;inset-inline:0}.hero{top:8cqw;height:55cqw}.hero-copy{position:absolute;z-index:20;left:4.6cqw;top:6cqw;width:33cqw;text-align:center;text-shadow:0 2px 22px #000}.eyebrow{font-size:1.05cqw;letter-spacing:.28em;color:#ded8cf}.ornament{display:block;color:var(--gold2);font:1.55cqw Georgia,serif;margin:.9cqw 0 1.3cqw}.hero h1{margin:0;color:var(--gold);font:400 5.55cqw/.96 Georgia,"Times New Roman",serif;letter-spacing:.015em}.hero-copy p{margin:2cqw auto 0;max-width:30cqw;color:#ded8d0;font:1.35cqw/1.55 Georgia,"Times New Roman",serif}.heart{display:block;color:var(--gold2);font-size:1.6cqw;margin-top:1.2cqw}.hero-quote{position:absolute;z-index:20;left:6.5cqw;top:39cqw;margin:0;color:var(--gold2);font:italic 1.75cqw/1.28 Georgia,"Times New Roman",serif}
.photo{position:absolute;z-index:6;margin:0;overflow:hidden}.photo::after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none}.photo img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover}.like{position:absolute;z-index:8;right:2.2cqw;bottom:2.1cqw;border:.1cqw solid rgba(228,173,85,.58);border-radius:999px;padding:.65cqw 1.05cqw;background:rgba(3,11,17,.72);color:#eee4d4;font:1cqw Georgia,"Times New Roman",serif;box-shadow:0 .6cqw 1.6cqw rgba(0,0,0,.45);backdrop-filter:blur(8px)}.like span{color:var(--gold2);font-size:1.25cqw;text-shadow:0 0 .7cqw rgba(235,167,73,.6)}
.photo-hero{left:33cqw;top:-1.7cqw;width:67cqw;height:58cqw;-webkit-mask-image:radial-gradient(ellipse 95% 94% at 63% 44%,#000 22%,rgba(0,0,0,.9) 38%,rgba(0,0,0,.58) 56%,rgba(0,0,0,.27) 73%,rgba(0,0,0,.08) 87%,transparent 100%);mask-image:radial-gradient(ellipse 95% 94% at 63% 44%,#000 22%,rgba(0,0,0,.9) 38%,rgba(0,0,0,.58) 56%,rgba(0,0,0,.27) 73%,rgba(0,0,0,.08) 87%,transparent 100%)}.photo-hero img{object-position:center 58%;filter:brightness(.83) saturate(.92)}.photo-hero::after{background:radial-gradient(ellipse at 63% 44%,transparent 31%,rgba(3,11,18,.08) 52%,rgba(3,11,18,.36) 73%,rgba(3,11,18,.78) 91%,var(--ink) 100%),linear-gradient(90deg,var(--ink) 0,rgba(3,11,18,.84) 8%,rgba(3,11,18,.38) 27%,transparent 48%),linear-gradient(180deg,rgba(3,11,18,.28),transparent 48%,rgba(3,11,18,.35) 69%,var(--ink) 100%)}
.moment h2,.closing h2{margin:0;color:var(--gold);font:400 3.4cqw/1.02 Georgia,"Times New Roman",serif}.section-copy{position:absolute;z-index:22;width:28cqw;text-shadow:0 2px 20px #000}.section-copy .chapter{display:block;color:#d5cec5;font-size:.82cqw;letter-spacing:.23em;margin-bottom:1cqw}.section-copy p{margin:1.25cqw 0 0;color:var(--muted);font:1.25cqw/1.55 Georgia,"Times New Roman",serif}.copy-left{text-align:left}.copy-right{text-align:right}.quote{position:absolute;z-index:22;margin:0;color:var(--gold2);font:italic 1.52cqw/1.34 Georgia,"Times New Roman",serif;text-shadow:0 2px 20px #000}
.harz{top:57cqw;height:46cqw}.harz .section-copy{left:25cqw;top:5cqw}.photo-harz-main{left:40cqw;top:0;width:60cqw;height:42.5cqw;-webkit-mask-image:radial-gradient(ellipse 96% 95% at 62% 48%,#000 21%,rgba(0,0,0,.88) 37%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.25) 73%,rgba(0,0,0,.07) 87%,transparent 100%);mask-image:radial-gradient(ellipse 96% 95% at 62% 48%,#000 21%,rgba(0,0,0,.88) 37%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.25) 73%,rgba(0,0,0,.07) 87%,transparent 100%)}.photo-harz-main img{object-position:center 47%;filter:brightness(.74) saturate(.9)}.photo-harz-main::after{background:radial-gradient(ellipse at 62% 48%,transparent 31%,rgba(3,11,18,.1) 52%,rgba(3,11,18,.39) 75%,rgba(3,11,18,.8) 93%,var(--ink) 100%),linear-gradient(90deg,var(--ink) 0,rgba(3,11,18,.74) 11%,rgba(3,11,18,.22) 32%,transparent 51%),linear-gradient(180deg,var(--ink),rgba(3,11,18,.28) 16%,transparent 34%,transparent 65%,rgba(3,11,18,.34) 82%,var(--ink))}.photo-harz-small{left:3cqw;top:22cqw;width:31cqw;height:22cqw;transform:rotate(-2deg);-webkit-mask-image:radial-gradient(ellipse 94% 92%,#000 21%,rgba(0,0,0,.78) 38%,rgba(0,0,0,.43) 57%,rgba(0,0,0,.16) 75%,transparent 100%);mask-image:radial-gradient(ellipse 94% 92%,#000 21%,rgba(0,0,0,.78) 38%,rgba(0,0,0,.43) 57%,rgba(0,0,0,.16) 75%,transparent 100%)}.photo-harz-small img{filter:brightness(.8)}.photo-harz-small::after{background:radial-gradient(ellipse at center,transparent 31%,rgba(3,11,18,.28) 56%,rgba(3,11,18,.74) 83%,var(--ink) 100%)}.quote-harz{left:5cqw;top:4cqw}
.travel{top:98.5cqw;height:44cqw}.photo-travel-main{left:0;top:0;width:68.5cqw;height:42cqw;-webkit-mask-image:radial-gradient(ellipse 97% 95% at 43% 48%,#000 21%,rgba(0,0,0,.88) 37%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.25) 73%,rgba(0,0,0,.07) 87%,transparent 100%);mask-image:radial-gradient(ellipse 97% 95% at 43% 48%,#000 21%,rgba(0,0,0,.88) 37%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.25) 73%,rgba(0,0,0,.07) 87%,transparent 100%)}.photo-travel-main img{object-position:center 55%;filter:brightness(.78) saturate(.86)}.photo-travel-main::after{background:radial-gradient(ellipse at 43% 48%,transparent 31%,rgba(3,11,18,.1) 52%,rgba(3,11,18,.4) 75%,rgba(3,11,18,.8) 93%,var(--ink) 100%),linear-gradient(90deg,var(--ink),rgba(3,11,18,.25) 15%,transparent 32%,transparent 64%,rgba(3,11,18,.5) 84%,var(--ink)),linear-gradient(180deg,var(--ink),rgba(3,11,18,.25) 17%,transparent 34%,transparent 65%,rgba(3,11,18,.35) 82%,var(--ink))}.travel .section-copy{right:5cqw;top:6cqw}.photo-travel-small{right:3.5cqw;top:22cqw;width:29cqw;height:21cqw;transform:rotate(1.5deg);-webkit-mask-image:radial-gradient(ellipse 94% 92%,#000 21%,rgba(0,0,0,.78) 38%,rgba(0,0,0,.43) 57%,rgba(0,0,0,.16) 75%,transparent 100%);mask-image:radial-gradient(ellipse 94% 92%,#000 21%,rgba(0,0,0,.78) 38%,rgba(0,0,0,.43) 57%,rgba(0,0,0,.16) 75%,transparent 100%)}.photo-travel-small img{filter:brightness(.82)}.photo-travel-small::after{background:radial-gradient(ellipse at center,transparent 31%,rgba(3,11,18,.28) 56%,rgba(3,11,18,.74) 83%,var(--ink) 100%)}.quote-travel{left:7cqw;top:34cqw}
.sport{top:139.5cqw;height:45cqw}.sport-copy{left:7cqw;top:8cqw}.photo-sport-main{left:35cqw;top:0;width:65cqw;height:44.5cqw;-webkit-mask-image:radial-gradient(ellipse 97% 95% at 62% 47%,#000 21%,rgba(0,0,0,.88) 37%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.25) 73%,rgba(0,0,0,.07) 87%,transparent 100%);mask-image:radial-gradient(ellipse 97% 95% at 62% 47%,#000 21%,rgba(0,0,0,.88) 37%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.25) 73%,rgba(0,0,0,.07) 87%,transparent 100%)}.photo-sport-main img{object-position:center 42%;filter:brightness(.75) saturate(.82)}.photo-sport-main::after{background:radial-gradient(ellipse at 62% 47%,transparent 31%,rgba(3,11,18,.1) 52%,rgba(3,11,18,.4) 75%,rgba(3,11,18,.8) 93%,var(--ink) 100%),linear-gradient(90deg,var(--ink) 0,rgba(3,11,18,.73) 11%,rgba(3,11,18,.22) 32%,transparent 51%),linear-gradient(180deg,var(--ink),rgba(3,11,18,.25) 17%,transparent 34%,transparent 65%,rgba(3,11,18,.35) 82%,var(--ink))}.quote-sport{left:7cqw;top:32cqw}
.family{top:181cqw;height:45cqw}.photo-family-main{left:0;top:-2cqw;width:71cqw;height:44cqw;-webkit-mask-image:radial-gradient(ellipse 97% 95% at 45% 46%,#000 21%,rgba(0,0,0,.88) 37%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.25) 73%,rgba(0,0,0,.07) 87%,transparent 100%);mask-image:radial-gradient(ellipse 97% 95% at 45% 46%,#000 21%,rgba(0,0,0,.88) 37%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.25) 73%,rgba(0,0,0,.07) 87%,transparent 100%)}.photo-family-main img{object-position:center 46%;filter:brightness(.78) saturate(.9)}.photo-family-main::after{background:radial-gradient(ellipse at 45% 46%,transparent 31%,rgba(3,11,18,.1) 52%,rgba(3,11,18,.4) 75%,rgba(3,11,18,.8) 93%,var(--ink) 100%),linear-gradient(90deg,var(--ink),rgba(3,11,18,.24) 15%,transparent 32%,transparent 65%,rgba(3,11,18,.5) 84%,var(--ink)),linear-gradient(180deg,var(--ink),rgba(3,11,18,.25) 17%,transparent 34%,transparent 64%,rgba(3,11,18,.36) 82%,var(--ink))}.family-copy{right:4.5cqw;top:5cqw;width:30cqw}.family-copy h2{font-size:2.85cqw}.photo-family-small{right:4cqw;top:25.5cqw;width:31cqw;height:20cqw;transform:rotate(-1.5deg);-webkit-mask-image:radial-gradient(ellipse 94% 92%,#000 21%,rgba(0,0,0,.78) 38%,rgba(0,0,0,.43) 57%,rgba(0,0,0,.16) 75%,transparent 100%);mask-image:radial-gradient(ellipse 94% 92%,#000 21%,rgba(0,0,0,.78) 38%,rgba(0,0,0,.43) 57%,rgba(0,0,0,.16) 75%,transparent 100%)}.photo-family-small img{object-position:center 36%;filter:brightness(.84)}.photo-family-small::after{background:radial-gradient(ellipse at center,transparent 31%,rgba(3,11,18,.24) 56%,rgba(3,11,18,.7) 83%,var(--ink) 100%)}.quote-family{left:7cqw;top:34cqw}
.closing{position:absolute;z-index:25;left:13cqw;right:13cqw;top:222cqw;text-align:center}.closing-crown{display:block;color:var(--gold2);font:2.5cqw Georgia,serif;transform:rotate(180deg);text-shadow:0 0 1cqw rgba(225,157,62,.5)}.closing-kicker{margin:.7cqw 0 1.2cqw;color:var(--gold2);font-size:.9cqw;letter-spacing:.34em}.closing h2{font-size:2.9cqw}.closing>p:not(.closing-kicker){max-width:58cqw;margin:1cqw auto;color:var(--muted);font:1.15cqw/1.5 Georgia,"Times New Roman",serif}.closing button{margin-top:.7cqw;border:.1cqw solid var(--gold);padding:1.15cqw 2.5cqw;background:linear-gradient(180deg,rgba(15,30,38,.96),rgba(4,13,19,.98));color:var(--gold2);font:1.2cqw Georgia,"Times New Roman",serif;letter-spacing:.04em;box-shadow:0 0 2cqw rgba(205,139,47,.12)}.closing small{display:block;margin-top:1cqw;color:#918a81;font-size:.8cqw}
.photo-harz-small,.photo-travel-small,.photo-family-small{-webkit-mask-image:radial-gradient(ellipse 91% 86% at center,#000 17%,rgba(0,0,0,.74) 34%,rgba(0,0,0,.39) 52%,rgba(0,0,0,.14) 69%,rgba(0,0,0,.035) 82%,transparent 94%);mask-image:radial-gradient(ellipse 91% 86% at center,#000 17%,rgba(0,0,0,.74) 34%,rgba(0,0,0,.39) 52%,rgba(0,0,0,.14) 69%,rgba(0,0,0,.035) 82%,transparent 94%)}
.photo-harz-small::after,.photo-travel-small::after,.photo-family-small::after{background:radial-gradient(ellipse 90% 84% at center,transparent 22%,rgba(3,11,18,.2) 43%,rgba(3,11,18,.5) 62%,rgba(3,11,18,.83) 80%,var(--ink) 96%)}
.harz .section-copy{left:17cqw;top:6cqw;width:24cqw}.quote-harz{left:52cqw;top:3.7cqw;width:30cqw}.photo-harz-main img{object-position:center 72%;filter:brightness(.78) saturate(.92)}.photo-harz-small{left:2cqw;top:18cqw;width:35cqw;height:27cqw;transform:rotate(-1deg);-webkit-mask-image:radial-gradient(ellipse 94% 89% at center,#000 16%,rgba(0,0,0,.7) 34%,rgba(0,0,0,.3) 52%,rgba(0,0,0,.08) 67%,transparent 84%);mask-image:radial-gradient(ellipse 94% 89% at center,#000 16%,rgba(0,0,0,.7) 34%,rgba(0,0,0,.3) 52%,rgba(0,0,0,.08) 67%,transparent 84%)}.photo-harz-small img{object-position:center 43%;filter:brightness(.88) saturate(.92)}.photo-harz-small::after{background:radial-gradient(ellipse 92% 86% at center,transparent 17%,rgba(3,11,18,.24) 40%,rgba(3,11,18,.62) 62%,rgba(3,11,18,.9) 79%,var(--ink) 93%),linear-gradient(180deg,transparent 38%,rgba(3,11,18,.24) 57%,rgba(3,11,18,.76) 79%,var(--ink) 100%)}
.photo-travel-small{right:2cqw;top:20.5cqw;width:32.5cqw;height:24.5cqw;transform:rotate(1deg);-webkit-mask-image:radial-gradient(ellipse 92% 86% at center,#000 14%,rgba(0,0,0,.64) 31%,rgba(0,0,0,.25) 48%,rgba(0,0,0,.06) 62%,transparent 79%);mask-image:radial-gradient(ellipse 92% 86% at center,#000 14%,rgba(0,0,0,.64) 31%,rgba(0,0,0,.25) 48%,rgba(0,0,0,.06) 62%,transparent 79%)}.photo-travel-small img{object-position:center 38%;filter:brightness(.86) saturate(.9)}.photo-travel-small::after{background:radial-gradient(ellipse 90% 82% at center,transparent 13%,rgba(3,11,18,.25) 34%,rgba(3,11,18,.64) 57%,rgba(3,11,18,.91) 75%,var(--ink) 89%)}
.photo-sport-main{left:38cqw;width:62cqw}.photo-sport-main img{object-position:center 42%;transform:scale(1.16);transform-origin:center;filter:brightness(.75) saturate(.82)}.photo-sport-main::after{background:radial-gradient(ellipse at 58% 47%,transparent 28%,rgba(3,11,18,.1) 49%,rgba(3,11,18,.42) 72%,rgba(3,11,18,.82) 91%,var(--ink) 100%),linear-gradient(90deg,var(--ink) 0,rgba(3,11,18,.7) 10%,rgba(3,11,18,.2) 30%,transparent 49%,transparent 69%,rgba(3,11,18,.58) 88%,var(--ink) 100%),linear-gradient(180deg,var(--ink),rgba(3,11,18,.25) 17%,transparent 34%,transparent 65%,rgba(3,11,18,.35) 82%,var(--ink))}
.thread-shadow{stroke:rgba(192,118,31,.13);stroke-width:2.7}.thread-line{stroke-width:1.15}.thread-nodes circle{stroke-width:.5}
.family-copy{right:9.5cqw;top:-3cqw}
.photo-harz-small{left:.5cqw;top:17cqw;width:39cqw;height:29cqw;transform:rotate(-.7deg);-webkit-mask-image:radial-gradient(ellipse 95% 90% at 53% 45%,#000 18%,rgba(0,0,0,.78) 34%,rgba(0,0,0,.4) 52%,rgba(0,0,0,.12) 70%,rgba(0,0,0,.025) 82%,transparent 94%);mask-image:radial-gradient(ellipse 95% 90% at 53% 45%,#000 18%,rgba(0,0,0,.78) 34%,rgba(0,0,0,.4) 52%,rgba(0,0,0,.12) 70%,rgba(0,0,0,.025) 82%,transparent 94%)}.photo-harz-small img{object-position:center 39%;filter:brightness(.91) saturate(.94)}.photo-harz-small::after{background:radial-gradient(ellipse 92% 86% at 53% 45%,transparent 19%,rgba(3,11,18,.18) 38%,rgba(3,11,18,.5) 60%,rgba(3,11,18,.84) 79%,var(--ink) 94%),linear-gradient(180deg,rgba(3,11,18,.08),transparent 35%,rgba(3,11,18,.18) 57%,rgba(3,11,18,.68) 81%,var(--ink) 100%)}
.photo-travel-small{right:.3cqw;top:19cqw;width:38cqw;height:28cqw;transform:rotate(.6deg);-webkit-mask-image:radial-gradient(ellipse 94% 88% at 51% 44%,#000 17%,rgba(0,0,0,.76) 33%,rgba(0,0,0,.36) 51%,rgba(0,0,0,.1) 69%,rgba(0,0,0,.02) 80%,transparent 92%);mask-image:radial-gradient(ellipse 94% 88% at 51% 44%,#000 17%,rgba(0,0,0,.76) 33%,rgba(0,0,0,.36) 51%,rgba(0,0,0,.1) 69%,rgba(0,0,0,.02) 80%,transparent 92%)}.photo-travel-small img{object-position:center 39%;filter:brightness(.9) saturate(.94)}.photo-travel-small::after{background:radial-gradient(ellipse 91% 84% at 51% 44%,transparent 17%,rgba(3,11,18,.18) 36%,rgba(3,11,18,.5) 57%,rgba(3,11,18,.84) 77%,var(--ink) 92%)}
.photo-travel-main .plate-censor{position:absolute;z-index:5;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:blur(.62cqw) saturate(.65) contrast(.8);clip-path:inset(56.5% 50% 34.2% 41% round .45cqw)}

/* Feinschliff: weichere Bildinseln, präziser Kennzeichenschutz und Familiencopy in der Kurve */
.photo-harz-small{
  -webkit-mask-image:radial-gradient(ellipse 90% 84% at 53% 45%,#000 9%,rgba(0,0,0,.73) 27%,rgba(0,0,0,.33) 44%,rgba(0,0,0,.075) 60%,rgba(0,0,0,.015) 71%,transparent 82%);
  mask-image:radial-gradient(ellipse 90% 84% at 53% 45%,#000 9%,rgba(0,0,0,.73) 27%,rgba(0,0,0,.33) 44%,rgba(0,0,0,.075) 60%,rgba(0,0,0,.015) 71%,transparent 82%)
}
.photo-harz-small::after{
  background:radial-gradient(ellipse 88% 81% at 53% 45%,transparent 9%,rgba(3,11,18,.23) 29%,rgba(3,11,18,.58) 48%,rgba(3,11,18,.88) 66%,var(--ink) 82%),linear-gradient(180deg,rgba(3,11,18,.08),transparent 29%,rgba(3,11,18,.3) 53%,rgba(3,11,18,.8) 72%,var(--ink) 88%)
}
.photo-travel-small{
  -webkit-mask-image:radial-gradient(ellipse 90% 82% at 51% 44%,#000 9%,rgba(0,0,0,.71) 26%,rgba(0,0,0,.31) 43%,rgba(0,0,0,.07) 59%,rgba(0,0,0,.014) 70%,transparent 82%);
  mask-image:radial-gradient(ellipse 90% 82% at 51% 44%,#000 9%,rgba(0,0,0,.71) 26%,rgba(0,0,0,.31) 43%,rgba(0,0,0,.07) 59%,rgba(0,0,0,.014) 70%,transparent 82%)
}
.photo-travel-small::after{
  background:radial-gradient(ellipse 88% 80% at 51% 44%,transparent 9%,rgba(3,11,18,.24) 28%,rgba(3,11,18,.6) 47%,rgba(3,11,18,.89) 65%,var(--ink) 82%)
}
.photo-travel-main .plate-censor{
  filter:blur(.48cqw) saturate(.68) contrast(.82);
  clip-path:inset(59.3% 50.2% 34.7% 41.3% round .28cqw)
}
.family-copy{right:2.3cqw;top:.5cqw;width:31cqw}

/* Korrektur nach Sichtprüfung: Texte freistellen und Ellie-Porträt wieder öffnen */
.harz .section-copy{left:21.5cqw;top:3.2cqw;width:24.5cqw}
.photo-harz-small{
  -webkit-mask-image:radial-gradient(ellipse 94% 89% at 53% 45%,#000 20%,rgba(0,0,0,.9) 41%,rgba(0,0,0,.55) 59%,rgba(0,0,0,.18) 75%,rgba(0,0,0,.035) 87%,transparent 98%);
  mask-image:radial-gradient(ellipse 94% 89% at 53% 45%,#000 20%,rgba(0,0,0,.9) 41%,rgba(0,0,0,.55) 59%,rgba(0,0,0,.18) 75%,rgba(0,0,0,.035) 87%,transparent 98%)
}
.photo-harz-small img{filter:brightness(.98) saturate(.96)}
.photo-harz-small::after{
  background:radial-gradient(ellipse 93% 87% at 53% 45%,transparent 29%,rgba(3,11,18,.1) 49%,rgba(3,11,18,.31) 67%,rgba(3,11,18,.65) 84%,var(--ink) 98%),linear-gradient(180deg,transparent 50%,rgba(3,11,18,.1) 69%,rgba(3,11,18,.42) 86%,var(--ink) 100%)
}
.family-copy{right:6cqw;top:5.8cqw;width:31cqw}

/* Weiche Übergänge ohne sichtbare Rechteckkanten */
.photo-harz-small{
  -webkit-mask-image:radial-gradient(ellipse 92% 86% at 53% 45%,#000 21%,rgba(0,0,0,.9) 39%,rgba(0,0,0,.58) 57%,rgba(0,0,0,.24) 73%,rgba(0,0,0,.055) 86%,transparent 97%),linear-gradient(180deg,transparent 0,#000 17%,#000 82%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:radial-gradient(ellipse 92% 86% at 53% 45%,#000 21%,rgba(0,0,0,.9) 39%,rgba(0,0,0,.58) 57%,rgba(0,0,0,.24) 73%,rgba(0,0,0,.055) 86%,transparent 97%),linear-gradient(180deg,transparent 0,#000 17%,#000 82%,transparent 100%);
  mask-composite:intersect
}
.photo-harz-small::after{
  background:radial-gradient(ellipse 91% 84% at 53% 45%,transparent 32%,rgba(3,11,18,.13) 49%,rgba(3,11,18,.38) 66%,rgba(3,11,18,.75) 82%,var(--ink) 97%),linear-gradient(180deg,var(--ink) 0,rgba(3,11,18,.68) 8%,rgba(3,11,18,.18) 21%,transparent 38%,transparent 62%,rgba(3,11,18,.2) 76%,rgba(3,11,18,.72) 91%,var(--ink) 100%)
}
.photo-travel-main{
  -webkit-mask-image:radial-gradient(ellipse 94% 90% at 43% 48%,#000 24%,rgba(0,0,0,.88) 40%,rgba(0,0,0,.56) 57%,rgba(0,0,0,.25) 73%,rgba(0,0,0,.06) 87%,transparent 99%),linear-gradient(180deg,transparent 0,#000 13%,#000 84%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:radial-gradient(ellipse 94% 90% at 43% 48%,#000 24%,rgba(0,0,0,.88) 40%,rgba(0,0,0,.56) 57%,rgba(0,0,0,.25) 73%,rgba(0,0,0,.06) 87%,transparent 99%),linear-gradient(180deg,transparent 0,#000 13%,#000 84%,transparent 100%);
  mask-composite:intersect
}
.photo-travel-main::after{
  background:radial-gradient(ellipse 92% 87% at 43% 48%,transparent 27%,rgba(3,11,18,.12) 44%,rgba(3,11,18,.4) 62%,rgba(3,11,18,.76) 79%,var(--ink) 98%),linear-gradient(90deg,var(--ink) 0,rgba(3,11,18,.78) 9%,rgba(3,11,18,.24) 24%,transparent 42%,transparent 64%,rgba(3,11,18,.28) 78%,rgba(3,11,18,.76) 92%,var(--ink) 100%),linear-gradient(180deg,var(--ink) 0,rgba(3,11,18,.7) 8%,rgba(3,11,18,.2) 21%,transparent 36%,transparent 61%,rgba(3,11,18,.3) 76%,rgba(3,11,18,.78) 91%,var(--ink) 100%)
}
.travel .section-copy{top:2.8cqw}

/* Bildflächen erweitern: Gesichter aus den Kanten holen, Verläufe nach außen legen */
.harz .section-copy{left:20cqw;top:.45cqw;width:19.5cqw}
.photo-harz-small{
  left:-2.5cqw;top:17cqw;width:46cqw;height:31cqw;
  border-radius:48% 52% 46% 54% / 20% 24% 30% 26%;
  -webkit-mask-image:radial-gradient(ellipse 94% 88% at 51% 45%,#000 28%,rgba(0,0,0,.9) 44%,rgba(0,0,0,.6) 61%,rgba(0,0,0,.27) 76%,rgba(0,0,0,.06) 89%,transparent 100%),linear-gradient(180deg,transparent 0,#000 14%,#000 84%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:radial-gradient(ellipse 94% 88% at 51% 45%,#000 28%,rgba(0,0,0,.9) 44%,rgba(0,0,0,.6) 61%,rgba(0,0,0,.27) 76%,rgba(0,0,0,.06) 89%,transparent 100%),linear-gradient(180deg,transparent 0,#000 14%,#000 84%,transparent 100%);
  mask-composite:intersect
}
.photo-harz-small img{object-position:46% 39%;filter:brightness(.98) saturate(.96)}
.photo-harz-small::after{
  background:radial-gradient(ellipse 93% 86% at 51% 45%,transparent 38%,rgba(3,11,18,.1) 54%,rgba(3,11,18,.31) 69%,rgba(3,11,18,.68) 85%,var(--ink) 100%),linear-gradient(90deg,var(--ink) 0,rgba(3,11,18,.67) 7%,rgba(3,11,18,.18) 17%,transparent 29%,transparent 72%,rgba(3,11,18,.22) 83%,rgba(3,11,18,.7) 94%,var(--ink) 100%),linear-gradient(180deg,var(--ink) 0,rgba(3,11,18,.58) 7%,rgba(3,11,18,.12) 17%,transparent 29%,transparent 70%,rgba(3,11,18,.22) 82%,rgba(3,11,18,.72) 94%,var(--ink) 100%)
}
.photo-travel-small{
  right:-1.2cqw;top:16.5cqw;width:40.5cqw;height:30cqw;
  border-radius:52% 48% 55% 45% / 24% 20% 28% 32%;
  -webkit-mask-image:radial-gradient(ellipse 96% 91% at 51% 43%,#000 31%,rgba(0,0,0,.9) 49%,rgba(0,0,0,.58) 66%,rgba(0,0,0,.23) 81%,rgba(0,0,0,.05) 92%,transparent 100%);
  mask-image:radial-gradient(ellipse 96% 91% at 51% 43%,#000 31%,rgba(0,0,0,.9) 49%,rgba(0,0,0,.58) 66%,rgba(0,0,0,.23) 81%,rgba(0,0,0,.05) 92%,transparent 100%)
}
.photo-travel-small img{object-position:center 34%;filter:brightness(.96) saturate(.95)}
.photo-travel-small::after{
  background:radial-gradient(ellipse 94% 88% at 51% 43%,transparent 36%,rgba(3,11,18,.09) 53%,rgba(3,11,18,.29) 69%,rgba(3,11,18,.65) 85%,var(--ink) 100%),linear-gradient(180deg,var(--ink) 0,rgba(3,11,18,.48) 7%,rgba(3,11,18,.1) 16%,transparent 28%,transparent 72%,rgba(3,11,18,.22) 84%,rgba(3,11,18,.72) 95%,var(--ink) 100%)
}

/* Finale Positionskorrektur: Harz-Text freistellen und beide Porträtinseln öffnen */
.harz .section-copy{
  left:19cqw;
  top:-2.1cqw;
  width:19.5cqw
}
.photo-harz-small{
  left:-3cqw;
  top:16.2cqw;
  width:48cqw;
  height:32cqw;
  border-radius:0;
  -webkit-mask-image:radial-gradient(ellipse 99% 92% at 58% 44%,#000 32%,rgba(0,0,0,.94) 49%,rgba(0,0,0,.69) 66%,rgba(0,0,0,.34) 81%,rgba(0,0,0,.09) 92%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 86%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:radial-gradient(ellipse 99% 92% at 58% 44%,#000 32%,rgba(0,0,0,.94) 49%,rgba(0,0,0,.69) 66%,rgba(0,0,0,.34) 81%,rgba(0,0,0,.09) 92%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 86%,transparent 100%);
  mask-composite:intersect
}
.photo-harz-small img{
  object-position:48% 36%;
  filter:brightness(1.02) saturate(.96)
}
.photo-harz-small::after{
  background:radial-gradient(ellipse 98% 90% at 58% 44%,transparent 42%,rgba(3,11,18,.07) 57%,rgba(3,11,18,.24) 72%,rgba(3,11,18,.57) 87%,var(--ink) 100%),linear-gradient(90deg,var(--ink) 0,rgba(3,11,18,.55) 5%,rgba(3,11,18,.11) 14%,transparent 25%,transparent 82%,rgba(3,11,18,.14) 90%,rgba(3,11,18,.58) 97%,var(--ink) 100%),linear-gradient(180deg,var(--ink) 0,rgba(3,11,18,.48) 6%,rgba(3,11,18,.08) 15%,transparent 27%,transparent 74%,rgba(3,11,18,.16) 84%,rgba(3,11,18,.6) 95%,var(--ink) 100%)
}
.photo-travel-small{
  right:-1.5cqw;
  top:14.2cqw;
  width:42cqw;
  height:31.5cqw;
  border-radius:0;
  -webkit-mask-image:radial-gradient(ellipse 99% 93% at 52% 41%,#000 36%,rgba(0,0,0,.95) 53%,rgba(0,0,0,.71) 69%,rgba(0,0,0,.35) 83%,rgba(0,0,0,.09) 93%,transparent 100%);
  mask-image:radial-gradient(ellipse 99% 93% at 52% 41%,#000 36%,rgba(0,0,0,.95) 53%,rgba(0,0,0,.71) 69%,rgba(0,0,0,.35) 83%,rgba(0,0,0,.09) 93%,transparent 100%)
}
.photo-travel-small img{
  object-position:center 31%;
  filter:brightness(1.03) saturate(.96)
}
.photo-travel-small::after{
  background:radial-gradient(ellipse 98% 91% at 52% 41%,transparent 43%,rgba(3,11,18,.06) 58%,rgba(3,11,18,.22) 73%,rgba(3,11,18,.55) 87%,var(--ink) 100%),linear-gradient(180deg,var(--ink) 0,rgba(3,11,18,.39) 5%,rgba(3,11,18,.07) 14%,transparent 25%,transparent 77%,rgba(3,11,18,.16) 87%,rgba(3,11,18,.58) 96%,var(--ink) 100%)
}

/* Sunny-Foto: größere Bildinsel mit langem, schwarzem Auslauf statt Rechteckkante */
.photo-travel-small{
  right:-3.2cqw;
  top:12.4cqw;
  width:46cqw;
  height:38cqw;
  transform:none;
  -webkit-mask-image:radial-gradient(ellipse 99% 96% at 55% 39%,#000 30%,rgba(0,0,0,.84) 45%,rgba(0,0,0,.53) 61%,rgba(0,0,0,.25) 76%,rgba(0,0,0,.07) 89%,transparent 100%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.58) 10%,#000 21%,#000 61%,rgba(0,0,0,.68) 72%,rgba(0,0,0,.28) 84%,rgba(0,0,0,.06) 94%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:radial-gradient(ellipse 99% 96% at 55% 39%,#000 30%,rgba(0,0,0,.84) 45%,rgba(0,0,0,.53) 61%,rgba(0,0,0,.25) 76%,rgba(0,0,0,.07) 89%,transparent 100%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.58) 10%,#000 21%,#000 61%,rgba(0,0,0,.68) 72%,rgba(0,0,0,.28) 84%,rgba(0,0,0,.06) 94%,transparent 100%);
  mask-composite:intersect
}
.photo-travel-small img{
  object-position:center 30%;
  filter:brightness(1.02) saturate(.95)
}
.photo-travel-small::after{
  background:radial-gradient(ellipse 98% 94% at 55% 39%,transparent 39%,rgba(3,11,18,.08) 53%,rgba(3,11,18,.24) 67%,rgba(3,11,18,.48) 80%,rgba(3,11,18,.76) 91%,var(--ink) 100%),linear-gradient(90deg,var(--ink) 0,rgba(3,11,18,.54) 5%,rgba(3,11,18,.12) 14%,transparent 27%,transparent 84%,rgba(3,11,18,.18) 92%,rgba(3,11,18,.62) 98%,var(--ink) 100%),linear-gradient(180deg,var(--ink) 0,rgba(3,11,18,.5) 7%,rgba(3,11,18,.12) 18%,transparent 31%,transparent 58%,rgba(3,11,18,.13) 67%,rgba(3,11,18,.35) 78%,rgba(3,11,18,.67) 90%,var(--ink) 100%)
}

/* Sunny & Muzi: asymmetrische Bildinsel statt eingesetztem Rechteck */
.photo-travel-small{
  right:-1cqw;
  top:13.5cqw;
  width:50cqw;
  height:37cqw;
  transform:rotate(-.45deg);
  transform-origin:58% 45%;
  -webkit-mask-image:radial-gradient(ellipse 97% 91% at 58% 44%,#000 27%,rgba(0,0,0,.93) 42%,rgba(0,0,0,.69) 57%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.17) 81%,rgba(0,0,0,.05) 90%,transparent 99%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.38) 8%,#000 22%,#000 59%,rgba(0,0,0,.74) 70%,rgba(0,0,0,.37) 82%,rgba(0,0,0,.1) 92%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:radial-gradient(ellipse 97% 91% at 58% 44%,#000 27%,rgba(0,0,0,.93) 42%,rgba(0,0,0,.69) 57%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.17) 81%,rgba(0,0,0,.05) 90%,transparent 99%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.38) 8%,#000 22%,#000 59%,rgba(0,0,0,.74) 70%,rgba(0,0,0,.37) 82%,rgba(0,0,0,.1) 92%,transparent 100%);
  mask-composite:intersect
}
.photo-travel-small img{
  object-position:center 46%;
  filter:brightness(.98) saturate(.94)
}
.photo-travel-small::after{
  background:radial-gradient(ellipse 84% 76% at 60% 43%,transparent 28%,rgba(3,11,18,.1) 39%,rgba(3,11,18,.3) 52%,rgba(3,11,18,.56) 65%,rgba(3,11,18,.78) 77%,rgba(3,11,18,.93) 88%,var(--ink) 98%),linear-gradient(105deg,var(--ink) 0,rgba(3,11,18,.84) 8%,rgba(3,11,18,.48) 18%,rgba(3,11,18,.12) 29%,transparent 39%,transparent 72%,rgba(3,11,18,.2) 82%,rgba(3,11,18,.68) 93%,var(--ink) 100%),linear-gradient(180deg,var(--ink) 0,rgba(3,11,18,.72) 9%,rgba(3,11,18,.26) 20%,transparent 31%,transparent 53%,rgba(3,11,18,.18) 64%,rgba(3,11,18,.5) 77%,rgba(3,11,18,.82) 90%,var(--ink) 100%)
}
/* Live-Navigation exakt im Maßstab der Hauptseiten */
.mockup-header nav{top:2.25cqw;gap:4cqw;align-items:center}
.mockup-header nav a{position:relative;color:#d6d0c7;text-decoration:none;font:400 .78cqw/1 Arial,Helvetica,sans-serif;letter-spacing:.15em;white-space:nowrap;padding:.7cqw 0 1.2cqw}
.mockup-header nav a:hover,.mockup-header nav a.active{color:var(--gold2)}
.mockup-header nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:.3cqw;height:.08cqw;background:var(--gold)}
.closing-button{display:inline-block;margin-top:.7cqw;border:.1cqw solid var(--gold);padding:1.15cqw 2.5cqw;background:linear-gradient(180deg,rgba(15,30,38,.96),rgba(4,13,19,.98));color:var(--gold2);text-decoration:none;font:1.2cqw Georgia,"Times New Roman",serif;letter-spacing:.04em;box-shadow:0 0 2cqw rgba(205,139,47,.12);transition:transform .25s,background .25s,color .25s}
.closing-button:hover{background:linear-gradient(180deg,#d7a44f,#a66d25);color:#1f1306;transform:translateY(-.18cqw)}
.closing-back{display:block;margin-top:1cqw;color:#918a81;text-decoration:none;font-size:.8cqw}.closing-back:hover{color:var(--gold2)}
.photo>img:not(.plate-censor){cursor:zoom-in}.like{cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.like:hover{transform:translateY(-.15cqw);border-color:var(--gold2)}.like[aria-pressed="true"]{background:rgba(177,105,29,.82);border-color:#f0c574}.like[aria-pressed="true"] span{color:#fff1c7}
.lightbox[hidden]{display:none}.lightbox{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:5vw;background:rgba(0,4,8,.94);backdrop-filter:blur(12px)}.lightbox img{display:block;max-width:min(92vw,1200px);max-height:88vh;object-fit:contain;filter:drop-shadow(0 25px 55px #000)}.lightbox-close{position:fixed;z-index:2;right:24px;top:18px;width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;background:rgba(3,11,18,.85);color:var(--gold2);font:32px/1 Georgia,serif;cursor:pointer}.lightbox-open{overflow:hidden}
@media(max-width:720px){.mockup-board{width:100%;min-width:720px}}

/* Sichtbarer Live-Feinschliff: Hauptseiten-Navigation, Likes und Reisefoto-Vignetten */
.mockup-header{left:2.5cqw;right:4.2cqw;top:.5cqw;height:8.5cqw}
.mockup-logo{width:26cqw;height:9.2cqw}
.mockup-header nav{top:2.25cqw;gap:4cqw}
.mockup-header nav a{font-size:.92cqw;line-height:1;letter-spacing:.15em;padding:.7cqw 0 1.2cqw}
.closing-crown{display:block;width:5.8cqw;height:4.8cqw;object-fit:contain;margin:0 auto .2cqw;transform:none;filter:drop-shadow(0 0 .85cqw rgba(224,158,61,.58))}
.like{right:2.2cqw;bottom:2.1cqw;min-width:6.8cqw;min-height:3.5cqw;display:inline-flex;align-items:center;justify-content:center;gap:.65cqw;border:.16cqw solid #dca347;padding:.75cqw 1.15cqw;background:rgba(3,10,16,.9);color:#fff5e6;font:bold 1.18cqw/1 Arial,Helvetica,sans-serif;box-shadow:0 .7cqw 1.8cqw rgba(0,0,0,.7),inset 0 0 1.2cqw rgba(211,143,48,.16),0 0 1.35cqw rgba(222,157,61,.28)}
.like span{color:#efb75e;font-size:1.9cqw;line-height:1;text-shadow:0 0 .8cqw rgba(244,182,82,.9)}
.like:hover{transform:translateY(-.2cqw) scale(1.05);background:rgba(119,70,21,.94);border-color:#f2c979}
.like[aria-pressed="true"]{background:linear-gradient(180deg,#d39a45,#8f571c);color:#fff;border-color:#ffe0a2;box-shadow:0 0 1.6cqw rgba(240,176,73,.7)}
.photo-travel-main::after{background:radial-gradient(ellipse 84% 78% at 43% 48%,transparent 27%,rgba(3,11,18,.12) 39%,rgba(3,11,18,.35) 52%,rgba(3,11,18,.62) 66%,rgba(3,11,18,.84) 79%,var(--ink) 96%),linear-gradient(90deg,var(--ink) 0,rgba(3,11,18,.86) 8%,rgba(3,11,18,.46) 18%,rgba(3,11,18,.1) 31%,transparent 43%,transparent 61%,rgba(3,11,18,.23) 73%,rgba(3,11,18,.72) 89%,var(--ink) 100%),linear-gradient(180deg,var(--ink) 0,rgba(3,11,18,.76) 9%,rgba(3,11,18,.28) 21%,transparent 34%,transparent 59%,rgba(3,11,18,.3) 72%,rgba(3,11,18,.76) 89%,var(--ink) 100%)}
.photo-travel-small::after{background:radial-gradient(ellipse 80% 72% at 60% 43%,transparent 25%,rgba(3,11,18,.12) 36%,rgba(3,11,18,.38) 49%,rgba(3,11,18,.66) 63%,rgba(3,11,18,.86) 76%,rgba(3,11,18,.96) 88%,var(--ink) 98%),linear-gradient(105deg,var(--ink) 0,rgba(3,11,18,.88) 9%,rgba(3,11,18,.5) 19%,rgba(3,11,18,.12) 31%,transparent 42%,transparent 69%,rgba(3,11,18,.26) 80%,rgba(3,11,18,.74) 92%,var(--ink) 100%),linear-gradient(180deg,var(--ink) 0,rgba(3,11,18,.76) 9%,rgba(3,11,18,.3) 21%,transparent 33%,transparent 52%,rgba(3,11,18,.24) 64%,rgba(3,11,18,.58) 78%,rgba(3,11,18,.86) 91%,var(--ink) 100%)}

/* Finaler Abgleich mit „Gemeinsam wachsen“ */
.mockup-header nav{top:2.25cqw;gap:3.15cqw;align-items:center}
.mockup-header nav a{color:#eee7dc;font:400 1.1cqw/1.2 Georgia,"Times New Roman",serif;letter-spacing:.075em;padding:1.05cqw 0 1.5cqw}
.mockup-header nav a.active::after{bottom:.4cqw;height:.1cqw;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.thread-node{filter:url(#softGlow)}
.thread-node .node-core{fill:#ffe09b}
.thread-node path{fill:none;stroke:#f1bd68;stroke-width:.48;stroke-linecap:round;opacity:.86}
.like{z-index:12;right:2.6cqw;bottom:2.5cqw;min-width:8.4cqw;min-height:4.25cqw;gap:.8cqw;border:.2cqw solid #efb85c;padding:.85cqw 1.35cqw;background:rgba(2,8,13,.96);color:#fff8ec;font:bold 1.35cqw/1 Arial,Helvetica,sans-serif;box-shadow:0 .8cqw 2cqw rgba(0,0,0,.8),inset 0 0 1.5cqw rgba(230,163,67,.22),0 0 2cqw rgba(238,176,79,.46)}
.like span{color:#ffc66e;font-size:2.5cqw;text-shadow:0 0 1.15cqw rgba(255,194,98,1)}
.photo-travel-main{-webkit-mask-image:radial-gradient(ellipse 94% 90% at 43% 48%,#000 21%,rgba(0,0,0,.92) 36%,rgba(0,0,0,.66) 50%,rgba(0,0,0,.36) 63%,rgba(0,0,0,.14) 74%,rgba(0,0,0,.035) 84%,transparent 95%);mask-image:radial-gradient(ellipse 94% 90% at 43% 48%,#000 21%,rgba(0,0,0,.92) 36%,rgba(0,0,0,.66) 50%,rgba(0,0,0,.36) 63%,rgba(0,0,0,.14) 74%,rgba(0,0,0,.035) 84%,transparent 95%)}
.photo-travel-main::after{background:radial-gradient(ellipse 84% 78% at 43% 48%,transparent 23%,rgba(3,11,18,.14) 38%,rgba(3,11,18,.43) 54%,rgba(3,11,18,.72) 70%,rgba(3,11,18,.92) 84%,var(--ink) 97%),linear-gradient(180deg,var(--ink),rgba(3,11,18,.65) 10%,rgba(3,11,18,.12) 27%,transparent 39%,transparent 57%,rgba(3,11,18,.3) 72%,rgba(3,11,18,.82) 90%,var(--ink))}
.photo-travel-small{-webkit-mask-image:radial-gradient(ellipse 88% 82% at 60% 43%,#000 20%,rgba(0,0,0,.92) 35%,rgba(0,0,0,.64) 49%,rgba(0,0,0,.33) 62%,rgba(0,0,0,.11) 74%,rgba(0,0,0,.025) 84%,transparent 94%);mask-image:radial-gradient(ellipse 88% 82% at 60% 43%,#000 20%,rgba(0,0,0,.92) 35%,rgba(0,0,0,.64) 49%,rgba(0,0,0,.33) 62%,rgba(0,0,0,.11) 74%,rgba(0,0,0,.025) 84%,transparent 94%)}
.photo-travel-small::after{background:radial-gradient(ellipse 78% 70% at 60% 43%,transparent 23%,rgba(3,11,18,.15) 36%,rgba(3,11,18,.45) 51%,rgba(3,11,18,.73) 66%,rgba(3,11,18,.92) 82%,var(--ink) 97%),linear-gradient(180deg,var(--ink),rgba(3,11,18,.62) 11%,rgba(3,11,18,.12) 28%,transparent 39%,transparent 54%,rgba(3,11,18,.32) 70%,rgba(3,11,18,.82) 89%,var(--ink))}

/* Visueller 1:1-Abgleich: gleicher Desktop-Maßstab wie die Hauptseiten */
.mockup-board{width:min(1180px,100%)}
.mockup-board::after{z-index:5}
.mockup-header{z-index:50}
.like{z-index:12;background:linear-gradient(180deg,#efbd6a 0,#bd7a28 100%);border-color:#ffe0a1;color:#140c04;box-shadow:0 .8cqw 2cqw rgba(0,0,0,.88),inset 0 .12cqw .35cqw rgba(255,244,203,.65),0 0 2.25cqw rgba(244,181,82,.8)}
.like span{color:#241206;filter:drop-shadow(0 .08cqw .08cqw rgba(255,235,184,.7));text-shadow:none}
.photo-travel-main{-webkit-mask-image:radial-gradient(ellipse 99% 96% at 43% 48%,#000 18%,rgba(0,0,0,.94) 31%,rgba(0,0,0,.72) 44%,rgba(0,0,0,.46) 57%,rgba(0,0,0,.23) 69%,rgba(0,0,0,.08) 79%,rgba(0,0,0,.018) 87%,transparent 94%);mask-image:radial-gradient(ellipse 99% 96% at 43% 48%,#000 18%,rgba(0,0,0,.94) 31%,rgba(0,0,0,.72) 44%,rgba(0,0,0,.46) 57%,rgba(0,0,0,.23) 69%,rgba(0,0,0,.08) 79%,rgba(0,0,0,.018) 87%,transparent 94%)}
.photo-travel-main::after{background:radial-gradient(ellipse 89% 84% at 43% 48%,transparent 20%,rgba(3,11,18,.1) 34%,rgba(3,11,18,.32) 47%,rgba(3,11,18,.58) 61%,rgba(3,11,18,.8) 74%,rgba(3,11,18,.94) 85%,var(--ink) 96%),linear-gradient(180deg,var(--ink),rgba(3,11,18,.7) 9%,rgba(3,11,18,.18) 24%,transparent 37%,transparent 58%,rgba(3,11,18,.34) 73%,rgba(3,11,18,.86) 89%,var(--ink))}
.photo-travel-small{right:-.4cqw;top:18.2cqw;width:40cqw;height:29.5cqw;-webkit-mask-image:radial-gradient(ellipse 97% 92% at 58% 42%,#000 18%,rgba(0,0,0,.93) 30%,rgba(0,0,0,.7) 43%,rgba(0,0,0,.43) 56%,rgba(0,0,0,.2) 68%,rgba(0,0,0,.065) 78%,rgba(0,0,0,.012) 86%,transparent 93%);mask-image:radial-gradient(ellipse 97% 92% at 58% 42%,#000 18%,rgba(0,0,0,.93) 30%,rgba(0,0,0,.7) 43%,rgba(0,0,0,.43) 56%,rgba(0,0,0,.2) 68%,rgba(0,0,0,.065) 78%,rgba(0,0,0,.012) 86%,transparent 93%)}
.photo-travel-small img{object-position:center 42%}
.photo-travel-small::after{background:radial-gradient(ellipse 88% 80% at 58% 42%,transparent 20%,rgba(3,11,18,.1) 34%,rgba(3,11,18,.34) 48%,rgba(3,11,18,.62) 62%,rgba(3,11,18,.82) 75%,rgba(3,11,18,.95) 86%,var(--ink) 96%),linear-gradient(180deg,var(--ink),rgba(3,11,18,.66) 10%,rgba(3,11,18,.15) 25%,transparent 37%,transparent 54%,rgba(3,11,18,.34) 69%,rgba(3,11,18,.84) 87%,var(--ink))}

/* Finale Bildführung: sichtbare Likes und weich verbundene Fotostrecken */
.photo-hero{top:-1.4cqw;height:61.5cqw;-webkit-mask-image:radial-gradient(ellipse 96% 97% at 63% 45%,#000 24%,rgba(0,0,0,.92) 42%,rgba(0,0,0,.65) 61%,rgba(0,0,0,.3) 78%,rgba(0,0,0,.08) 90%,transparent 100%);mask-image:radial-gradient(ellipse 96% 97% at 63% 45%,#000 24%,rgba(0,0,0,.92) 42%,rgba(0,0,0,.65) 61%,rgba(0,0,0,.3) 78%,rgba(0,0,0,.08) 90%,transparent 100%)}
.photo-hero img{object-position:center 62%}
.photo-hero::after{background:radial-gradient(ellipse 90% 88% at 63% 45%,transparent 34%,rgba(3,11,18,.08) 54%,rgba(3,11,18,.33) 74%,rgba(3,11,18,.72) 91%,var(--ink) 100%),linear-gradient(90deg,var(--ink),rgba(3,11,18,.82) 9%,rgba(3,11,18,.32) 28%,transparent 49%),linear-gradient(180deg,rgba(3,11,18,.23),transparent 58%,rgba(3,11,18,.2) 76%,rgba(3,11,18,.72) 94%,var(--ink) 100%)}
.like{min-width:6.6cqw;min-height:3.25cqw;gap:.52cqw;padding:.58cqw .95cqw;border-width:.14cqw;font-size:1.05cqw;box-shadow:0 .55cqw 1.4cqw rgba(0,0,0,.82),inset 0 .1cqw .3cqw rgba(255,244,203,.6),0 0 1.35cqw rgba(244,181,82,.66)}
.like span{font-size:1.6cqw}
.photo-hero .like{right:4.5cqw;bottom:8.3cqw}
.photo-harz-main .like{right:4.5cqw;bottom:5.5cqw}
.photo-harz-small .like{right:4cqw;bottom:5.2cqw}
.photo-travel-main .like{right:6.5cqw;bottom:5.4cqw}
.photo-travel-small .like{right:4.2cqw;bottom:5.4cqw}
.photo-sport-main .like{right:4.5cqw;bottom:5.8cqw}
.photo-family-main .like{left:7cqw;right:auto;bottom:6.2cqw}
.photo-family-small .like{right:4cqw;bottom:4.5cqw}
.photo-harz-small::after{background:radial-gradient(ellipse 91% 84% at 53% 44%,transparent 21%,rgba(3,11,18,.18) 42%,rgba(3,11,18,.5) 62%,rgba(3,11,18,.84) 80%,var(--ink) 95%),linear-gradient(180deg,rgba(3,11,18,.68) 0,rgba(3,11,18,.2) 15%,transparent 34%,transparent 57%,rgba(71,31,13,.3) 70%,rgba(31,18,12,.72) 84%,var(--ink) 100%)}
.photo-travel-main::after{background:radial-gradient(ellipse 89% 84% at 43% 48%,transparent 21%,rgba(3,11,18,.1) 35%,rgba(3,11,18,.33) 49%,rgba(3,11,18,.6) 63%,rgba(3,11,18,.82) 77%,rgba(3,11,18,.95) 88%,var(--ink) 97%),linear-gradient(180deg,rgba(91,43,18,.62) 0,rgba(44,24,16,.54) 8%,rgba(3,11,18,.17) 24%,transparent 39%,transparent 58%,rgba(3,11,18,.35) 74%,rgba(3,11,18,.87) 90%,var(--ink) 100%)}
.photo-travel-small::after{background:radial-gradient(ellipse 88% 80% at 58% 42%,transparent 20%,rgba(3,11,18,.1) 34%,rgba(3,11,18,.34) 48%,rgba(3,11,18,.62) 62%,rgba(3,11,18,.84) 76%,rgba(3,11,18,.96) 88%,var(--ink) 97%),linear-gradient(180deg,var(--ink) 0,rgba(3,11,18,.58) 11%,rgba(3,11,18,.12) 26%,transparent 39%,transparent 53%,rgba(77,35,15,.28) 67%,rgba(37,21,14,.72) 82%,var(--ink) 100%)}
.photo-sport-main::after{background:radial-gradient(ellipse at 58% 47%,transparent 28%,rgba(3,11,18,.1) 49%,rgba(3,11,18,.42) 72%,rgba(3,11,18,.82) 91%,var(--ink) 100%),linear-gradient(90deg,var(--ink) 0,rgba(3,11,18,.7) 10%,rgba(3,11,18,.2) 30%,transparent 49%,transparent 69%,rgba(3,11,18,.58) 88%,var(--ink) 100%),linear-gradient(180deg,var(--ink) 0,rgba(60,29,15,.7) 10%,rgba(3,11,18,.22) 24%,transparent 37%,transparent 65%,rgba(3,11,18,.35) 82%,var(--ink) 100%)}

/* Likes liegen ausserhalb der Bildmasken und bleiben dadurch klar sichtbar. */
.moment>.like,.hero>.like{position:absolute;z-index:30;right:auto;bottom:auto;min-width:6.15cqw;min-height:2.9cqw;padding:.42cqw .9cqw;border-color:rgba(224,165,73,.95);background:rgba(3,10,15,.94);color:#f4c774;font-size:.96cqw;box-shadow:0 0 .55cqw rgba(220,153,48,.7),inset 0 0 .38cqw rgba(220,153,48,.2);filter:none}
.moment>.like span,.hero>.like span{font-size:1.38cqw;filter:drop-shadow(0 0 .3cqw rgba(255,194,92,.95))}
.hero>.like-hero{right:6.2cqw;top:43.7cqw}
.harz>.like-harz-main{right:4.8cqw;top:31.2cqw}
.harz>.like-harz-small{left:31.2cqw;top:32.7cqw}
.travel>.like-travel-main{left:56.5cqw;top:31.8cqw}
.travel>.like-travel-small{right:5.2cqw;top:31.7cqw}
.sport>.like-sport-main{right:5.2cqw;top:33.3cqw}
.family>.like-family-main{left:56.2cqw;top:31.7cqw}
.family>.like-family-small{right:6.2cqw;top:39.1cqw}

/* Oberes Motiv sichtbar nach oben ziehen, die Navigation bleibt frei. */
.photo-hero img{transform:translateY(-4.1cqw)!important}

/* Schwarzer, warmer Schleier verbindet Auto, Sunny/Elli und Sport weich. */
.travel .photo{z-index:5}
.travel::before,.travel::after{content:"";position:absolute;z-index:6;left:-2cqw;width:104cqw;height:12cqw;pointer-events:none}
.travel::before{top:-5.4cqw;background:linear-gradient(180deg,transparent 0%,rgba(2,7,11,.64) 30%,rgba(2,7,11,.96) 54%,rgba(2,7,11,.68) 73%,transparent 100%)}
.travel::after{bottom:-5.1cqw;background:linear-gradient(180deg,transparent 0%,rgba(2,7,11,.7) 31%,rgba(2,7,11,.98) 59%,rgba(2,7,11,.74) 77%,transparent 100%)}
.photo-travel-main,.photo-travel-small{-webkit-mask-image:radial-gradient(ellipse 78% 72% at 50% 49%,#000 46%,rgba(0,0,0,.97) 57%,rgba(0,0,0,.6) 75%,transparent 100%)!important;mask-image:radial-gradient(ellipse 78% 72% at 50% 49%,#000 46%,rgba(0,0,0,.97) 57%,rgba(0,0,0,.6) 75%,transparent 100%)!important}

/* Die Likes bleiben sichtbar, verdecken aber keine Gesichter. */
.harz>.like-harz-small{left:32cqw;top:40.5cqw}
.travel>.like-travel-small{right:8cqw;top:39.4cqw}

/* Gewünschte finale Bild- und Like-Positionen. */
.photo-hero img{transform:translateY(-5.5cqw)!important}
.harz>.like-harz-small{left:4.8cqw;top:40.5cqw}
.travel>.like-travel-main{left:51.8cqw;top:31.8cqw}
.travel>.like-travel-small{right:1.2cqw;top:39.4cqw}

/*
 * Organische Fotokanten.
 * Zwei gekreuzte Transparenzverläufe sorgen auch in Safari dafür, dass jede
 * Außenkante wirklich unsichtbar wird. Der zusätzliche schwarze Schleier
 * nimmt den Bildern die rechteckige Form, ohne Gesichter oder Motive zu
 * verschlucken.
 */
.photo{
  background:transparent!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:100% 100%!important;
  mask-size:100% 100%!important;
}

.photo-hero,.photo-harz-main,.photo-travel-main,.photo-sport-main,.photo-family-main{
  -webkit-mask-image:
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.07) 5%,rgba(0,0,0,.32) 11%,rgba(0,0,0,.72) 19%,rgba(0,0,0,.95) 27%,#000 34%,#000 68%,rgba(0,0,0,.95) 76%,rgba(0,0,0,.68) 84%,rgba(0,0,0,.28) 92%,transparent 100%),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 5%,rgba(0,0,0,.34) 12%,rgba(0,0,0,.75) 20%,rgba(0,0,0,.96) 28%,#000 34%,#000 67%,rgba(0,0,0,.94) 75%,rgba(0,0,0,.64) 84%,rgba(0,0,0,.24) 92%,transparent 100%)!important;
  -webkit-mask-composite:source-in!important;
  mask-image:
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.07) 5%,rgba(0,0,0,.32) 11%,rgba(0,0,0,.72) 19%,rgba(0,0,0,.95) 27%,#000 34%,#000 68%,rgba(0,0,0,.95) 76%,rgba(0,0,0,.68) 84%,rgba(0,0,0,.28) 92%,transparent 100%),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 5%,rgba(0,0,0,.34) 12%,rgba(0,0,0,.75) 20%,rgba(0,0,0,.96) 28%,#000 34%,#000 67%,rgba(0,0,0,.94) 75%,rgba(0,0,0,.64) 84%,rgba(0,0,0,.24) 92%,transparent 100%)!important;
  mask-composite:intersect!important;
}

.photo-harz-small,.photo-travel-small,.photo-family-small{
  -webkit-mask-image:
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 5%,rgba(0,0,0,.35) 12%,rgba(0,0,0,.76) 20%,rgba(0,0,0,.96) 28%,#000 35%,#000 68%,rgba(0,0,0,.94) 76%,rgba(0,0,0,.62) 85%,rgba(0,0,0,.22) 93%,transparent 100%),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 5%,rgba(0,0,0,.34) 12%,rgba(0,0,0,.74) 20%,rgba(0,0,0,.96) 29%,#000 36%,#000 65%,rgba(0,0,0,.93) 74%,rgba(0,0,0,.6) 84%,rgba(0,0,0,.2) 92%,transparent 100%)!important;
  -webkit-mask-composite:source-in!important;
  mask-image:
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 5%,rgba(0,0,0,.35) 12%,rgba(0,0,0,.76) 20%,rgba(0,0,0,.96) 28%,#000 35%,#000 68%,rgba(0,0,0,.94) 76%,rgba(0,0,0,.62) 85%,rgba(0,0,0,.22) 93%,transparent 100%),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 5%,rgba(0,0,0,.34) 12%,rgba(0,0,0,.74) 20%,rgba(0,0,0,.96) 29%,#000 36%,#000 65%,rgba(0,0,0,.93) 74%,rgba(0,0,0,.6) 84%,rgba(0,0,0,.2) 92%,transparent 100%)!important;
  mask-composite:intersect!important;
}

.photo-hero::after,.photo-harz-main::after,.photo-travel-main::after,.photo-sport-main::after,.photo-family-main::after{
  background:
    radial-gradient(ellipse 82% 76% at 52% 47%,transparent 38%,rgba(3,11,18,.08) 50%,rgba(3,11,18,.28) 64%,rgba(3,11,18,.58) 78%,rgba(3,11,18,.88) 91%,var(--ink) 100%),
    linear-gradient(180deg,rgba(3,11,18,.76) 0%,rgba(3,11,18,.2) 16%,transparent 34%,transparent 65%,rgba(3,11,18,.24) 81%,rgba(3,11,18,.82) 100%)!important;
}

.photo-harz-small::after,.photo-travel-small::after,.photo-family-small::after{
  background:
    radial-gradient(ellipse 78% 70% at 53% 45%,transparent 34%,rgba(3,11,18,.1) 46%,rgba(3,11,18,.32) 60%,rgba(3,11,18,.62) 75%,rgba(3,11,18,.9) 89%,var(--ink) 100%),
    linear-gradient(180deg,rgba(3,11,18,.62) 0%,rgba(3,11,18,.15) 17%,transparent 35%,transparent 62%,rgba(3,11,18,.25) 79%,rgba(3,11,18,.8) 100%)!important;
}

/* Breite, unregelmäßige schwarze Schleier verbinden die Bildgruppen. */
.travel::before,.travel::after{height:18cqw}
.travel::before{top:-8cqw;background:radial-gradient(ellipse 76% 70% at 43% 52%,rgba(2,7,11,.94) 0%,rgba(2,7,11,.72) 31%,rgba(2,7,11,.34) 58%,transparent 100%)}
.travel::after{bottom:-8cqw;background:radial-gradient(ellipse 80% 72% at 58% 48%,rgba(2,7,11,.95) 0%,rgba(2,7,11,.74) 32%,rgba(2,7,11,.35) 60%,transparent 100%)}

/*
 * Ellie und Sunny: keine gedrehten, dunklen Bildplatten mehr.
 * Beide Motive verwenden nun denselben ruhigen Vierseiten-Verlauf wie die
 * beiden oberen Bilder. Nur der Bildinhalt bleibt an seiner bisherigen Stelle.
 */
.photo-harz-small,.photo-travel-small{
  transform:none!important;
  -webkit-mask-image:
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.07) 5%,rgba(0,0,0,.32) 11%,rgba(0,0,0,.72) 19%,rgba(0,0,0,.95) 27%,#000 34%,#000 68%,rgba(0,0,0,.95) 76%,rgba(0,0,0,.68) 84%,rgba(0,0,0,.28) 92%,transparent 100%),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 5%,rgba(0,0,0,.34) 12%,rgba(0,0,0,.75) 20%,rgba(0,0,0,.96) 28%,#000 34%,#000 67%,rgba(0,0,0,.94) 75%,rgba(0,0,0,.64) 84%,rgba(0,0,0,.24) 92%,transparent 100%)!important;
  -webkit-mask-composite:source-in!important;
  mask-image:
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.07) 5%,rgba(0,0,0,.32) 11%,rgba(0,0,0,.72) 19%,rgba(0,0,0,.95) 27%,#000 34%,#000 68%,rgba(0,0,0,.95) 76%,rgba(0,0,0,.68) 84%,rgba(0,0,0,.28) 92%,transparent 100%),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 5%,rgba(0,0,0,.34) 12%,rgba(0,0,0,.75) 20%,rgba(0,0,0,.96) 28%,#000 34%,#000 67%,rgba(0,0,0,.94) 75%,rgba(0,0,0,.64) 84%,rgba(0,0,0,.24) 92%,transparent 100%)!important;
  mask-composite:intersect!important;
}

.photo-harz-small::after,.photo-travel-small::after{
  background:
    radial-gradient(ellipse 82% 76% at 52% 47%,transparent 38%,rgba(3,11,18,.08) 50%,rgba(3,11,18,.28) 64%,rgba(3,11,18,.58) 78%,rgba(3,11,18,.88) 91%,var(--ink) 100%),
    linear-gradient(180deg,rgba(3,11,18,.35) 0%,rgba(3,11,18,.08) 17%,transparent 34%,transparent 66%,rgba(3,11,18,.12) 82%,rgba(3,11,18,.48) 100%)!important;
}

/* Die abschnittsbreiten Schleier lagen als schwarze Balken über den Gesichtern. */
.travel::before,.travel::after{content:none!important;display:none!important}

/* Elli-Foto: Motiv etwas weiter nach links, Gestaltung unverändert. */
.photo-harz-small{left:-5.5cqw}

/* Ruhiges Scroll-Enthüllen: Positionen und Bildmasken bleiben unangetastet. */
.scroll-reveal{
  opacity:0;
  transition-property:opacity,filter,translate;
  transition-duration:.95s;
  transition-timing-function:cubic-bezier(.22,.72,.2,1);
  transition-delay:var(--reveal-delay,0ms);
  will-change:opacity,filter,translate
}
.scroll-reveal.reveal-copy{translate:0 1.2cqw}
.scroll-reveal.reveal-photo{filter:brightness(.72) blur(2px)}
.scroll-reveal.reveal-like{translate:0 .7cqw}
.scroll-reveal.is-visible{opacity:1;filter:none;translate:0 0}

@media (max-width:700px){
  .scroll-reveal{transition-duration:.72s}
  .scroll-reveal.reveal-copy{translate:0 .8cqw}
}

@media (prefers-reduced-motion:reduce){
  .scroll-reveal{opacity:1!important;filter:none!important;translate:0 0!important;transition:none!important}
}