.story-head{position:relative;padding:clamp(40px,7vw,90px) 0 clamp(70px,9vw,130px);overflow:hidden}.story-head__grid{display:grid;gap:clamp(40px,6vw,80px);align-items:center}@media(min-width:1000px){.story-head__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}.story-head__title{margin-bottom:.35em}.story-head__title span{display:block}.story-head__title span:nth-child(2){color:var(--red)}.story-head__text p:not(.eyebrow){max-width:560px;font-size:clamp(18px,1.8vw,21px);color:#333}.quote-card{margin:28px 0 0;padding:22px 0 0;border-top:3px solid var(--red);max-width:520px}.quote-card blockquote{margin:0;font-size:clamp(30px,3.6vw,44px);font-weight:800;line-height:1;text-transform:uppercase}.quote-card figcaption{margin-top:10px;font-size:16px;color:#666}.trio{position:relative;aspect-ratio:1 / 1.05;max-width:640px;margin-inline:auto;width:100%}.trio figure{position:absolute;margin:0;overflow:hidden;box-shadow:0 24px 60px #00000038}.trio img{width:100%;height:100%;object-fit:cover}.trio figcaption{position:absolute;left:0;bottom:0;padding:8px 12px 6px;background:#111;color:#fff;font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.trio__a{left:0;top:0;width:56%;aspect-ratio:1314 / 1885;z-index:1}.trio__b{right:0;top:18%;width:58%;aspect-ratio:4 / 3;z-index:2}.trio__c{left:22%;bottom:0;width:50%;aspect-ratio:4 / 3;z-index:3}.trio__b figcaption,.trio__c figcaption{background:var(--red)}.era{position:relative;padding-top:clamp(30px,5vw,60px);margin-bottom:clamp(36px,5vw,60px)}.era__word{display:block;margin:0 0 -.18em;font-size:clamp(76px,17vw,230px);font-weight:800;line-height:.8;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px var(--red);letter-spacing:-.01em}.era__title{margin:0;font-size:clamp(28px,3.6vw,48px);font-weight:800;line-height:1;text-transform:uppercase}.era--light .era__word{-webkit-text-stroke-color:rgba(255,255,255,.55)}.era--light .era__title{color:#fff}.chron-panel{position:relative;z-index:2;background:#fff;padding-bottom:clamp(40px,6vw,80px)}.chapter{--sep: 1;display:grid;gap:34px;padding-block:clamp(40px,6vw,90px);scroll-margin-top:calc(var(--hdr-h) + 20px)}.chapter+.chapter{border-top:1px solid #e5e5e5}@media(min-width:900px){.chapter{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,6vw,90px);align-items:start}.chapter--flip .chapter__media{order:-1}.chapter__text{position:sticky;top:calc(var(--hdr-h) + 40px)}}@media(min-width:1180px){.chron-panel .wrap{padding-left:calc(var(--gutter) + 120px)}}.chapter__year{margin:0;font-size:clamp(72px,10vw,140px);font-weight:800;line-height:.85;letter-spacing:-.02em;color:var(--red);font-variant-numeric:tabular-nums}.chapter__period{margin:12px 0 4px;font-size:16px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#777}.chapter__title{margin:0 0 .6em;font-size:clamp(26px,2.8vw,36px);font-weight:800;line-height:1.02;text-transform:uppercase}.chapter__text p:not([class]){font-size:clamp(18px,1.6vw,20px);color:#333}.collage{position:relative;margin-bottom:14%}.collage__main{position:relative;overflow:hidden;aspect-ratio:4 / 3;background:#eee}.collage__main--tall{aspect-ratio:4 / 5}.collage img{width:100%;height:100%;object-fit:cover}.collage__sub{position:absolute;right:-4%;bottom:-16%;width:46%;aspect-ratio:4 / 5;overflow:hidden;border:8px solid #fff;box-shadow:0 20px 50px #00000040;background:#eee}.collage__sub--wide{aspect-ratio:4 / 3;width:52%}@media(max-width:899px){.collage__sub{right:0}}.collage .ph{position:absolute;top:0;right:0;bottom:0;left:0}.collage .collage__can{position:absolute;z-index:3;left:-7%;bottom:-14%;width:24%;height:auto;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.3))}.compare{position:relative;overflow:hidden;aspect-ratio:1314 / 1885;max-height:78vh;margin-inline:auto;--pos: 50%;-webkit-user-select:none;user-select:none;touch-action:pan-y}.compare img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:none}.compare__old{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.compare__old img{filter:sepia(.8) contrast(1.05)}.compare__line{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 12px #0006;pointer-events:none}.compare__knob{position:absolute;top:50%;left:var(--pos);width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-size:22px;font-weight:800;box-shadow:0 6px 20px #00000059;pointer-events:none}.compare__label{position:absolute;top:14px;padding:7px 11px 5px;background:#111;color:#fff;font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}.compare__label--old{left:14px}.compare__label--new{right:14px;background:var(--red)}.compare input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.compare-hint{margin:10px 0 0;font-size:15px;color:#777;text-align:center}.chapter__gen{margin:-.3em 0 1.1em;font-size:15px;color:#888}.chapter__gen b{font-weight:800;color:#555}.chron-nav{position:fixed;z-index:60;opacity:0;pointer-events:none;transition:opacity .35s}.chron-nav.is-on{opacity:1;pointer-events:auto}.chron-nav ol{list-style:none;margin:0;padding:0}.chron-nav a{text-decoration:none;color:inherit}@media(min-width:1180px){.chron-nav{left:max(16px,calc((100vw - var(--maxw)) / 2 + var(--gutter) - 10px));top:50%;transform:translateY(-50%)}.chron-nav ol{position:relative;display:grid;gap:14px;padding-left:18px}.chron-nav ol:before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:2px;background:#e2e2e2}.chron-nav li{position:relative}.chron-nav li:before{content:"";position:absolute;left:-18px;top:5px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #bbb;transition:background .25s,border-color .25s,transform .25s}.chron-nav a{display:block;font-size:15px;font-weight:800;color:#999;letter-spacing:.04em;transition:color .25s}.chron-nav li.is-active:before{background:var(--red);border-color:var(--red);transform:scale(1.3)}.chron-nav li.is-active a,.chron-nav a:hover{color:var(--red)}.chron-nav__now{display:none}}@media(max-width:1179px){.chron-nav{left:12px;right:12px;bottom:12px;padding:10px 14px 8px;background:#111;color:#fff;box-shadow:0 10px 30px #0000004d}.chron-nav ol{display:flex;gap:4px;margin-top:8px}.chron-nav li{flex:1;height:3px;background:#444}.chron-nav li.is-active,.chron-nav li.is-past{background:var(--red)}.chron-nav li a{display:block;height:18px;margin-top:-8px;font-size:0}.chron-nav__now{display:flex;gap:10px;align-items:baseline;font-size:15px;font-weight:800;text-transform:uppercase}.chron-nav__now b{flex:0 0 auto;white-space:nowrap;color:var(--red);letter-spacing:.04em}.chron-nav__now span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.chron-panel--dark{background:#0b0b0b;color:#fff;transition:background-color .6s}.chron-panel--dark .era__title,.chron-panel--dark .chapter__title{color:var(--red)}.chron-panel--dark .chapter+.chapter{border-top-color:#ffffff24}.chron-panel--dark .chapter__text p:not([class]){color:#ffffffe6}.chron-panel--dark .chapter__period{color:#fff9}.chron-panel--dark .chapter__gen{color:#ffffff8c}.chron-panel--dark .chapter__gen b{color:#ffffffd9}.chron-panel--dark .compare-hint{color:#fff9}.chron-panel--dark .collage__main,.chron-panel--dark .collage__sub{background:#222}.chron-panel--dark .collage__sub{border-color:#0b0b0b}@media(min-width:1180px){#gestern:has(.chron-panel--dark) .chron-nav ol:before{background:#ffffff40}#gestern:has(.chron-panel--dark) .chron-nav li:before{background:#0b0b0b;border-color:#ffffff80}#gestern:has(.chron-panel--dark) .chron-nav a{color:#fff9}}#gestern{position:relative}.chron-video-track{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;visibility:hidden}#gestern.is-video .chron-video-track{visibility:visible}.chron-video{position:sticky;top:var(--hdr-h);height:calc(100vh - var(--hdr-h));max-height:100%;overflow:hidden;background:#000}.chron-video__frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.chron-video__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}#gestern.is-video .chron-panel{background:#0000009e}#gestern.is-video .chron-panel:not(.chron-panel--dark){color:#fff}.chron-video-teaser{display:grid;gap:22px 40px;align-items:center;margin-bottom:clamp(20px,4vw,50px)}@media(min-width:900px){.chron-video-teaser{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.chron-video-teaser__play{position:relative;display:block;width:100%;aspect-ratio:16 / 9;padding:0;border:0;overflow:hidden;background:#1a1a1a;cursor:pointer}.chron-video-teaser__play img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),opacity .3s}.chron-video-teaser__play:hover img{transform:scale(1.03)}.chron-video-teaser__icon{position:absolute;top:50%;left:50%;width:clamp(64px,9vw,96px);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;box-shadow:0 10px 40px #00000073;transition:transform .25s var(--ease)}.chron-video-teaser__icon svg{width:42%;height:42%;margin-left:6%;fill:currentColor}.chron-video-teaser__play:hover .chron-video-teaser__icon{transform:translate(-50%,-50%) scale(1.08)}.chron-video-teaser__play:focus-visible{outline:3px solid var(--red);outline-offset:4px}.chron-video-teaser__title{margin:0 0 .5em;font-size:clamp(26px,2.8vw,36px);font-weight:800;line-height:1.02;text-transform:uppercase;color:var(--red)}.chron-video-teaser__lead p{font-size:clamp(18px,1.6vw,20px)}.chron-video-teaser__status{margin:0;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.chron-video-teaser__status:empty{display:none}.chron-video-teaser__note{margin:14px 0 0;font-size:14px;opacity:.65}#gestern.is-video .chron-video-teaser__play{opacity:.35}.chron-video-controls{position:fixed;z-index:61;right:16px;bottom:16px;display:flex;gap:8px}@media(max-width:1179px){.chron-video-controls{bottom:92px}}.chron-video-controls__btn{padding:12px 18px 10px;border:0;background:#fff;color:#111;cursor:pointer;font:inherit;font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 8px 24px #00000059}.chron-video-controls__btn--stop{background:var(--red);color:#fff}@media(max-width:599px){.chron-video-controls{right:12px;gap:6px}.chron-video-controls__btn{padding:8px 12px 6px;font-size:13px}}.chron-video-controls__btn:focus-visible{outline:3px solid var(--red);outline-offset:3px}.today{position:relative;z-index:2;padding-top:clamp(60px,8vw,110px);background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}.today__grid{display:grid;gap:clamp(36px,5vw,70px);align-items:center}@media(min-width:900px){.today__grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}.today__text p{font-size:clamp(18px,1.6vw,20px);color:#333}.today__img{position:relative;overflow:hidden;aspect-ratio:4 / 3}.today__img img{width:100%;height:100%;object-fit:cover}.tomorrow{margin-top:clamp(70px,10vw,140px);padding:clamp(10px,3vw,30px) 0 clamp(70px,9vw,120px);background:#0d0d0f;color:#fff}.tomorrow__text p{max-width:680px;font-size:clamp(18px,1.6vw,21px);color:#ffffffd9}.gens{--g: 0;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:clamp(40px,6vw,70px) 0;list-style:none;padding:0}.gens:before,.gens:after{content:"";position:absolute;left:10%;right:10%;top:27px;height:3px;background:#333}.gens:after{background:var(--red);transform-origin:left;transform:scaleX(var(--g))}.gens li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:4px}.gens i{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;margin-bottom:14px;background:#0d0d0f;border:3px solid #555;font-style:normal;font-size:22px;font-weight:800;transition:background .4s,border-color .4s}.gens li.is-lit i{background:var(--red);border-color:var(--red)}.gens li:last-child i{border-style:dashed;border-color:#fff;animation:grow 2.4s infinite var(--ease)}@keyframes grow{50%{transform:scale(1.1)}}.gens b{font-size:clamp(13px,1.5vw,18px);text-transform:uppercase;line-height:1.1}.gens small{display:block;margin-top:4px;font-size:clamp(12px,1.2vw,15px);color:#999}.big-quote{margin:clamp(40px,7vw,90px) 0 0}.big-quote blockquote{margin:0;font-size:clamp(54px,11vw,160px);font-weight:800;line-height:.88;text-transform:uppercase}.big-quote blockquote span{display:inline-block;opacity:.14;transition:opacity .25s,color .25s}.big-quote blockquote span.is-on{opacity:1}.big-quote blockquote span.is-red{color:var(--red)}.big-quote figcaption{margin-top:18px;font-size:18px;color:#aaa}.story-end{padding-block:clamp(60px,9vw,120px)}.story-end__box{display:grid;gap:22px;padding:clamp(26px,4vw,50px);border:2px solid #111}@media(min-width:900px){.story-end__box{grid-template-columns:1fr auto;align-items:end}}.story-end h2{margin:0 0 .4em;font-size:clamp(28px,3.4vw,44px);font-weight:800;line-height:1;text-transform:uppercase}.story-end p{margin:0;max-width:680px;font-size:clamp(18px,1.6vw,20px);color:#333}
/*# sourceMappingURL=/cdn/shop/t/1/assets/hk-geschichte.css.map */