/* Ein Hintergrund für vier Landschaften: keine separaten Trenner oder Fototapeten. */
.v9-world{--chapter-height:clamp(800px,75vw,1100px);position:relative;isolation:isolate;background:#172019;color:var(--c-ink);overflow:hidden}
.v9-world__landscape{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:fill;z-index:-3;pointer-events:none}
.v9-world::after{content:'';position:absolute;inset:auto 0 0;height:210px;background:linear-gradient(transparent,#000);pointer-events:none;z-index:1}
.v9-world__chapters{position:relative}
.v9-chapter{height:var(--chapter-height);position:relative;display:flex;align-items:center;padding-block:90px;isolation:isolate}
.v9-chapter__shade{position:absolute;inset:-1px 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 17% 46%,rgba(0,0,0,.7),rgba(0,0,0,.42) 36%,transparent 75%)}
.v9-chapter:nth-child(even) .v9-chapter__shade{background:radial-gradient(ellipse at 82% 46%,rgba(0,0,0,.68),rgba(0,0,0,.34) 35%,transparent 76%)}
.v9-chapter__shade{mask-image:linear-gradient(transparent,#000 15%,#000 76%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 76%,transparent)}
.v9-chapter__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(50px,9vw,150px);align-items:center;position:relative}
.v9-chapter__copy{max-width:565px;position:relative;z-index:2;padding-block:30px}
.v9-chapter h2{font-size:clamp(47px,5.9vw,88px);letter-spacing:-.045em;line-height:1.03;max-width:12ch;text-wrap:balance;text-shadow:0 3px 28px #0002}
.v9-chapter p{font-size:18px;line-height:1.7;color:var(--c-ink);max-width:43ch;margin:26px 0 30px;text-shadow:0 1px 14px #0005}
.v9-chapter .btn{background:var(--c-ink);color:var(--c-ink-dark);border:0;min-height:55px;gap:22px;padding-inline:25px}
.v9-chapter .btn:hover{background:var(--c-accent)}
.v9-chapter:nth-child(even) .v9-chapter__copy{grid-column:2;grid-row:1;justify-self:end}
.v9-travel-photo{position:relative;display:block;padding:0;background:#0004;border:1px solid #ffffff30;border-radius:8px;overflow:hidden;width:100%;max-width:385px;aspect-ratio:1.45;justify-self:end;align-self:end;margin:0 0 14px;cursor:zoom-in;box-shadow:0 18px 40px #0004;text-align:left;color:var(--c-ink);font:500 13px/1.5 var(--t-body);transform:translateY(75px)}
.v9-travel-photo>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.v9-travel-photo:hover>img{transform:scale(1.025)}
.v9-travel-photo>span{position:absolute;left:0;right:0;bottom:0;padding:45px 20px 17px;background:linear-gradient(transparent,rgba(0,0,0,.8));display:flex;align-items:center;gap:12px;justify-content:space-between}
.v9-photo-zoom{display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;width:32px;height:32px;font-size:20px;flex:none}
.v9-chapter:nth-child(even) .v9-travel-photo{grid-column:1;grid-row:1;justify-self:start}
.v9-chapter--baltikum .v9-chapter__copy{padding-bottom:60px}
.v9-world__note{position:absolute;left:var(--gutter);right:var(--gutter);bottom:26px;z-index:3;margin:0;text-align:center;color:var(--c-ink-2);font-size:11px;line-height:1.5}
.home .v2-about{padding-top:55px}
@media(min-width:1600px){.v9-world{--chapter-height:1200px}.v9-travel-photo{max-width:430px}}
@media(max-width:1100px){
 .v9-world{--chapter-height:820px}.v9-chapter__inner{gap:60px}.v9-chapter h2{font-size:58px}.v9-chapter p{font-size:17px}.v9-travel-photo{max-width:315px;transform:translateY(100px);font-size:12px}
}
@media(max-width:760px){
 .v9-world{--chapter-height:870px}
 .v9-world__landscape{width:calc(var(--chapter-height)*4/3);left:50%;transform:translateX(-50%);object-fit:fill}
 .v9-chapter{padding:110px 0 100px;align-items:center}
 .v9-chapter__inner{grid-template-columns:1fr;gap:28px;align-items:start}
 .v9-chapter__copy,.v9-chapter:nth-child(even) .v9-chapter__copy{grid-column:1;grid-row:1;justify-self:start;max-width:100%;padding:0}
 .v9-chapter h2{font-size:clamp(43px,11vw,66px);max-width:13ch;line-height:1.05}
 .v9-chapter p{font-size:16px;line-height:1.7;margin:22px 0 24px;max-width:36ch}
 .v9-chapter .btn{font-size:14px;min-height:51px;padding-inline:22px}
 .v9-travel-photo,.v9-chapter:nth-child(even) .v9-travel-photo{grid-row:2;grid-column:1;justify-self:end;align-self:auto;transform:none;margin:0;max-width:245px;aspect-ratio:1.5;border-radius:6px;font-size:11px}
 .v9-travel-photo>span{padding:35px 13px 12px}.v9-photo-zoom{width:28px;height:28px;font-size:17px}
 .v9-chapter__shade,.v9-chapter:nth-child(even) .v9-chapter__shade{background:radial-gradient(ellipse at 25% 44%,rgba(0,0,0,.78),rgba(0,0,0,.53) 42%,rgba(0,0,0,.12) 76%)}
 .v9-chapter--pyrenaeen .v9-chapter__inner{padding-bottom:140px}.v9-chapter--baltikum .v9-chapter__inner{padding-bottom:100px}
 .v9-world__note{font-size:10px;bottom:25px;max-width:33ch;margin-inline:auto}.v9-world::after{height:165px}
 .home .v2-about{padding-top:25px}
}
@media(max-width:360px){.v9-world{--chapter-height:890px}.v9-chapter h2{font-size:42px}.v9-chapter p{font-size:15px}.v9-travel-photo{max-width:218px}}
@media(prefers-reduced-motion:reduce){.v9-travel-photo>img{transition:none}}

/* Leseruhe in der Mitte jeder Reise, Landschaftsübergänge bleiben ungedimmt. */
.v9-chapter__shade,.v9-chapter:nth-child(even) .v9-chapter__shade{
 background:linear-gradient(180deg,transparent 4%,rgba(0,0,0,.24) 23%,rgba(0,0,0,.64) 40%,rgba(0,0,0,.64) 63%,rgba(0,0,0,.2) 82%,transparent 98%),radial-gradient(ellipse at 20% 50%,rgba(0,0,0,.23),transparent 68%);
 mask-image:linear-gradient(transparent,#000 17%,#000 78%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 17%,#000 78%,transparent)
}
.v9-chapter:nth-child(even) .v9-chapter__shade{background:linear-gradient(180deg,transparent 4%,rgba(0,0,0,.24) 23%,rgba(0,0,0,.64) 40%,rgba(0,0,0,.64) 63%,rgba(0,0,0,.2) 82%,transparent 98%),radial-gradient(ellipse at 80% 50%,rgba(0,0,0,.23),transparent 68%)}
@media(max-width:760px){
 .v9-chapter__shade,.v9-chapter:nth-child(even) .v9-chapter__shade{background:linear-gradient(180deg,transparent 3%,rgba(0,0,0,.4) 20%,rgba(0,0,0,.72) 35%,rgba(0,0,0,.72) 66%,rgba(0,0,0,.28) 84%,transparent 98%)}
}