.mt-page{background:#efe3ca;color:#302820;overflow:clip}
.mt-hero{position:relative;isolation:isolate;min-height:860px;display:flex;align-items:center;background:#090807 url('../assets/mythologie-verstehen/mythologie-verstehen-hero-blank.webp') center/cover no-repeat;border-bottom:1px solid rgba(213,191,154,.12)}
.mt-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,6,5,.985) 0%,rgba(7,6,5,.94) 38%,rgba(7,6,5,.67) 61%,rgba(7,6,5,.47) 100%),linear-gradient(180deg,rgba(0,0,0,.15),transparent 60%,rgba(0,0,0,.55))}
.mt-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(180deg,transparent,#0b0a09);pointer-events:none}
.mt-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);gap:52px;align-items:center;padding-top:185px;padding-bottom:140px}
.mt-hero-copy{max-width:720px}.mt-hero-copy .eyebrow{margin-bottom:25px}
.mt-hero h1{font-family:var(--serif);font-size:clamp(5.4rem,7.2vw,8.3rem);font-weight:600;line-height:.88;letter-spacing:-.035em;margin:0;color:#f4e3c5;text-shadow:0 2px 0 rgba(255,255,255,.05),0 0 24px rgba(219,180,109,.12),0 16px 50px rgba(0,0,0,.48)}.mt-hero h1 span,.mt-hero h1 em{display:block}.mt-hero h1 em{padding-bottom:.08em}
.mt-hero h1 em{font-weight:500;color:#b51e16;background:linear-gradient(105deg,#9d120d 10%,#c42d22 50%,#a61611 76%,#c49b5d 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.mt-hero-rule{display:flex;align-items:center;width:260px;margin:34px 0 28px}.mt-hero-rule:before{content:"";width:9px;height:9px;border:1px solid #b68d4e;transform:rotate(45deg)}.mt-hero-rule span{height:1px;flex:1;margin-left:13px;background:linear-gradient(90deg,#b68d4e,transparent)}
.mt-hero-lead{font-family:var(--serif);font-size:clamp(1.55rem,2vw,2rem);line-height:1.25;color:#e5cfaa;margin:0 0 18px}
.mt-hero-copy>p:not(.eyebrow,.mt-hero-lead){max-width:650px;color:#b5a58e;line-height:1.78;margin:0 0 31px}
.mt-hero-button{position:relative;min-height:58px;padding-left:58px;background:rgba(18,14,11,.52)!important;border-color:rgba(191,168,121,.68)!important;color:#ead8b8!important;box-shadow:0 14px 38px rgba(0,0,0,.24)}
.mt-hero-button:before{content:"";position:absolute;left:18px;top:50%;width:27px;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,#7f1712,#d2b477)}
.mt-hero-button:hover{background:rgba(213,191,154,.07)!important;border-color:#d1b77d!important;box-shadow:0 0 0 1px rgba(209,183,125,.15),0 18px 45px rgba(0,0,0,.28)}
.mt-hero-visual{position:relative;height:540px;display:flex;justify-content:center}.mt-hero-brand{position:absolute;right:2%;top:0;text-align:right;opacity:.28}.mt-hero-brand span,.mt-hero-brand strong{display:block;font-family:var(--serif);font-weight:600;line-height:.82}.mt-hero-brand span{font-size:2.2rem;color:#d9c49f}.mt-hero-brand strong{font-size:2.6rem;color:#9f1b15;font-style:italic}
.mt-hero-icon{position:absolute;right:4%;top:18%;width:235px;height:235px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(213,191,154,.13);background:radial-gradient(circle,rgba(129,0,0,.17),rgba(11,9,8,.82) 67%);box-shadow:0 30px 80px rgba(0,0,0,.36)}.mt-hero-icon img{width:75%;height:75%;object-fit:contain;opacity:.72;filter:drop-shadow(0 0 26px rgba(190,146,77,.18))}
.mt-hero-axis{position:absolute;left:40%;top:58px;bottom:8px;width:2px;background:linear-gradient(180deg,transparent,#9e793f 12%,#7e0d09 45%,#b38d50 88%,transparent)}.mt-hero-axis:before{content:"";position:absolute;left:50%;top:0;width:13px;height:13px;border:1px solid #b38d50;transform:translate(-50%,-50%) rotate(45deg);background:#100d0b}.mt-hero-axis span{position:absolute;left:50%;width:13px;height:13px;border-radius:50%;background:#810000;border:3px solid #1a1511;box-shadow:0 0 0 1px #a57d43,0 0 22px rgba(129,0,0,.4);transform:translate(-50%,-50%)}.mt-hero-axis span:nth-child(1){top:18%}.mt-hero-axis span:nth-child(2){top:45%}.mt-hero-axis span:nth-child(3){top:67%}.mt-hero-axis span:nth-child(4){top:88%}.mt-hero-axis span b{position:absolute;left:25px;top:50%;transform:translateY(-50%);font-family:var(--serif);font-size:1.35rem;color:#c7ad80;font-weight:600}.mt-hero-axis span:nth-child(even) b{left:auto;right:25px}.mt-hero-axis .is-major{width:17px;height:17px;background:#a51c16}
.mt-intro{position:relative;padding:120px 0 118px;background:radial-gradient(circle at 17% 20%,rgba(129,0,0,.055),transparent 29%),radial-gradient(circle at 84% 18%,rgba(142,92,39,.12),transparent 30%),linear-gradient(135deg,#eadcc4 0%,#f0e5d3 48%,#e2cba7 100%);border-bottom:1px solid rgba(83,58,36,.13);overflow:hidden}.mt-intro-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:start}.mt-intro-title h2{font-family:var(--serif);font-size:clamp(3.5rem,4.8vw,5.25rem);line-height:.93;font-weight:600;color:#362920;margin:0}.mt-intro-lead{font-family:var(--serif);font-size:1.55rem;line-height:1.4;color:#4f3c2e;margin:0 0 24px}.mt-intro-copy>p:not(.mt-intro-lead){color:#66584b;line-height:1.82;margin-bottom:28px}.mt-intro-copy strong{color:#762019}
.mt-growth-card{display:grid;grid-template-columns:90px 1fr;gap:22px;align-items:center;margin-top:34px;padding:24px 26px;border:1px solid rgba(112,72,42,.17);border-left:3px solid #8f1712;background:linear-gradient(135deg,rgba(255,248,233,.34),rgba(247,226,194,.22));box-shadow:0 20px 45px rgba(86,52,26,.055)}.mt-growth-number{font-family:var(--serif);font-size:4.2rem;line-height:.8;color:#8e1712;text-align:center}.mt-growth-card span{display:block;color:#8e1712;font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}.mt-growth-card strong{display:block;font-family:var(--serif);font-size:1.5rem;color:#453328;margin-bottom:4px}.mt-growth-card p{margin:0;color:#685648;line-height:1.58;font-size:.9rem}
.mt-timeline-section{position:relative;padding:120px 0 150px;background:radial-gradient(circle at 52% 4%,rgba(129,0,0,.085),transparent 22%),linear-gradient(180deg,#12100e,#0c0b0a 58%,#15110e);color:#ead7b7}.mt-timeline-section:before{content:"";position:absolute;inset:0;opacity:.085;background-image:radial-gradient(rgba(255,255,255,.16) .5px,transparent .5px);background-size:8px 8px;pointer-events:none}.mt-timeline-shell{position:relative}.mt-section-head{position:relative;max-width:820px;margin:0 auto 65px;text-align:center}.mt-section-head h2{font-family:var(--serif);font-size:clamp(4rem,5.4vw,6rem);line-height:.88;font-weight:600;margin:0 0 20px;color:#ead6b4}.mt-section-head>p:last-child{max-width:650px;margin:0 auto;color:#a89a86;line-height:1.75}
.mt-explorer{position:relative;left:50%;width:100vw;transform:translateX(-50%);display:grid;grid-template-columns:minmax(330px,370px) minmax(620px,1fr) minmax(285px,330px);gap:34px;align-items:start;padding:0 22px}.mt-filter-sidebar{position:sticky;top:88px;z-index:12;padding:28px 24px 24px;border:1px solid rgba(213,191,154,.22);border-left:0;background:linear-gradient(155deg,rgba(38,29,23,.99),rgba(13,11,9,.99));box-shadow:22px 26px 80px rgba(0,0,0,.3)}.mt-filter-sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(213,191,154,.14)}.mt-filter-sidebar-head p{margin:0;color:#e0c48e;font-size:.9rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.mt-filter-sidebar-head small{display:block;margin-top:7px;color:#b8a68d;font-size:.84rem;line-height:1.5}.mt-filter-sidebar-head strong{flex:0 0 auto;padding:8px 10px;border:1px solid rgba(197,158,93,.25);background:rgba(129,0,0,.12);color:#e1c58f;font-size:.8rem;white-space:nowrap}.mt-interaction-hint{display:grid;grid-template-columns:28px 1fr;gap:13px;margin:18px 0 6px;padding:16px 14px;border:1px solid rgba(190,151,85,.2);background:linear-gradient(90deg,rgba(129,0,0,.12),rgba(129,0,0,.035))}.mt-interaction-hint p{margin:0;color:#b9a990;font-size:.78rem;line-height:1.55}.mt-interaction-hint strong{display:block;color:#ead2aa;margin-bottom:3px;font-size:.8rem}.mt-hint-point{position:relative;width:16px;height:16px;margin:4px auto;border-radius:50%;background:#8d2d25;border:3px solid #15110e;box-shadow:0 0 0 1px #b68c51,0 0 15px rgba(173,54,42,.35)}.mt-hint-point:after{content:"";position:absolute;inset:-8px;border:1px solid rgba(205,165,97,.22);border-radius:50%}.mt-search,.mt-filter-block{display:grid;gap:8px;margin-top:19px}.mt-search>span,.mt-filter-label,.mt-group-filters legend,.mt-display-controls>span{color:#b9a17c;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.mt-search input,.mt-filter-block select{width:100%;height:47px;padding:0 13px;border:1px solid rgba(213,191,154,.22);background:#15120f;color:#e0cba8;font:500 .83rem Barlow,sans-serif;outline:none}.mt-search input:focus,.mt-filter-block select:focus{border-color:#b28c50;box-shadow:0 0 0 1px rgba(178,140,80,.1)}.mt-group-filters{border:0;padding:0;margin:24px 0 0}.mt-group-filters legend{margin-bottom:13px}.mt-flag-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mt-flag-filter{--flag:#8d2d25;--flag-muted:#46433f;position:relative;display:block;min-width:0;cursor:pointer}.mt-flag-filter.group-power{--flag:#667956}.mt-flag-filter.group-people{--flag:#596f82}.mt-flag-filter.group-places{--flag:#8a6543}.mt-flag-filter.group-culture{--flag:#a17b39}.mt-flag-filter.group-contacts{--flag:#4e7a76}.mt-flag-filter.group-sources{--flag:#807b74}.mt-flag-filter.group-developments{--flag:#775d82}.mt-flag-filter input{position:absolute;opacity:0;pointer-events:none}.mt-flag-shape{position:relative;min-height:60px;display:flex;align-items:center;gap:10px;margin-right:13px;padding:10px 15px 10px 13px;border:1px solid color-mix(in srgb,var(--flag),#d6bb8d 34%);border-right:0;background:var(--flag);transition:background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.mt-flag-shape:after{content:"";position:absolute;top:-1px;right:-13px;width:14px;height:calc(100% + 2px);background:var(--flag);clip-path:polygon(0 0,100% 50%,0 100%);transition:background-color .18s ease}.mt-flag-icon{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;color:#fff5e6}.mt-flag-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.mt-flag-shape b{font-size:.86rem;line-height:1.18;color:#fff5e6;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.45)}.mt-flag-filter input:not(:checked)+.mt-flag-shape{background:var(--flag-muted);border-color:#5d5954;opacity:1}.mt-flag-filter input:not(:checked)+.mt-flag-shape:after{background:var(--flag-muted)}.mt-flag-filter input:not(:checked)+.mt-flag-shape b{color:#e6dfd5;text-shadow:0 1px 2px rgba(0,0,0,.72)}.mt-flag-filter input:not(:checked)+.mt-flag-shape .mt-flag-icon{color:#ddd6cb}.mt-flag-filter:hover .mt-flag-shape,.mt-flag-filter input:focus-visible+.mt-flag-shape{transform:translateX(2px);box-shadow:0 0 0 1px rgba(213,191,154,.08)}.mt-flag-filter input:not(:checked):hover+.mt-flag-shape,.mt-flag-filter input:focus-visible:not(:checked)+.mt-flag-shape{background:#504c48;border-color:#69645e}.mt-flag-filter input:not(:checked):hover+.mt-flag-shape:after,.mt-flag-filter input:focus-visible:not(:checked)+.mt-flag-shape:after{background:#504c48}.mt-flag-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.mt-flag-actions button{border:0;background:none;padding:2px;color:#a68e6c;font:700 .58rem Barlow,sans-serif;text-transform:uppercase;letter-spacing:.09em;cursor:pointer}.mt-flag-actions button:hover{color:#ead6b3}.mt-display-controls{display:grid;gap:8px;margin-top:20px;padding-top:17px;border-top:1px solid rgba(213,191,154,.1)}.mt-display-controls button{height:39px;border:1px solid rgba(213,191,154,.17);background:rgba(213,191,154,.025);color:#c1ad8d;font:700 .6rem Barlow,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.mt-display-controls button:hover{border-color:#b7965f;color:#ead8b8;background:rgba(213,191,154,.055)}.mt-filter-reset{width:100%;height:42px;margin-top:18px;border:1px solid rgba(213,191,154,.2);background:transparent;color:#b9a485;font:700 .62rem Barlow,sans-serif;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.mt-filter-reset:hover{border-color:#c1a36f;color:#ead7b8}.mt-position-board{position:sticky;top:88px;z-index:12;padding:28px 25px 24px;border:1px solid rgba(213,191,154,.22);border-right:0;background:radial-gradient(circle at 50% 15%,rgba(129,0,0,.18),transparent 38%),linear-gradient(155deg,rgba(37,29,23,.99),rgba(12,10,9,.99));box-shadow:-22px 26px 80px rgba(0,0,0,.3);opacity:.58;transition:opacity .25s ease,box-shadow .25s ease}.mt-position-board.is-active{opacity:1;box-shadow:-22px 26px 80px rgba(0,0,0,.38),inset 0 0 60px rgba(129,0,0,.045)}.mt-position-kicker,.mt-position-label{color:#aa8d61;font-size:.6rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.mt-position-year{display:flex;align-items:baseline;gap:12px;margin:15px 0 5px;color:#e0bd78}
.mt-position-year span{font:800 .78rem Barlow,sans-serif;letter-spacing:.16em;color:#b99a67}
.mt-position-year strong{font-family:var(--serif);font-size:4.7rem;line-height:.8;font-weight:500;color:#e0bd78}.mt-position-rule{position:relative;height:1px;margin:22px 0;background:linear-gradient(90deg,#810000,#b99054 48%,transparent)}.mt-position-rule span{position:absolute;left:48%;top:50%;width:8px;height:8px;border:1px solid #b99054;background:#17120f;transform:translate(-50%,-50%) rotate(45deg)}.mt-position-era{display:block;margin:8px 0 3px;font-family:var(--serif);font-size:1.7rem;line-height:1.05;color:#ead6b3}.mt-position-board>small{display:block;color:#8f806c;font-size:.68rem;line-height:1.45}.mt-position-mini{position:relative;height:2px;margin:25px 2px 7px;background:rgba(213,191,154,.15)}.mt-position-mini span{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#810000,#c09a5e)}.mt-position-mini i{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;transform:translate(-50%,-50%);background:#8e1712;border:3px solid #17120f;box-shadow:0 0 0 1px #c09a5e,0 0 18px rgba(129,0,0,.45)}.mt-position-scale{display:flex;justify-content:space-between;color:#806f59;font-family:var(--serif);font-size:.72rem}
.mt-timeline-wrap{position:relative;min-width:0}.mt-timeline{position:relative;z-index:1;max-width:1080px;margin:0 auto;min-height:1200px}.mt-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,#8d6a38 2%,#810000 20%,#a57d43 58%,#810000 88%,transparent)}.mt-year-tick{position:absolute;left:50%;z-index:2;width:160px;height:24px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.mt-year-tick:before,.mt-year-tick:after{content:"";width:35px;height:1px;background:rgba(197,158,93,.3)}.mt-year-tick span{padding:0 10px;font-family:var(--serif);font-size:1rem;color:#a28b68;background:#100e0c}.mt-current-position{position:absolute;left:50%;z-index:11;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .2s ease}.mt-current-position:before,.mt-current-position:after{content:"";position:absolute;top:0;width:62px;height:1px;background:linear-gradient(90deg,transparent,#d2ad6d)}.mt-current-position:before{right:15px}.mt-current-position:after{left:15px;transform:scaleX(-1)}.mt-current-position span{position:absolute;left:0;top:0;width:18px;height:18px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid #d1ad6c;background:#17120f;box-shadow:0 0 0 4px rgba(129,0,0,.14),0 0 24px rgba(210,173,108,.18)}.mt-current-position.is-active{opacity:1}
.mt-event{--type:#8d2d25;position:absolute;left:0;right:0;height:0;z-index:5}.mt-event[hidden]{display:none!important}.mt-event.group-power{--type:#667956}.mt-event.group-people{--type:#596f82}.mt-event.group-places{--type:#8a6543}.mt-event.group-culture{--type:#a17b39}.mt-event.group-contacts{--type:#4e7a76}.mt-event.group-sources{--type:#807b74}.mt-event.group-developments{--type:#775d82}.mt-event-axis{position:absolute;left:calc(50% + var(--lane-offset,0px));top:0;z-index:8;width:0;height:0;transition:left .25s ease}.mt-marker-button{position:absolute;left:0;top:0;width:48px;height:48px;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;cursor:pointer;overflow:visible}.mt-point,.mt-range-start,.mt-range-end{position:absolute;left:50%;top:50%;z-index:3;width:15px;height:15px;border-radius:50%;transform:translate(-50%,-50%);background:var(--type);border:4px solid #110f0d;box-shadow:0 0 0 1px color-mix(in srgb,var(--type),#d2ad6d 35%),0 0 15px color-mix(in srgb,var(--type),transparent 62%);transition:transform .18s ease,box-shadow .18s ease}.mt-marker-button:hover .mt-point,.mt-marker-button:hover .mt-range-start,.mt-marker-button:focus-visible .mt-point,.mt-marker-button:focus-visible .mt-range-start,.mt-event.is-open .mt-point,.mt-event.is-open .mt-range-start{transform:translate(-50%,-50%) scale(1.35);box-shadow:0 0 0 4px rgba(202,165,101,.12),0 0 0 1px color-mix(in srgb,var(--type),#e0bc7a 45%),0 0 26px color-mix(in srgb,var(--type),transparent 45%)}.mt-range-line{position:absolute;left:50%;top:7px;width:5px;height:var(--range-height,0);transform:translateX(-50%);background:linear-gradient(180deg,var(--type),color-mix(in srgb,var(--type),#d0a862 32%));opacity:.78;border-radius:4px;pointer-events:auto}.mt-range-end{top:calc(var(--range-height,0) + 7px);width:12px;height:12px}.mt-marker-label{position:absolute;top:50%;width:300px;transform:translateY(-50%);opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease,visibility .16s ease;pointer-events:none;padding:11px 13px;border:1px solid rgba(213,191,154,.18);background:rgba(17,14,12,.97);box-shadow:0 12px 30px rgba(0,0,0,.32)}
.mt-event-left .mt-marker-label{right:28px;text-align:right}
.mt-event-right .mt-marker-label{left:28px;text-align:left}
.mt-marker-label b{display:block;font-family:var(--serif);font-size:1.28rem;color:#e0bd78}
.mt-marker-label small{display:block;margin-top:4px;color:#c2b099;font-size:.78rem;line-height:1.35;white-space:normal}
.mt-marker-button:hover .mt-marker-label,.mt-marker-button:focus-visible .mt-marker-label{opacity:1;visibility:visible}
.mt-event-left .mt-marker-button:hover .mt-marker-label,.mt-event-left .mt-marker-button:focus-visible .mt-marker-label{transform:translate(-5px,-50%)}
.mt-event-right .mt-marker-button:hover .mt-marker-label,.mt-event-right .mt-marker-button:focus-visible .mt-marker-label{transform:translate(5px,-50%)}.mt-event.is-open .mt-marker-label{opacity:0!important;visibility:hidden!important;transform:translateY(-50%)!important}
.mt-event-card{position:absolute;top:0;width:min(44%,470px);padding:30px 30px 27px;border:1px solid color-mix(in srgb,var(--type),#d9c29c 68%);background:linear-gradient(145deg,rgba(42,33,27,.985),rgba(19,16,13,.995));box-shadow:0 26px 70px rgba(0,0,0,.4);overflow:visible;transform:translateY(-18%);z-index:15}.mt-event-card[hidden]{display:none!important}.mt-event-left .mt-event-card{right:calc(50% + 72px);text-align:right}.mt-event-right .mt-event-card{left:calc(50% + 72px);text-align:left}.mt-event-card:before{content:"";position:absolute;top:0;width:96px;height:2px;background:linear-gradient(90deg,var(--type),#c09a5e,transparent)}.mt-event-left .mt-event-card:before{right:0;transform:scaleX(-1)}.mt-event-right .mt-event-card:before{left:0}.mt-event-card:after{content:"";position:absolute;top:58px;width:42px;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--type),#c8a05f 40%),var(--type))}.mt-event-left .mt-event-card:after{right:-73px;width:72px}.mt-event-right .mt-event-card:after{left:-73px;width:72px;transform:scaleX(-1)}.mt-card-close{position:absolute;top:-40px;z-index:20;width:32px;height:32px;border:1px solid rgba(213,191,154,.2);background:#15110e;color:#c7ad82;font-size:1.2rem;line-height:1;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.28)}
.mt-card-close:hover{border-color:#c4a36c;color:#fff}.mt-event-left .mt-event-card>.mt-card-close{right:-1px}.mt-event-right .mt-event-card>.mt-card-close{left:-1px}.mt-type-pennant{position:absolute;top:18px;padding:10px 19px;background:var(--type);color:#fff1dc;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 7px 18px rgba(0,0,0,.22)}.mt-type-pennant:after{content:"";position:absolute;top:0;width:13px;height:100%;background:var(--type);clip-path:polygon(0 0,100% 50%,0 100%)}.mt-event-left .mt-type-pennant{left:-8px;text-align:left}.mt-event-left .mt-type-pennant:after{right:-13px}.mt-event-right .mt-type-pennant{right:-8px;text-align:right}.mt-event-right .mt-type-pennant:after{left:-13px;transform:scaleX(-1)}.mt-event-meta{display:flex;align-items:flex-start;justify-content:flex-end;gap:14px;margin:36px 0 14px}.mt-event-left .mt-event-meta{flex-direction:row}.mt-event-date{font-family:var(--serif);font-size:clamp(1.9rem,2.5vw,2.45rem);line-height:1;color:#d8b776;font-weight:600}.mt-event-era{max-width:48%;color:#9a876c;font-size:.57rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.mt-event-card h3{font-family:var(--serif);font-size:clamp(1.8rem,2.15vw,2.35rem);line-height:1.04;color:#f0dbb8;margin:0 0 14px;font-weight:600}.mt-event-card>p{color:#b7a58c;line-height:1.68;margin:0;font-size:.93rem}.mt-event-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:21px;padding-top:15px;border-top:1px solid rgba(213,191,154,.1)}.mt-event-left .mt-event-foot{flex-direction:row-reverse}.mt-event-foot>span{color:#8b7b66;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.mt-event-foot a{display:inline-flex;align-items:center;gap:8px;color:#d5b77f;font-size:.76rem;font-weight:800}.mt-event-foot a:hover{color:#fff}.mt-event-foot .ns-arrow{width:14px;height:14px}.mt-scroll-reveal{opacity:0;transition:opacity .45s ease}.mt-scroll-reveal.is-visible{opacity:1}
.mt-no-results,.mt-empty{position:relative;z-index:2;max-width:740px;margin:35px auto 0;padding:45px;text-align:center;border:1px solid rgba(213,191,154,.13);color:#9e8f7b;background:rgba(25,20,17,.72)}.mt-empty img{width:120px;height:120px;object-fit:contain;opacity:.45}.mt-empty h3{font-family:var(--serif);font-size:2.5rem;color:#dcc7a5;margin:12px 0}.mt-no-results[hidden]{display:none!important}
.mt-closing{position:relative;padding:105px 0 110px;background:linear-gradient(135deg,#eadcc4 0%,#f0e5d3 50%,#e2cba7 100%);text-align:center;overflow:hidden}.mt-closing:before{content:"";position:absolute;inset:0;opacity:.12;background-image:radial-gradient(rgba(74,52,30,.22) .55px,transparent .55px);background-size:7px 7px}.mt-closing-inner{position:relative;z-index:1;max-width:1040px}.mt-closing-mark{font-family:Georgia,serif;font-size:4.6rem;line-height:.6;color:#9d211a;margin-bottom:20px}.mt-closing blockquote{margin:0 auto;max-width:1000px;font-family:var(--serif);font-size:clamp(2.25rem,3.65vw,4.45rem);line-height:1.05;letter-spacing:-.02em;color:#392c23;text-wrap:balance}.mt-closing blockquote strong,.mt-closing blockquote span{display:block}.mt-closing blockquote strong{font-weight:600;color:#2f241d}.mt-closing blockquote span{font-weight:500}.mt-closing-rule{position:relative;width:min(360px,56vw);height:1px;margin:34px auto 0;background:linear-gradient(90deg,transparent,#9b1a14 24%,#c8a161 50%,#9b1a14 76%,transparent)}.mt-closing-rule span{position:absolute;left:50%;top:50%;width:8px;height:8px;border:1px solid #8e1712;background:#ead8b9;transform:translate(-50%,-50%) rotate(45deg)}
@media(max-width:1180px){.mt-hero-inner{grid-template-columns:1fr .85fr;gap:25px}.mt-explorer{grid-template-columns:270px minmax(0,1fr);gap:34px}.mt-event-card{width:min(43%,430px)}}
@media(max-width:900px){.mt-hero{min-height:auto;background-position:60% center}.mt-hero-inner{grid-template-columns:1fr;padding-top:155px;padding-bottom:105px}.mt-hero-visual{height:410px}.mt-intro-grid{grid-template-columns:1fr;gap:45px}.mt-explorer{grid-template-columns:1fr}.mt-filter-sidebar{position:relative;top:auto}.mt-timeline-wrap{margin-top:30px}.mt-timeline{min-height:900px}.mt-event-card{width:min(78%,520px)}.mt-event-left .mt-event-card,.mt-event-right .mt-event-card{left:calc(50% + 34px);right:auto;text-align:left}.mt-event-left .mt-event-card:before{left:0;right:auto;transform:none}.mt-event-left .mt-event-card:after{left:-35px;right:auto;transform:scaleX(-1);width:34px}.mt-event-left .mt-event-card>.mt-card-close{left:auto;right:-1px}.mt-event-left .mt-type-pennant{left:auto;right:-8px;text-align:right}.mt-event-left .mt-type-pennant:after{left:-10px;right:auto;transform:scaleX(-1)}.mt-event-left .mt-event-meta,.mt-event-left .mt-event-foot{flex-direction:row}.mt-marker-label{display:none}}
@media(max-width:760px){.mt-hero-inner{padding-top:145px;padding-bottom:88px}.mt-hero h1{font-size:clamp(4rem,18vw,5.6rem)}.mt-hero-visual{height:340px}.mt-hero-icon{width:170px;height:170px;right:0}.mt-hero-axis{left:30%;top:20px}.mt-cosmos-tab span{display:none}.mt-cosmos-tab{padding-right:7px}.mt-intro,.mt-timeline-section,.mt-closing{padding-top:82px;padding-bottom:86px}.mt-intro-title h2,.mt-section-head h2{font-size:clamp(3rem,13vw,4rem)}.mt-growth-card{grid-template-columns:65px 1fr;padding:20px}.mt-growth-number{font-size:3.2rem}.mt-timeline:before{left:28px}.mt-year-tick{left:28px}.mt-event-axis{left:28px}.mt-event-card,.mt-event-left .mt-event-card,.mt-event-right .mt-event-card{left:62px;right:auto;width:calc(100% - 72px);text-align:left}.mt-cosmos-nav{top:22%}.mt-closing blockquote{font-size:clamp(2.4rem,11vw,3.6rem)}}
@media(prefers-reduced-motion:reduce){.mt-scroll-reveal{opacity:1;transition:none}.mt-cosmos-nav,.mt-cosmos-tab,.mt-point,.mt-range-start,.mt-marker-label{transition:none}}

/* V7: final desktop readability/detail pass */
.mt-flag-actions{gap:18px;margin-top:14px}
.mt-flag-actions button{font-size:.72rem;padding:4px 3px;letter-spacing:.1em}
.mt-display-controls button{height:44px;font-size:.72rem;letter-spacing:.085em}
.mt-filter-reset{height:46px;font-size:.72rem}
.mt-type-pennant{top:17px;padding:12px 23px;font-size:.82rem;letter-spacing:.105em}
.mt-type-pennant:after{width:15px}
.mt-event-left .mt-type-pennant:after{right:-15px}
.mt-event-right .mt-type-pennant:after{left:-15px}

.mt-marker-label{width:340px;padding:15px 17px;border-color:rgba(213,191,154,.24);box-shadow:0 15px 38px rgba(0,0,0,.4)}
.mt-marker-label b{font-size:1.48rem}
.mt-marker-label small{margin-top:6px;font-size:.9rem;line-height:1.42}
.mt-filter-no-results{margin-top:18px;padding:15px 16px;border:1px solid rgba(173,54,42,.32);background:linear-gradient(90deg,rgba(129,0,0,.13),rgba(129,0,0,.035));color:#bda98a;font-size:.8rem;line-height:1.45}
.mt-filter-no-results strong{display:block;margin-bottom:3px;color:#e2c89b;font-size:.84rem}
.mt-filter-no-results span{display:block}
.mt-filter-no-results[hidden]{display:none!important}


/* Geführte Einführung */
.mt-tour-replay{margin-top:18px;padding-top:16px;border-top:1px solid rgba(213,191,154,.14)}
.mt-tour-replay button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid rgba(213,191,154,.24);background:linear-gradient(180deg,rgba(129,0,0,.14),rgba(15,12,10,.74));color:#e5d5ba;text-align:left;cursor:pointer;box-shadow:inset 0 0 22px rgba(129,0,0,.06);transition:.18s ease}
.mt-tour-replay button:hover{border-color:#b99761;transform:translateY(-1px);background:linear-gradient(180deg,rgba(129,0,0,.23),rgba(15,12,10,.84))}
.mt-tour-replay-mark{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(213,191,154,.35);font-family:Georgia,serif;font-size:1.2rem;color:#d6b574;background:#15110e}
.mt-tour-replay strong{display:block;font-size:.82rem;text-transform:uppercase;letter-spacing:.075em;color:#e1c68f}
.mt-tour-replay small{display:block;margin-top:3px;font-size:.72rem;line-height:1.3;color:#aa9b88}

.mt-tour[hidden]{display:none!important}.mt-tour{position:fixed;inset:0;z-index:100000;pointer-events:none}
.mt-tour-dim{position:absolute;inset:0;background:rgba(3,3,3,.72);backdrop-filter:grayscale(.88) brightness(.5);pointer-events:auto}
body.mt-tour-open{overflow:hidden}html.mt-tour-running body.mt-tour-open{overflow:auto}
.mt-tour-panel{position:fixed;z-index:100004;width:min(570px,calc(100vw - 40px));padding:43px 38px 30px;border:1px solid rgba(214,181,119,.48);background:linear-gradient(145deg,rgba(42,33,25,.985),rgba(13,11,9,.995) 58%,rgba(30,18,15,.99));box-shadow:0 32px 90px rgba(0,0,0,.72),inset 0 0 55px rgba(132,84,35,.08);color:#d9cbb8;pointer-events:auto}
.mt-tour-welcome,.mt-tour-finish{left:50%;top:50%;transform:translate(-50%,-50%)}.mt-tour-card{left:50%;top:50%}
.mt-tour-panel[hidden]{display:none!important}.mt-tour-panel:before{content:"";position:absolute;inset:7px;border:1px solid rgba(213,191,154,.08);pointer-events:none}
.mt-tour-corner{position:absolute;top:-1px;width:32px;height:32px;border-top:2px solid #a88650}.mt-tour-corner-a{left:-1px;border-left:2px solid #a88650}.mt-tour-corner-b{right:-1px;border-right:2px solid #a88650}
.mt-tour-pennant{position:absolute;left:28px;top:-19px;min-height:38px;display:flex;align-items:center;padding:8px 24px 8px 15px;background:#810000;color:#f5e7d1;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.105em;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.mt-tour-pennant:after{content:"";position:absolute;right:-14px;top:0;width:15px;height:100%;background:inherit;clip-path:polygon(0 0,100% 50%,0 100%)}
.mt-tour-card[data-tone="event"] .mt-tour-pennant{background:#7d2923}.mt-tour-card[data-tone="range"] .mt-tour-pennant{background:#634575}
.mt-tour-eyebrow{margin:0 0 8px!important;color:#b59a70!important;font-size:.78rem!important;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.mt-tour h2{margin:0 0 14px;font-family:Georgia,serif;font-size:clamp(1.7rem,2.4vw,2.3rem);line-height:1.08;font-weight:500;color:#ead7b5}
.mt-tour p{font-size:1rem;line-height:1.65;color:#c5b8a7}.mt-tour-choice,.mt-tour-nav{display:flex;gap:10px;align-items:center;margin-top:24px}
.mt-tour-primary,.mt-tour-secondary,.mt-tour-back{min-height:44px;padding:10px 17px;border:1px solid rgba(213,191,154,.28);font-weight:800;font-size:.76rem;text-transform:uppercase;letter-spacing:.075em;cursor:pointer;transition:.18s ease}
.mt-tour-primary{background:#810000;color:#fff1df;border-color:#9b312d}.mt-tour-primary:hover{border-color:#d1ad70;box-shadow:0 0 0 1px rgba(209,173,112,.14),0 8px 24px rgba(0,0,0,.22)}.mt-tour-primary:disabled{opacity:.34;cursor:not-allowed;filter:grayscale(.7)}
.mt-tour-secondary,.mt-tour-back{background:#17130f;color:#d6c5aa}.mt-tour-secondary:hover,.mt-tour-back:hover{border-color:#a88c60;color:#fff}.mt-tour-back{margin-right:auto}
.mt-tour-action-hint{margin:17px 0 0!important;padding:10px 12px;border-left:2px solid #b7945d;background:rgba(181,148,93,.07);font-size:.85rem!important;color:#d6c3a2!important}
.mt-tour-abort{display:block;margin:17px auto 0;border:0;background:none;color:#918474;font-size:.73rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.mt-tour-abort:hover{color:#c9b79d}
.mt-tour-welcome>.mt-tour-primary,.mt-tour-finish>.mt-tour-primary{margin-top:12px}
.mt-tour-focus{position:relative!important;z-index:100003!important;filter:none!important;opacity:1!important}
.mt-tour-focus:after{content:"";position:absolute;inset:-12px;z-index:-1;border:1px solid rgba(221,185,113,.66);box-shadow:0 0 0 9999px rgba(3,3,3,.68),0 0 38px rgba(200,157,83,.28);pointer-events:none}
.mt-event.mt-tour-focus:after{inset:-18px -28px}.mt-event.mt-tour-sample .mt-marker-button{transform:scale(1.3);filter:drop-shadow(0 0 9px rgba(222,183,106,.86))}
.mt-event.mt-tour-sample .mt-marker-label{z-index:100006}
@media(max-width:900px){.mt-tour{display:none!important}.mt-tour-replay{display:none!important}}


/* V10 · Tutorial-Feinschliff */
.mt-tour-welcome,.mt-tour-finish{
  top:43%;
}

/* NorseStory-Buttons statt roter Vollflächen */
.mt-tour-primary,
.mt-tour-secondary,
.mt-tour-back{
  position:relative;
  min-height:50px;
  padding:11px 20px 11px 54px;
  border:1px solid rgba(190,160,105,.52);
  background:rgba(18,14,11,.88);
  color:#ead8b8;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}
.mt-tour-primary:before,
.mt-tour-secondary:before,
.mt-tour-back:before{
  content:"";
  position:absolute;
  left:18px;
  top:50%;
  width:24px;
  height:1px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,#7f1712,#d2b477);
}
.mt-tour-primary:hover,
.mt-tour-secondary:hover,
.mt-tour-back:hover{
  background:rgba(213,191,154,.06);
  border-color:#d1b77d;
  color:#fff2df;
  box-shadow:0 0 0 1px rgba(209,183,125,.14),0 14px 32px rgba(0,0,0,.26);
}
.mt-tour-primary:disabled{
  opacity:.34;
  border-color:rgba(190,160,105,.25);
  filter:grayscale(.8);
}

/* Demo-Punkt für Erklärungskarte 4 */
.mt-tour-demo[hidden]{display:none!important}
.mt-tour-demo{
  position:fixed;
  left:50%;
  top:53%;
  z-index:100006;
  width:0;
  height:0;
  pointer-events:none;
}
.mt-tour-demo-marker{
  position:absolute;
  left:0;
  top:0;
  width:28px;
  height:28px;
  transform:translate(-50%,-50%);
  border:1px solid #d4ad69;
  border-radius:50%;
  background:#17120f;
  box-shadow:0 0 0 6px rgba(183,138,70,.10),0 0 24px rgba(226,184,103,.52);
  cursor:pointer;
  pointer-events:auto;
  animation:mtTourPulse 1.45s ease-in-out infinite;
}
.mt-tour-demo-marker span{
  position:absolute;
  inset:6px;
  border-radius:50%;
  background:#a21f18;
  box-shadow:0 0 13px rgba(162,31,24,.68);
}
.mt-tour-demo-card{
  position:absolute;
  left:44px;
  top:-92px;
  width:320px;
  padding:25px 24px 20px;
  border:1px solid rgba(213,191,154,.36);
  background:linear-gradient(145deg,rgba(39,31,25,.985),rgba(16,13,11,.995));
  color:#d9cab1;
  box-shadow:0 22px 55px rgba(0,0,0,.5);
  pointer-events:none;
}
.mt-tour-demo-card[hidden]{display:none!important}
.mt-tour-demo-pennant{
  position:absolute;
  left:-10px;
  top:-17px;
  padding:7px 22px 7px 13px;
  background:#810000;
  color:#f6e8d2;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.mt-tour-demo-pennant:after{
  content:"";
  position:absolute;
  right:-13px;
  top:0;
  width:14px;
  height:100%;
  background:#810000;
  clip-path:polygon(0 0,100% 50%,0 100%);
}
.mt-tour-demo-card strong{
  display:block;
  margin-top:7px;
  font-family:Georgia,serif;
  font-size:1.75rem;
  color:#ead5b1;
  font-weight:500;
}
.mt-tour-demo-card p{
  margin:8px 0 0;
  font-size:.88rem;
  line-height:1.55;
  color:#bcae9a;
}
@keyframes mtTourPulse{
  0%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 6px rgba(183,138,70,.10),0 0 22px rgba(226,184,103,.40)}
  50%{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 0 10px rgba(183,138,70,.06),0 0 34px rgba(226,184,103,.72)}
}


/* =========================================================
   MOBILE ZEITLINIE · HORIZONTALER PROTOTYP V15
   Eigener Renderer, Desktop bleibt unangetastet
   ========================================================= */
.mt-mobile-explorer{display:none}

@media(max-width:1024px){
  /* Desktop-Visualisierung ausblenden, Seiten-Hero und Einführung bleiben erhalten. */
  .mt-timeline-section,
  .mt-closing,
  .mt-tour,
  .mt-tour-replay{display:none!important}

  .mt-page{min-height:100vh;background:#090807;color:#dcc8a8;overflow:hidden}

  /* Hero und Intro sind gemeinsamer Seitenkopf für Desktop + Mobile. */
  .mt-hero,.mt-intro{display:block!important}

  .mt-mobile-explorer{
    --mobile-progress:30.61%;
    display:block!important;
    min-height:auto;
    position:relative;
    padding:36px 0 34px;
    overflow:hidden;
    background:
      radial-gradient(circle at 50% 8%,rgba(129,0,0,.18),transparent 27%),
      radial-gradient(circle at 76% 56%,rgba(183,138,70,.08),transparent 32%),
      linear-gradient(180deg,#0b0908 0%,#120e0c 55%,#080706 100%);
  }
  .mt-mobile-explorer:before{
    content:"";position:absolute;inset:0;pointer-events:none;opacity:.075;
    background-image:radial-gradient(rgba(255,255,255,.2) .55px,transparent .55px);background-size:7px 7px;
  }

  .mt-mobile-dev{
    position:relative;z-index:6;width:calc(100% - 28px);max-width:680px;margin:0 auto 20px;
    display:grid;grid-template-columns:10px auto 1fr;align-items:center;gap:8px 10px;
    padding:10px 13px;border:1px solid rgba(213,191,154,.18);background:rgba(20,16,13,.88);
    font-family:Barlow,sans-serif;text-transform:uppercase;letter-spacing:.07em;
  }
  .mt-mobile-dev-dot{width:8px;height:8px;border-radius:50%;background:#a31b17;box-shadow:0 0 0 4px rgba(163,27,23,.12),0 0 12px rgba(201,61,50,.45);animation:mtMobileLive 1.8s ease-in-out infinite}
  .mt-mobile-dev strong{font-size:.67rem;color:#e2c795;white-space:nowrap}
  .mt-mobile-dev span:last-child{font-size:.61rem;color:#8f8373;text-transform:none;letter-spacing:.02em;text-align:right}
  @keyframes mtMobileLive{50%{opacity:.55;box-shadow:0 0 0 7px rgba(163,27,23,.06),0 0 18px rgba(201,61,50,.6)}}

  .mt-mobile-head{position:relative;z-index:4;width:calc(100% - 34px);max-width:680px;margin:0 auto;text-align:center}
  .mt-mobile-kicker{display:block;margin-bottom:9px;color:#a98753;font:800 .65rem Barlow,sans-serif;letter-spacing:.15em;text-transform:uppercase}
  .mt-mobile-head h1{margin:0;font-family:var(--serif);font-size:clamp(2rem,9.2vw,3.2rem);line-height:.96;font-weight:600;color:#ead7b5;letter-spacing:-.025em;text-wrap:balance}
  .mt-mobile-head p{max-width:520px;margin:10px auto 0;color:#a99b87;font-size:.86rem;line-height:1.5}

  .mt-mobile-position{position:relative;z-index:5;margin:20px auto 0;text-align:center;font-family:Barlow,sans-serif}
  .mt-mobile-position>span{display:block;color:#8f806c;font-size:.59rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
  .mt-mobile-position strong{display:flex;align-items:baseline;justify-content:center;gap:7px;margin-top:3px;color:#e7c98e;font-size:2.15rem;line-height:1;font-weight:800;font-variant-numeric:tabular-nums}
  .mt-mobile-position strong small{font-size:.72rem;letter-spacing:.12em;color:#a7824a}
  .mt-mobile-position em{display:block;margin-top:5px;color:#b9a98f;font-size:.68rem;font-style:normal;font-weight:700;letter-spacing:.1em;text-transform:uppercase}

  .mt-mobile-stage{position:relative;z-index:3;height:248px;margin-top:0;overflow:hidden;touch-action:pan-x}
  .mt-mobile-sea-glow{position:absolute;z-index:0;left:0;right:0;bottom:42px;height:120px;background:radial-gradient(ellipse at 36% 70%,rgba(182,137,69,.12),transparent 32%);pointer-events:none}
  .mt-mobile-viewport{position:absolute;z-index:1;inset:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;cursor:grab}
  .mt-mobile-viewport::-webkit-scrollbar{display:none}
  .mt-mobile-explorer.is-touching .mt-mobile-viewport{cursor:grabbing}
  .mt-mobile-track{position:relative;height:100%;width:calc(var(--mobile-left-pad) + var(--mobile-year-width) + var(--mobile-right-pad));min-width:100%}
  .mt-mobile-axis{position:absolute;left:var(--mobile-left-pad);width:var(--mobile-year-width);top:174px;height:2px;background:linear-gradient(90deg,rgba(169,130,72,.45),#c09a5d 12%,#c09a5d 88%,rgba(169,130,72,.45));box-shadow:0 0 14px rgba(195,151,83,.13)}
  .mt-mobile-axis:before{content:"";position:absolute;left:0;top:-2px;width:calc(var(--mobile-progress) * 1%);height:5px;background:rgba(129,0,0,.36)}

  .mt-mobile-tick{position:absolute;top:161px;width:1px;height:44px;transform:translateX(-.5px);font-family:Barlow,sans-serif;color:#786d5e;text-align:center}
  .mt-mobile-tick i{display:block;width:1px;height:13px;background:rgba(202,168,108,.32)}
  .mt-mobile-tick b{position:absolute;top:21px;left:50%;transform:translateX(-50%);font-size:.58rem;font-weight:600;letter-spacing:.03em;font-variant-numeric:tabular-nums}
  .mt-mobile-tick.is-half i{height:17px;background:rgba(202,168,108,.48)}
  .mt-mobile-tick.is-half b{color:#9a896f;font-size:.62rem}
  .mt-mobile-tick.is-century i,.mt-mobile-tick.is-end i{height:21px;background:#b28b50}
  .mt-mobile-tick.is-century b,.mt-mobile-tick.is-end b{top:25px;color:#c3a777;font-size:.7rem;font-weight:800}

  .mt-mobile-ship-pointer{position:absolute;z-index:5;left:36%;top:67px;width:94px;height:116px;transform:translateX(-50%);pointer-events:none}
  .mt-mobile-ship-pointer img{position:absolute;left:50%;top:4px;width:88px;height:auto;max-height:73px;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 8px 9px rgba(0,0,0,.5)) drop-shadow(0 0 9px rgba(190,145,74,.15))}
  .mt-mobile-ship-line{position:absolute;left:50%;top:72px;width:1px;height:34px;background:linear-gradient(#b89053,rgba(184,144,83,.28));transform:translateX(-50%)}
  .mt-mobile-ship-diamond{position:absolute;left:50%;top:103px;width:9px;height:9px;background:#810000;border:1px solid #d0ab6b;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 4px rgba(129,0,0,.12),0 0 13px rgba(213,171,101,.32)}

  .mt-mobile-swipe-hint{position:absolute;z-index:6;left:50%;bottom:7px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:92%;color:#887966;font:700 .62rem Barlow,sans-serif;letter-spacing:.06em;text-transform:uppercase;transition:opacity .35s ease,transform .35s ease}
  .mt-mobile-swipe-hint span{color:#b18c53;font-size:.9rem}
  .mt-mobile-swipe-hint.is-hidden{opacity:0;transform:translate(-50%,8px)}

  .mt-mobile-actions{position:relative;z-index:4;display:block;width:calc(100% - 28px);max-width:520px;margin:0 auto}
  .mt-mobile-actions button{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid rgba(213,191,154,.13);background:rgba(21,17,14,.78);color:#756b5d;font:800 .67rem/1.3 Barlow,sans-serif;letter-spacing:.065em;text-transform:uppercase;text-align:center}
  .mt-mobile-actions button span{flex:0 0 auto;font-size:1rem;color:#927443}.mt-mobile-actions button small{flex:0 0 auto;font-size:.5rem;color:#655c50}
  .mt-mobile-build-note{position:relative;z-index:4;width:calc(100% - 40px);max-width:520px;margin:13px auto 0;text-align:center;color:#74695b;font-size:.72rem;line-height:1.45}

  /* Mobile Feinschliff für den gemeinsamen Seitenkopf */
  .mt-hero{min-height:auto;background-position:61% center}
  .mt-hero-inner{grid-template-columns:1fr;padding-top:132px;padding-bottom:72px}
  .mt-hero-copy{max-width:620px}
  .mt-hero h1{font-size:clamp(3.65rem,16vw,5.15rem)}
  .mt-hero-lead{font-size:1.25rem}
  .mt-hero-copy>p:not(.eyebrow,.mt-hero-lead){font-size:.93rem;line-height:1.65}
  .mt-hero-visual{height:265px;margin-top:10px}
  .mt-hero-icon{width:145px;height:145px;right:3%;top:20%}
  .mt-hero-axis{left:27%;top:8px;bottom:6px}
  .mt-hero-button{min-height:52px}
  .mt-intro{padding:72px 0 76px}
  .mt-intro-grid{grid-template-columns:1fr;gap:34px}
  .mt-intro-title h2{font-size:clamp(2.8rem,12vw,4rem)}
  .mt-intro-lead{font-size:1.28rem}
  .mt-intro-copy>p:not(.mt-intro-lead){font-size:.94rem;line-height:1.7}
  .mt-growth-card{grid-template-columns:70px 1fr;padding:20px 18px}
  .mt-growth-number{font-size:3.1rem}
}

@media(max-width:520px){
  .mt-mobile-explorer{padding-top:32px}
  .mt-mobile-dev{grid-template-columns:9px auto;gap:7px 8px}.mt-mobile-dev span:last-child{grid-column:1/-1;text-align:left;padding-left:17px}
  .mt-mobile-head h1{font-size:clamp(2.15rem,11vw,3rem)}
  .mt-mobile-head p{font-size:.84rem}
  .mt-mobile-stage{height:236px}
  .mt-mobile-axis{top:168px}.mt-mobile-tick{top:155px}
  .mt-mobile-ship-pointer{top:61px}
}

/* =========================================================
   V12 · DRAKKAR ALS REISENDER AUF DER ZEITACHSE
   ========================================================= */
.mt-current-drakkar{
  position:absolute;
  left:50%;
  z-index:13;
  width:82px;
  height:46px;
  transform:translate(var(--drakkar-x,-105px),-50%);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease,transform .64s cubic-bezier(.22,.8,.3,1);
  filter:drop-shadow(0 5px 9px rgba(0,0,0,.72)) drop-shadow(0 0 8px rgba(210,173,108,.15));
}
.mt-current-drakkar.is-active{opacity:1}
.mt-current-drakkar:after{
  content:"";
  position:absolute;
  right:-22px;
  top:51%;
  width:24px;
  height:1px;
  background:linear-gradient(90deg,rgba(211,180,118,.78),rgba(211,180,118,.08));
}
.mt-current-drakkar img{width:100%;height:100%;object-fit:contain;display:block}

/* Der kleine Diamant bleibt nur als präziser Schnittpunkt zur Achse. */
.mt-current-position span{
  width:10px;
  height:10px;
  box-shadow:0 0 0 3px rgba(129,0,0,.13),0 0 18px rgba(210,173,108,.16);
}
.mt-current-position:before,.mt-current-position:after{opacity:.28}

/* Erklärungskarte 1: der Drakkar bekommt den freien unteren Raum. */
.mt-tour-drakkar{
  display:none;
  position:absolute;
  right:16px;
  bottom:10px;
  width:178px;
  height:auto;
  pointer-events:none;
  opacity:.94;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.5));
}
.mt-tour-card[data-tour-step="0"]{
  padding-bottom:72px;
}
.mt-tour-card[data-tour-step="0"] .mt-tour-drakkar{
  display:block;
}
.mt-tour-card[data-tour-step="0"] .mt-tour-nav{
  max-width:245px;
}
.mt-tour-card[data-tour-step="0"] .mt-tour-abort{
  margin-left:0;
  margin-right:0;
  width:max-content;
}


/* V12.2 · Kollisionssicheres Punktlayout */
.mt-marker-button{
  touch-action:manipulation;
}
.mt-event.is-dense-point .mt-point{
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--type),#d2ad6d 42%),
    0 0 18px color-mix(in srgb,var(--type),transparent 56%);
}


/* V12.4 · Range-Geometrie: Linie exakt zwischen Start- und Endmarker */
.mt-range-line{
  top:50%;
  height:var(--range-height,0);
  transform:translate(-50%,0);
}
.mt-range-end{
  top:calc(50% + var(--range-height,0));
}


/* V12.5 · Range-Linie ausschließlich zwischen den Markern */
.mt-range-line{
  top:calc(50% + 9px);
  height:max(0px,calc(var(--range-height,0px) - 18px));
  transform:translate(-50%,0);
}
.mt-range-end{
  top:calc(50% + var(--range-height,0px));
}


/* V12.6 · Klicksicherheit bei dichten Markergruppen */
.mt-event.is-range{z-index:5}
.mt-event.is-point{z-index:9}
.mt-event.is-open{z-index:30}

.mt-event.is-point .mt-event-axis{z-index:12}
.mt-event.is-range .mt-event-axis{z-index:8}

/* Linien bleiben anklickbar, Punktmarker liegen aber sicher darüber. */
.mt-range-line{z-index:1}
.mt-range-start,.mt-range-end{z-index:4}
.mt-point{z-index:6}

/* Größere unsichtbare Klickfläche, sichtbarer Marker bleibt unverändert. */
.mt-marker-button{
  width:54px;
  height:54px;
}


/* V12.8 · Tooltip immer über allen Markern */
.mt-event:hover,
.mt-event:focus-within{
  z-index:50;
}
.mt-event:hover .mt-event-axis,
.mt-event:focus-within .mt-event-axis{
  z-index:55;
}
.mt-marker-label{
  z-index:60;
}
.mt-event.is-open{
  z-index:70;
}


/* V13 · Drakkar weicht sichtbaren Markern aus */
.mt-current-drakkar.is-avoiding{
  filter:
    drop-shadow(0 5px 9px rgba(0,0,0,.72))
    drop-shadow(0 0 11px rgba(210,173,108,.22));
}


/* V13.8 · Anchor-and-Branch: harte 2D-Kollision statt Knubbel */
.mt-event.is-point .mt-event-axis{
  top:var(--visual-y-offset,0px);
  transition:left .28s ease,top .28s ease;
}
.mt-event.is-point .mt-event-card{
  top:var(--visual-y-offset,0px);
}
.mt-point-anchor{
  display:none;
  position:absolute;
  left:50%;
  top:0;
  width:7px;
  height:7px;
  transform:translate(-50%,-50%) rotate(45deg);
  border:1px solid rgba(210,173,108,.62);
  background:#110f0d;
  z-index:3;
  pointer-events:none;
}
.mt-point-branch{
  display:none;
  position:absolute;
  left:50%;
  top:0;
  height:1px;
  transform-origin:0 50%;
  transform:rotate(var(--branch-angle,0deg));
  background:linear-gradient(90deg,rgba(210,173,108,.34),rgba(210,173,108,.13) 52%,rgba(210,173,108,.04));
  z-index:2;
  pointer-events:none;
}
.mt-event.is-point.has-branch .mt-point-anchor,
.mt-event.is-point.has-branch .mt-point-branch{
  display:block;
}
.mt-event.is-point.has-branch:hover .mt-point-branch,
.mt-event.is-point.has-branch:focus-within .mt-point-branch,
.mt-event.is-point.has-branch.is-open .mt-point-branch{
  height:2px;
  background:linear-gradient(90deg,rgba(224,188,122,.64),rgba(224,188,122,.26) 58%,rgba(224,188,122,.08));
}
.mt-event.is-point.has-branch:hover .mt-point-anchor,
.mt-event.is-point.has-branch:focus-within .mt-point-anchor,
.mt-event.is-point.has-branch.is-open .mt-point-anchor{
  border-color:#d6b271;
  box-shadow:0 0 10px rgba(214,178,113,.28);
}


/* V13.9 · Ein Jahresknoten bündelt alle Punkt-Ereignisse desselben Jahres */
.mt-point-anchor{
  display:none!important;
}
.mt-event.is-point .mt-point-branch{
  display:block;
  height:1px;
  opacity:.34;
  background:linear-gradient(90deg,rgba(210,173,108,.42),rgba(210,173,108,.18) 58%,rgba(210,173,108,.07));
  transition:height .16s ease,opacity .16s ease,filter .16s ease;
}
.mt-event.is-point:hover .mt-point-branch,
.mt-event.is-point:focus-within .mt-point-branch,
.mt-event.is-point.is-open .mt-point-branch,
.mt-event.is-point.is-year-related .mt-point-branch{
  height:2px;
  opacity:.82;
  background:linear-gradient(90deg,rgba(232,198,132,.88),rgba(214,176,108,.43) 62%,rgba(214,176,108,.14));
  filter:drop-shadow(0 0 3px rgba(214,176,108,.18));
}
.mt-year-hub{
  position:absolute;
  left:50%;
  width:11px;
  height:11px;
  transform:translate(-50%,-50%) rotate(45deg);
  border:1px solid rgba(218,178,105,.86);
  background:#100e0c;
  box-shadow:0 0 0 3px rgba(16,14,12,.82),0 0 9px rgba(205,157,76,.12);
  z-index:14;
  pointer-events:auto;
  cursor:default;
}
.mt-year-hub:before{
  content:"";
  position:absolute;
  inset:2px;
  background:rgba(188,130,54,.28);
}
.mt-year-hub:hover,
.mt-year-hub.is-active{
  border-color:#edc879;
  box-shadow:0 0 0 4px rgba(16,14,12,.9),0 0 16px rgba(218,178,105,.32);
}
.mt-event.is-point.is-year-related .mt-point{
  box-shadow:0 0 0 4px rgba(202,165,101,.10),0 0 0 1px color-mix(in srgb,var(--type),#e0bc7a 45%),0 0 20px color-mix(in srgb,var(--type),transparent 52%);
}


/* =========================================================
   V14.2 · ZEITLINIEN-FEINSCHLIFF
   ========================================================= */

/* Vorschau immer rechts vom jeweiligen Marker.
   Dadurch kann ein links liegender Marker seinen Tooltip nicht mehr
   in die feste Filterleiste schieben. */
.mt-event-left .mt-marker-label,
.mt-event-right .mt-marker-label{
  left:28px;
  right:auto;
  text-align:left;
}
.mt-event-left .mt-marker-button:hover .mt-marker-label,
.mt-event-left .mt-marker-button:focus-visible .mt-marker-label,
.mt-event-right .mt-marker-button:hover .mt-marker-label,
.mt-event-right .mt-marker-button:focus-visible .mt-marker-label{
  transform:translate(5px,-50%);
}

/* Offene Karte unterdrückt die Hover-Vorschau weiterhin vollständig. */
.mt-event.is-open .mt-marker-label{
  opacity:0!important;
  visibility:hidden!important;
  transform:translate(5px,-50%)!important;
}


/* =========================================================
   V15.2 · MOBILE · ERSTE ECHTE SPUR: ORTE & SIEDLUNGEN
   ========================================================= */
@media (max-width:1024px){
  .mt-mobile-stage{height:286px}
  .mt-mobile-axis{top:208px}
  .mt-mobile-tick{top:195px}
  .mt-mobile-ship-pointer{top:101px}
  .mt-mobile-sea-glow{bottom:42px;height:150px}

  .mt-mobile-event{
    --mobile-event-lane:0;
    position:absolute;
    z-index:4;
    top:calc(172px - (var(--mobile-event-lane) * 28px));
    width:42px;
    height:42px;
    margin:0;
    padding:0;
    transform:translate(-50%,-50%);
    border:0;
    background:transparent;
    color:inherit;
    font:inherit;
    cursor:pointer;
    touch-action:manipulation;
    -webkit-appearance:none;
    appearance:none;
    border-radius:0;
    box-shadow:none;
  }
  .mt-mobile-event-stem{
    position:absolute;
    z-index:1;
    left:50%;
    top:50%;
    width:1px;
    height:calc(36px + (var(--mobile-event-lane) * 28px));
    transform:translateX(-50%);
    background:linear-gradient(180deg,rgba(187,143,78,.55),rgba(187,143,78,.14));
    pointer-events:none;
  }
  .mt-mobile-event-dot{
    position:absolute;
    z-index:3;
    left:50%;
    top:50%;
    width:12px;
    height:12px;
    transform:translate(-50%,-50%) rotate(45deg);
    border:1px solid #d2ad6d;
    background:#810000;
    box-shadow:0 0 0 4px rgba(129,0,0,.14),0 0 14px rgba(210,173,109,.24);
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
    pointer-events:none;
  }
  .mt-mobile-event.is-focus .mt-mobile-event-dot,
  .mt-mobile-event.is-open .mt-mobile-event-dot{
    transform:translate(-50%,-50%) rotate(45deg) scale(1.28);
    background:#a30e0a;
    box-shadow:0 0 0 5px rgba(129,0,0,.16),0 0 19px rgba(221,177,102,.38);
  }
  .mt-mobile-event:focus-visible{outline:none}
  .mt-mobile-event:focus-visible .mt-mobile-event-dot{box-shadow:0 0 0 5px rgba(129,0,0,.2),0 0 0 2px #e2c27f,0 0 19px rgba(221,177,102,.38)}

  .mt-mobile-event-card{
    position:relative;
    z-index:8;
    width:calc(100% - 28px);
    max-width:560px;
    margin:-2px auto 16px;
    padding:18px 18px 17px;
    border:1px solid rgba(213,191,154,.18);
    border-left:2px solid #810000;
    background:linear-gradient(145deg,rgba(28,22,18,.98),rgba(14,12,10,.98));
    box-shadow:0 18px 38px rgba(0,0,0,.25);
  }
  .mt-mobile-event-card[hidden]{display:none}
  .mt-mobile-event-card-close{position:absolute;right:9px;top:7px;width:34px;height:34px;border:0;background:transparent;color:#a9977d;font:300 1.45rem/1 Barlow,sans-serif;cursor:pointer}
  .mt-mobile-event-card-type{display:inline-block;margin:0 38px 9px 0;padding:4px 8px;background:#810000;color:#ead7b5;font:800 .52rem Barlow,sans-serif;letter-spacing:.09em;text-transform:uppercase}
  .mt-mobile-event-card-date{display:block;margin-bottom:4px;color:#b58c52;font:800 .63rem Barlow,sans-serif;letter-spacing:.09em;text-transform:uppercase}
  .mt-mobile-event-card h2{margin:0;color:#ead8b9;font-family:var(--serif);font-size:1.35rem;line-height:1.05;font-weight:600}
  .mt-mobile-event-card p{margin:9px 0 0;color:#a99a86;font-size:.78rem;line-height:1.52}
  .mt-mobile-build-note strong{color:#9d835b;font-weight:700}
}

@media (max-width:420px){
  .mt-mobile-stage{height:274px}
  .mt-mobile-axis{top:200px}
  .mt-mobile-tick{top:187px}
  .mt-mobile-ship-pointer{top:93px}
  .mt-mobile-event{top:calc(164px - (var(--mobile-event-lane) * 27px))}
  .mt-mobile-event-stem{height:calc(36px + (var(--mobile-event-lane) * 27px))}
}

/* V15.3: Mobile Ereignisse als reine Punkte; korrigierte CSS-Zeilenumbrüche. */


/* =========================================================
   V15.5 · MOBILE · GEMEINSAME SPURFARBEN + FILTER
   Desktop-Farblogik ist die einzige Farbreferenz.
   ========================================================= */
@media (max-width:1024px){
  .mt-mobile-event{--type:#8d2d25}
  .mt-mobile-event.group-power{--type:#667956}
  .mt-mobile-event.group-people{--type:#596f82}
  .mt-mobile-event.group-places{--type:#8a6543}
  .mt-mobile-event.group-culture{--type:#a17b39}
  .mt-mobile-event.group-contacts{--type:#4e7a76}
  .mt-mobile-event.group-sources{--type:#807b74}
  .mt-mobile-event.group-developments{--type:#775d82}
  .mt-mobile-event[hidden]{display:none!important}
  .mt-mobile-event-dot{background:var(--type);border-color:color-mix(in srgb,var(--type),#e0bd7b 52%);box-shadow:0 0 7px color-mix(in srgb,var(--type),transparent 76%)}
  .mt-mobile-event-stem{background:linear-gradient(180deg,color-mix(in srgb,var(--type),#d5b779 38%),color-mix(in srgb,var(--type),transparent 84%))}
  .mt-mobile-event.is-focus .mt-mobile-event-dot,.mt-mobile-event.is-open .mt-mobile-event-dot{background:color-mix(in srgb,var(--type),#fff 10%);box-shadow:0 0 0 5px color-mix(in srgb,var(--type),transparent 82%),0 0 19px color-mix(in srgb,var(--type),#e0bd7b 25%)}
  .mt-mobile-event-card{--card-type:#8d2d25;border-left-color:var(--card-type)}
  .mt-mobile-event-card[data-group="power"]{--card-type:#667956}.mt-mobile-event-card[data-group="people"]{--card-type:#596f82}.mt-mobile-event-card[data-group="places"]{--card-type:#8a6543}.mt-mobile-event-card[data-group="culture"]{--card-type:#a17b39}.mt-mobile-event-card[data-group="contacts"]{--card-type:#4e7a76}.mt-mobile-event-card[data-group="sources"]{--card-type:#807b74}.mt-mobile-event-card[data-group="developments"]{--card-type:#775d82}
  .mt-mobile-event-card-type{background:var(--card-type)}

  .mt-mobile-actions button{cursor:pointer;color:#d8c3a0;border-color:rgba(213,191,154,.24);background:linear-gradient(135deg,rgba(129,0,0,.13),rgba(21,17,14,.92));box-shadow:0 12px 28px rgba(0,0,0,.16)}
  .mt-mobile-actions button span{color:#c29a5c}
  .mt-mobile-build-note{margin-bottom:18px}

  .mt-mobile-filter-backdrop{position:fixed;z-index:190;inset:0;background:rgba(4,3,2,.72);backdrop-filter:blur(2px)}
  .mt-mobile-filter-sheet{position:fixed;z-index:191;left:0;right:0;bottom:0;max-height:min(82vh,720px);overflow-y:auto;padding:9px 18px calc(20px + env(safe-area-inset-bottom));border-top:1px solid rgba(213,191,154,.24);background:radial-gradient(circle at 50% 0,rgba(129,0,0,.18),transparent 35%),linear-gradient(165deg,#211914,#0d0b09 68%);box-shadow:0 -24px 70px rgba(0,0,0,.55);border-radius:20px 20px 0 0}
  .mt-mobile-filter-sheet[hidden],.mt-mobile-filter-backdrop[hidden]{display:none!important}
  .mt-mobile-filter-handle{width:42px;height:4px;margin:1px auto 16px;border-radius:4px;background:rgba(213,191,154,.3)}
  .mt-mobile-filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px}
  .mt-mobile-filter-head span{display:block;color:#a88755;font:800 .56rem Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase}
  .mt-mobile-filter-head h2{margin:4px 0 0;color:#ead7b6;font-family:var(--serif);font-size:1.55rem;line-height:1.08;font-weight:600}
  .mt-mobile-filter-head button{flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(213,191,154,.16);background:rgba(255,255,255,.02);color:#b8a58a;font:300 1.55rem/1 Barlow,sans-serif}
  .mt-mobile-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .mt-mobile-filter-option{--flag:#8d2d25;--flag-muted:#46433f;position:relative;min-width:0}
  .mt-mobile-filter-option.group-power{--flag:#667956}.mt-mobile-filter-option.group-people{--flag:#596f82}.mt-mobile-filter-option.group-places{--flag:#8a6543}.mt-mobile-filter-option.group-culture{--flag:#a17b39}.mt-mobile-filter-option.group-contacts{--flag:#4e7a76}.mt-mobile-filter-option.group-sources{--flag:#807b74}.mt-mobile-filter-option.group-developments{--flag:#775d82}
  .mt-mobile-filter-option input{position:absolute;opacity:0;pointer-events:none}
  .mt-mobile-filter-flag{min-height:62px;display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--flag),#d6bb8d 30%);background:var(--flag);transition:.18s ease}
  .mt-mobile-filter-icon{width:21px;height:21px;flex:0 0 21px;color:#fff5e6}.mt-mobile-filter-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
  .mt-mobile-filter-flag b{color:#fff5e6;font:800 .68rem/1.16 Barlow,sans-serif;text-transform:uppercase;letter-spacing:.035em}
  .mt-mobile-filter-option input:not(:checked)+.mt-mobile-filter-flag{background:var(--flag-muted);border-color:#5d5954;opacity:.72}
  .mt-mobile-filter-option input:focus-visible+.mt-mobile-filter-flag{outline:2px solid #d5bf9a;outline-offset:2px}
  .mt-mobile-filter-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;margin-top:16px}
  .mt-mobile-filter-actions button{min-height:48px;padding:8px 10px;border:1px solid rgba(213,191,154,.2);background:transparent;color:#c6b08e;font:800 .62rem Barlow,sans-serif;letter-spacing:.06em;text-transform:uppercase}
  .mt-mobile-filter-actions #mt-mobile-filter-apply{border-color:#8f6c39;background:#8a6543;color:#fff5e6}
  body.mt-mobile-filter-open{overflow:hidden}
}


/* V15.7 · Mobile Filter-Positionsfix + weiter gestreckte Zeitachse (12.5 px/Jahr). */

/* V15.8 · Mobile: nichtlineare Zeit-Skalierung + Safari-Stabilisierung. */
@media (max-width:1024px){
  .mt-mobile-event.is-offscreen{display:none!important}
  .mt-mobile-event{contain:style}
  .mt-mobile-track{contain:layout style}
  .mt-mobile-viewport{overscroll-behavior-x:none}
}


/* =========================================================
   V15.9 · MOBILE · SAFARI-STABILITÄT + DURCHGEHENDE STÄBE
   ========================================================= */
@media (max-width:1024px){
  .mt-mobile-event-stem{
    display:block;
    opacity:.92;
    transform:translateX(-50%);
    will-change:auto;
  }
  .mt-mobile-event.is-near .mt-mobile-event-dot{
    box-shadow:0 0 0 3px color-mix(in srgb,var(--type),transparent 86%),0 0 11px color-mix(in srgb,var(--type),transparent 72%);
  }
  .mt-mobile-event.is-offscreen{display:none!important}
  .mt-mobile-track{contain:layout style}
}


/* =========================================================
   V16.0 · MOBILE NORSESTORY-FAHNEN
   Eigene Touch-Darstellung, dieselben Spurfarben wie Desktop.
   ========================================================= */
@media(max-width:1024px){
  .mt-mobile-filter-grid{gap:12px 18px;padding:4px 10px 0 0}
  .mt-mobile-filter-option{--flag:#8d2d25;--flag-muted:#46433f;display:block;min-width:0;cursor:pointer}
  .mt-mobile-filter-option.group-power{--flag:#667956}.mt-mobile-filter-option.group-people{--flag:#596f82}.mt-mobile-filter-option.group-places{--flag:#8a6543}.mt-mobile-filter-option.group-culture{--flag:#a17b39}.mt-mobile-filter-option.group-contacts{--flag:#4e7a76}.mt-mobile-filter-option.group-sources{--flag:#807b74}.mt-mobile-filter-option.group-developments{--flag:#775d82}
  .mt-mobile-filter-flag{position:relative;min-height:64px;display:flex;align-items:center;gap:10px;margin-right:15px;padding:11px 14px 11px 13px;border:1px solid color-mix(in srgb,var(--flag),#d6bb8d 34%);border-right:0;background:var(--flag);box-shadow:0 7px 18px rgba(0,0,0,.16);transition:background-color .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease}
  .mt-mobile-filter-flag:after{content:"";position:absolute;top:-1px;right:-15px;width:16px;height:calc(100% + 2px);background:var(--flag);clip-path:polygon(0 0,100% 50%,0 100%);transition:background-color .18s ease}
  .mt-mobile-filter-option input:not(:checked)+.mt-mobile-filter-flag{background:var(--flag-muted);border-color:#5d5954;opacity:1}
  .mt-mobile-filter-option input:not(:checked)+.mt-mobile-filter-flag:after{background:var(--flag-muted)}
  .mt-mobile-filter-option input:not(:checked)+.mt-mobile-filter-flag b{color:#e6dfd5}
  .mt-mobile-filter-option input:not(:checked)+.mt-mobile-filter-flag .mt-mobile-filter-icon{color:#ddd6cb}
  .mt-mobile-filter-option input:checked+.mt-mobile-filter-flag{box-shadow:0 7px 18px rgba(0,0,0,.16),0 0 0 1px color-mix(in srgb,var(--flag),#fff 18%)}
  .mt-mobile-filter-option:active .mt-mobile-filter-flag{transform:translateX(2px)}
  .mt-mobile-filter-icon{width:23px;height:23px;flex:0 0 23px;display:grid;place-items:center;color:#fff5e6}
  .mt-mobile-filter-flag b{color:#fff5e6;font:800 .69rem/1.16 Barlow,sans-serif;text-transform:uppercase;letter-spacing:.025em;text-shadow:0 1px 2px rgba(0,0,0,.38)}

  .mt-mobile-all-flag{position:relative;width:calc(100% - 16px);min-height:58px;display:flex;align-items:center;gap:12px;margin:0 16px 16px 0;padding:10px 16px;border:1px solid rgba(213,191,154,.27);border-right:0;background:#403d39;color:#e6dfd5;text-align:left;transition:.18s ease}
  .mt-mobile-all-flag:after{content:"";position:absolute;top:-1px;right:-16px;width:17px;height:calc(100% + 2px);background:#403d39;clip-path:polygon(0 0,100% 50%,0 100%);transition:.18s ease}
  .mt-mobile-all-flag.is-active{background:linear-gradient(90deg,#6d531f,#8f6e2c);border-color:#b89556;color:#fff5e6}
  .mt-mobile-all-flag.is-active:after{background:#8f6e2c}
  .mt-mobile-all-flag-icon{font-size:1.15rem;color:#d7b979}.mt-mobile-all-flag b{display:block;font:800 .72rem Barlow,sans-serif;letter-spacing:.06em;text-transform:uppercase}.mt-mobile-all-flag small{display:block;margin-top:3px;color:#bdb09e;font:.68rem Barlow,sans-serif}.mt-mobile-all-flag.is-active small{color:#ead9ba}

  .mt-mobile-filter-actions{grid-template-columns:.62fr 1.38fr}
  .mt-mobile-filter-actions #mt-mobile-filter-none{background:transparent;color:#9f907d}

  .mt-mobile-active-trails{position:relative;z-index:4;width:calc(100% - 40px);max-width:520px;margin:13px auto 0;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;row-gap:7px;color:#74695b;font-size:.7rem;line-height:1.35}
  .mt-mobile-active-trails>strong{color:#8e7d67;font:800 .55rem Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase}
  .mt-mobile-active-trails>#mt-mobile-filter-summary{grid-column:1/-1;text-align:center;color:#74695b}
  .mt-mobile-active-flags{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-height:24px}
  .mt-mobile-active-flag{--mini:#8d2d25;position:relative;width:25px;height:21px;display:grid;place-items:center;margin-right:5px;background:var(--mini);color:#fff5e6;box-shadow:0 3px 7px rgba(0,0,0,.18)}
  .mt-mobile-active-flag:after{content:"";position:absolute;right:-6px;top:0;width:7px;height:100%;background:var(--mini);clip-path:polygon(0 0,100% 50%,0 100%)}
  .mt-mobile-active-flag svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mt-mobile-active-flag.group-power{--mini:#667956}.mt-mobile-active-flag.group-people{--mini:#596f82}.mt-mobile-active-flag.group-places{--mini:#8a6543}.mt-mobile-active-flag.group-culture{--mini:#a17b39}.mt-mobile-active-flag.group-contacts{--mini:#4e7a76}.mt-mobile-active-flag.group-sources{--mini:#807b74}.mt-mobile-active-flag.group-developments{--mini:#775d82}
}
@media(max-width:390px){
  .mt-mobile-filter-grid{grid-template-columns:1fr;gap:10px;padding-right:8px}
  .mt-mobile-filter-sheet{padding-left:16px;padding-right:16px}
}

/* =========================================================
   V16.1 – MOBILE TUTORIAL
   ========================================================= */
@media (max-width:1024px){
  .mt-mobile-tour-replay{display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;margin:13px auto 0;padding:8px 13px;border:1px solid rgba(213,191,154,.16);background:transparent;color:#887966;font:700 .62rem Barlow,sans-serif;letter-spacing:.045em;text-transform:uppercase}
  .mt-mobile-tour-replay span{display:grid;place-items:center;width:19px;height:19px;border:1px solid rgba(213,191,154,.25);border-radius:50%;color:#b99b6b;font-weight:900}.mt-mobile-tour-replay b{font:inherit}
  .mt-mobile-tour{position:fixed;z-index:240;inset:0;pointer-events:none}.mt-mobile-tour[hidden]{display:none!important}
  .mt-mobile-tour-dim{position:absolute;inset:0;background:rgba(5,4,3,.48);backdrop-filter:blur(1px);pointer-events:none}
  .mt-mobile-tour-card{position:absolute;z-index:4;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));padding:19px 18px 16px;border:1px solid rgba(213,191,154,.27);border-top:2px solid #810000;background:radial-gradient(circle at 90% 0,rgba(129,0,0,.18),transparent 34%),linear-gradient(160deg,#251d17,#100d0b 74%);box-shadow:0 22px 60px rgba(0,0,0,.52);pointer-events:auto}
  .mt-mobile-tour-pennant{display:inline-block;margin-bottom:7px;color:#bd9c69;font:800 .58rem Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase}.mt-mobile-tour-counter{float:right;color:#74695b;font:700 .58rem Barlow,sans-serif;letter-spacing:.08em}
  .mt-mobile-tour-card h2{clear:both;margin:2px 0 8px;color:#ead7b6;font-family:var(--serif);font-size:1.45rem;line-height:1.08;font-weight:600}.mt-mobile-tour-card>p{margin:0;color:#b8aa96;font-size:.82rem;line-height:1.55}
  .mt-mobile-tour-task{margin-top:11px!important;padding:9px 10px;border-left:2px solid #9a743b;background:rgba(213,191,154,.055);color:#d4bd96!important;font-weight:700}
  .mt-mobile-tour-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.mt-mobile-tour-actions button{min-height:45px;padding:9px 10px;border:1px solid rgba(213,191,154,.22);background:rgba(255,255,255,.025);color:#c7b394;font:800 .64rem Barlow,sans-serif;letter-spacing:.035em;text-transform:uppercase}.mt-mobile-tour-actions button.is-primary{border-color:#8c6937;background:linear-gradient(135deg,#7b0000,#4c0906);color:#f0ddbc}.mt-mobile-tour-actions button:disabled{opacity:.38}
  body.mt-mobile-tour-open{overflow:hidden}
  .mt-mobile-tour-running .mt-mobile-tour-focus{filter:drop-shadow(0 0 10px rgba(224,189,123,.72))}
  .mt-mobile-tour-running .mt-mobile-viewport.mt-mobile-tour-focus{outline:1px solid rgba(224,189,123,.55);outline-offset:-2px;filter:none}
  .mt-mobile-tour-running .mt-mobile-event.mt-mobile-tour-focus{display:block!important;opacity:1!important;pointer-events:auto!important}
  .mt-mobile-tour-running .mt-mobile-event.mt-mobile-tour-focus .mt-mobile-event-dot{transform:scale(1.35);box-shadow:0 0 0 6px rgba(224,189,123,.16),0 0 24px rgba(224,189,123,.7)}
  .mt-mobile-tour-running #mt-mobile-filter-open.mt-mobile-tour-focus{box-shadow:0 0 0 2px rgba(224,189,123,.42),0 0 28px rgba(129,0,0,.34)}
  .mt-mobile-tour-running #mt-mobile-ship-pointer.mt-mobile-tour-focus{filter:drop-shadow(0 0 13px rgba(224,189,123,.72))}
}


/* =========================================================
   V16.2 – MOBILE TUTORIAL: Sichtbarkeit + echte Bedienbarkeit
   ========================================================= */
@media (max-width:1024px){
  /* [hidden] muss die grid-Regel der Buttonbereiche sicher schlagen. */
  .mt-mobile-tour-actions[hidden],
  .mt-mobile-tour-task[hidden]{display:none!important}

  /* Die Karte sitzt oben, damit Drakkar, Achse und Punkte darunter sichtbar
     und während der Erklärung tatsächlich bedienbar bleiben. */
  .mt-mobile-tour-card{
    top:calc(92px + env(safe-area-inset-top));
    bottom:auto;
    max-height:min(48vh,430px);
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }

  /* Der dunkle Schleier blockiert keine Wisch-/Tap-Interaktionen der Timeline. */
  .mt-mobile-tour-dim{background:rgba(5,4,3,.36);backdrop-filter:blur(.7px)}
  body.mt-mobile-tour-open{overflow-x:hidden;overflow-y:auto}

  /* Im laufenden Tutorial bleibt die horizontale Timeline ausdrücklich bedienbar. */
  .mt-mobile-tour-running .mt-mobile-viewport{
    pointer-events:auto!important;
    touch-action:pan-x!important;
  }
}

@media (max-width:390px){
  .mt-mobile-tour-card{
    left:10px;
    right:10px;
    top:calc(82px + env(safe-area-inset-top));
    padding:16px 15px 14px;
    max-height:min(46vh,390px);
  }
  .mt-mobile-tour-card h2{font-size:1.3rem}
  .mt-mobile-tour-card>p{font-size:.77rem;line-height:1.48}
  .mt-mobile-tour-actions{gap:7px;margin-top:12px}
  .mt-mobile-tour-actions button{min-height:42px;font-size:.59rem}
}


/* =========================================================
   V16.3 – MOBILE TUTORIAL: Zielpunkt frei + sauberer Abschluss
   ========================================================= */
@media (max-width:1024px){
  /* In Schritt 3 sitzt die Erklärung höher, damit der markierte Punkt
     darunter vollständig sichtbar und bequem antippbar bleibt. */
  .mt-mobile-tour-card[data-step="3"]{
    top:calc(18px + env(safe-area-inset-top));
    max-height:min(46vh,410px);
  }
}
@media (max-width:390px){
  .mt-mobile-tour-card[data-step="3"]{
    top:calc(8px + env(safe-area-inset-top));
    max-height:min(44vh,370px);
  }
}

/* =========================================================
   V16.4 – MOBILE TUTORIAL: klare Aktionsziele
   Schritt 3: Ereignispunkt deutlich pulsierend neben dem Drakkar.
   Schritt 4: Spurenauswahl bewusst weiter unten und unübersehbar.
   ========================================================= */
@media (max-width:1024px){
  .mt-mobile-explorer[data-mobile-tour-step="3"] .mt-mobile-event.mt-mobile-tour-focus .mt-mobile-event-dot{
    animation:mtMobileTourEventPulse 1.05s ease-in-out infinite;
    background:color-mix(in srgb,var(--type),#fff 18%);
    border-color:#efd18e;
  }
  .mt-mobile-explorer[data-mobile-tour-step="3"] .mt-mobile-event.mt-mobile-tour-focus .mt-mobile-event-dot:after{
    content:"";
    position:absolute;
    inset:-12px;
    border:2px solid rgba(239,209,142,.82);
    border-radius:50%;
    box-shadow:0 0 18px rgba(239,209,142,.48);
    animation:mtMobileTourEventRing 1.05s ease-out infinite;
  }

  .mt-mobile-explorer[data-mobile-tour-step="4"] .mt-mobile-actions{
    z-index:241;
  }
  .mt-mobile-explorer[data-mobile-tour-step="4"] #mt-mobile-filter-open.mt-mobile-tour-focus{
    position:relative;
    z-index:242;
    color:#f0ddba;
    border-color:#d2ad6d;
    background:linear-gradient(135deg,rgba(129,0,0,.28),rgba(31,24,18,.98));
    animation:mtMobileTourFilterPulse 1.15s ease-in-out infinite;
  }
  .mt-mobile-explorer[data-mobile-tour-step="4"] #mt-mobile-filter-open.mt-mobile-tour-focus span{
    color:#e0ba75;
  }
}

@keyframes mtMobileTourEventPulse{
  0%,100%{
    transform:translate(-50%,-50%) rotate(45deg) scale(1.18);
    box-shadow:0 0 0 5px rgba(224,189,123,.16),0 0 19px rgba(224,189,123,.72);
  }
  50%{
    transform:translate(-50%,-50%) rotate(45deg) scale(1.72);
    box-shadow:0 0 0 11px rgba(224,189,123,.09),0 0 34px rgba(239,209,142,.98);
  }
}
@keyframes mtMobileTourEventRing{
  0%{transform:scale(.72);opacity:.95}
  80%,100%{transform:scale(1.65);opacity:0}
}
@keyframes mtMobileTourFilterPulse{
  0%,100%{
    transform:scale(1);
    box-shadow:0 0 0 1px rgba(224,189,123,.52),0 0 19px rgba(224,189,123,.24),0 14px 28px rgba(0,0,0,.28);
  }
  50%{
    transform:scale(1.025);
    box-shadow:0 0 0 4px rgba(224,189,123,.18),0 0 36px rgba(224,189,123,.62),0 16px 34px rgba(0,0,0,.34);
  }
}

/* V16.6 – MOBILE TUTORIAL: Schritt 2 höher positionieren */
@media (max-width:1024px){
  .mt-mobile-tour-card[data-step="2"]{
    top:calc(34px + env(safe-area-inset-top));
    max-height:min(46vh,410px);
  }
}
@media (max-width:390px){
  .mt-mobile-tour-card[data-step="2"]{
    top:calc(20px + env(safe-area-inset-top));
    max-height:min(44vh,370px);
  }
}