:root{--marke: #2FA6A0;--marke-hell: #4FC3BC;--grund-600: #242429;--grund-700: #1A1A1E;--grund-800: #121214;--grau-300: #9DA0A8;--grau-400: #71747C;--weiss: #FAFAFA;--accent: var(--marke);--accent-glow: var(--marke-hell);--bg-card: var(--grund-600);--bg-elevated: var(--grund-700);--bg-secondary: var(--grund-800);--border-color: rgba(255, 255, 255, 0.1);--shadow-card: 0 4px 20px rgba(0, 0, 0, 0.3);--text-muted: var(--grau-400);--text-primary: var(--weiss);--text-secondary: var(--grau-300);--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Segoe UI Semibold", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--grund-800);color:var(--text-primary);font-family:var(--font-body)}.filter-tab{padding:10px 20px;border:1px solid var(--grund-600);border-radius:999px;background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;flex-shrink:0}.filter-tab:hover{border-color:var(--accent);color:var(--accent)}.filter-tab.active{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 4px 12px rgba(255,107,74,0.3)}.tour-page{padding-top:10rem;padding-bottom:0}.tour-wrap{margin:2.5rem 0 3.5rem}.tour-viewer{width:100%;height:min(70vh,700px);border-radius:16px;overflow:hidden;position:relative;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card)}.tour-viewer.is-focused{outline:2px solid var(--accent);outline-offset:3px}.tour-viewer .psv-navbar{background:rgba(10,10,11,0.75);backdrop-filter:blur(6px)}.tour-viewer .psv-button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tour-compass{position:absolute;left:14px;bottom:54px;width:72px;height:72px;border-radius:50%;background:rgba(10,10,11,0.75);border:1px solid rgba(255,255,255,0.14);box-shadow:0 2px 12px rgba(0,0,0,0.45);pointer-events:none;z-index:5}.tour-compass svg{display:block;width:100%;height:100%}.tour-compass-cone{fill:var(--accent);opacity:0.32}.tour-compass-north{fill:var(--accent)}.tour-compass-label{font-family:var(--font-body);font-size:17px;font-weight:500;fill:#FFFFFF}.tour-compass-tick{fill:rgba(255,255,255,0.28)}.tour-compass-center{fill:rgba(255,255,255,0.5)}.tour-viewer.hat-minimap .tour-compass{display:none}.tour-minimap{position:absolute;left:14px;bottom:54px;z-index:5;pointer-events:none}.tour-minimap.is-aus{display:none}.tour-minimap-kreis{position:relative;width:132px;height:132px;border-radius:50%;overflow:hidden;background:rgba(0,32,96,0.72);border:1px solid rgba(255,255,255,0.30);box-shadow:0 4px 18px rgba(0,0,0,0.55),0 1px 4px rgba(0,0,0,0.45);pointer-events:auto;transition:background-color 0.18s ease}.tour-minimap-kreis:hover{background:rgba(0,32,96,1)}.tour-minimap-dreher{position:absolute;inset:0;transform-origin:50% 50%;transition:none;will-change:transform}.tour-minimap-lage{position:absolute;background-repeat:no-repeat;background-size:100% 100%;opacity:0.72;transition:opacity 0.18s ease,left 0.35s ease,top 0.35s ease}.tour-minimap-kreis:hover .tour-minimap-lage{opacity:1}.tour-minimap-marke{position:absolute;width:9px;height:9px;padding:0;margin:0;border-radius:50%;border:1.5px solid rgba(9,12,16,0.85);background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 4px rgba(0,0,0,0.55);cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .12s ease,background-color .12s ease}.tour-minimap-marke:hover,.tour-minimap-marke:focus-visible{background:#fffbe8;transform:translate(-50%,-50%) scale(1.25)}.tour-minimap-marke:focus-visible{outline:2px solid #fff;outline-offset:2px}.tour-minimap-marke.is-hier{background:var(--tour-akzent, #f5b301);cursor:default;transform:translate(-50%,-50%)}.tour-minimap-marke.is-hier:hover{transform:translate(-50%,-50%)}@media (prefers-reduced-motion: reduce){.tour-minimap-lage,.tour-minimap-kegel{transition:none}.tour-minimap-marke{transition:none}.tour-minimap-marke:hover,.tour-minimap-marke:focus-visible{transform:translate(-50%,-50%)}}.tour-minimap-nord{position:absolute;left:50%;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:1px;padding-top:3px}.tour-minimap-nord i{display:block;width:1.5px;height:7px;background:#fff;border-radius:1px}.tour-minimap-nord b{font-family:var(--font-body);font-size:9px;font-weight:700;line-height:1;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.9)}.tour-minimap-kegel{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.tour-minimap-kegel svg{display:block;width:100%;height:100%}.tour-minimap-kegel path{fill:#fff;opacity:0.25}.tour-buehne.mit-karte-rechts{display:flex;align-items:flex-start;gap:16px;width:min(1800px,94vw);margin-left:calc(50% - min(900px,47vw))}.tour-buehne.mit-karte-rechts .tour-viewer{flex:1 1 auto;min-width:0;height:min(84vh,900px)}.tour-minimap.ist-gross{position:static;flex:0 0 auto;z-index:auto;pointer-events:auto}.tour-minimap.ist-gross .tour-minimap-kreis{border-radius:16px;border:0;background:rgba(0,32,96,1);box-shadow:var(--shadow-card, 0 4px 18px rgba(0, 0, 0, 0.45))}.tour-minimap.ist-gross .tour-minimap-lage{opacity:1}.tour-minimap.ist-gross .tour-minimap-nord{opacity:0.75}.tour-minimap.ist-gross .tour-minimap-marke{width:12px;height:12px;border-width:2px}.tour-minimap.ist-gross .tour-minimap-kegel{width:96px;height:96px}.tour-minimap.ist-gross .tour-minimap-quelle{font-size:10px}.tour-minimap.ohne-uebergang .tour-minimap-lage,.tour-minimap.ohne-uebergang .tour-minimap-marke,.tour-minimap.ohne-uebergang .tour-minimap-kegel{transition:none}.tour-minimap-zoom{pointer-events:auto;margin-top:6px;padding:0 2px}.tour-minimap-zoom-regler{display:block;width:100%;height:14px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.tour-minimap-zoom-regler::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:rgba(255,255,255,0.35)}.tour-minimap-zoom-regler::-moz-range-track{height:4px;border-radius:2px;background:rgba(255,255,255,0.35)}.tour-minimap-zoom-regler::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:#fff;border:1px solid rgba(9,12,16,0.85);box-shadow:0 0 4px rgba(0,0,0,0.55)}.tour-minimap-zoom-regler::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:1px solid rgba(9,12,16,0.85);box-shadow:0 0 4px rgba(0,0,0,0.55)}.tour-minimap-zoom-regler:focus-visible{outline:2px solid #fff;outline-offset:2px}.tour-minimap-quelle{margin:3px 0 0;font-size:8px;line-height:1.3;color:rgba(255,255,255,0.60);text-shadow:0 1px 3px rgba(0,0,0,0.85)}.psv-button.psv-custom-button.tour-karte-btn{width:20px}.psv-button.tour-karte-btn.is-aus{opacity:0.45}.tour-keyboard-hint{display:flex;align-items:center;gap:0.5rem;margin:0.9rem 0 0;color:var(--text-muted);font-size:0.85rem}.tour-keyboard-hint svg{width:16px;height:16px;flex-shrink:0}.tour-nodes{display:flex;flex-wrap:wrap;gap:10px;margin-top:1.4rem}.tour-keyboard-hint[hidden],.tour-nodes[hidden]{display:none}.tour-share-btn{display:inline-flex;align-items:center;gap:0.45rem;margin-left:auto}.tour-share-btn svg{width:16px;height:16px}.tour-hotspot{cursor:pointer}.tour-hotspot-dot{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:rgba(250,250,250,0.88);border:2px solid var(--accent);box-shadow:0 2px 12px rgba(0,0,0,0.45);color:var(--accent);transition:transform 0.2s ease,background 0.2s ease}.tour-hotspot-dot svg{width:22px;height:22px}.tour-hotspot:hover .tour-hotspot-dot,.tour-hotspot:focus-visible .tour-hotspot-dot{background:var(--weiss);border-color:var(--accent-glow);color:var(--accent-glow);transform:scale(1.12)}.tour-hotspot:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.tour-videopunkt{position:relative;width:96px;height:96px;border-radius:50%;overflow:hidden;background:rgba(20,20,20,0.6);box-shadow:0 4px 16px rgba(0,0,0,0.5);transition:transform 0.2s ease}.tour-videopunkt-video{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;background:#111}.tour-videopunkt-ring{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(15,15,15,0.85);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.25);pointer-events:none}.tour-videopunkt.ist-ruhig .tour-videopunkt-ring::after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-40%,-50%);border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent rgba(255,255,255,0.92);filter:drop-shadow(0 1px 3px rgba(0,0,0,0.7))}.tour-hotspot:hover .tour-videopunkt,.tour-hotspot:focus-visible .tour-videopunkt{transform:scale(1.06)}.tour-hotspot:hover .tour-videopunkt-ring,.tour-hotspot:focus-visible .tour-videopunkt-ring{border-color:var(--accent)}@media (max-width: 600px){.tour-videopunkt{width:72px;height:72px}.tour-videopunkt-ring{border-width:2px}}.tour-panel{padding:4px 2px 8px}.tour-panel-titel{font-family:var(--font-display);font-size:1.15rem;line-height:1.25;margin:0 0 12px;color:var(--text-primary)}.tour-panel-video{display:block;width:100%;max-width:100%;height:auto;margin:0 0 14px;border-radius:10px}.tour-panel-text{font-size:0.95rem;line-height:1.6;color:var(--text-secondary)}.tour-panel-text p{margin:0 0 0.8em}.tour-panel-text p:last-child{margin-bottom:0}.tour-panel-knopf{display:inline-block;margin-top:16px;padding:10px 18px;border-radius:8px;background:var(--accent);color:var(--weiss);font-weight:600;font-size:0.92rem;text-decoration:none;transition:background 0.2s ease}.tour-panel-knopf:hover,.tour-panel-knopf:focus-visible{background:var(--accent-glow)}.tour-link-arrow svg path{stroke:rgba(0,0,0,0.6);stroke-width:4;stroke-linejoin:round;paint-order:stroke}.tour-link-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.tour-toast{margin:0.9rem 0 0;padding:0.7rem 1.1rem;border-radius:10px;background:var(--bg-elevated);border:1px solid var(--accent);color:var(--text-primary);font-size:0.9rem;opacity:0;transform:translateY(-4px);transition:opacity 0.25s ease,transform 0.25s ease}.tour-toast.is-visible{opacity:1;transform:translateY(0)}.tour-description{margin-top:1.4rem;padding:1rem 1.2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.tour-description summary{cursor:pointer;color:var(--text-secondary);font-weight:500}.tour-description summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tour-description p{margin:0.8rem 0 0;color:var(--text-secondary);font-size:0.95rem;line-height:1.65}.tour-fallback-hint{margin:0 0 1.4rem;padding:0.9rem 1.1rem;border-radius:10px;background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-secondary);font-size:0.92rem}.tour-fallback-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.tour-fallback-item{margin:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card)}.tour-fallback-item img{display:block;width:100%;height:auto}.tour-fallback-item figcaption{display:block;padding:1rem 1.1rem 1.2rem}.tour-fallback-item figcaption strong{display:block;margin-bottom:0.4rem;color:var(--text-primary);font-family:var(--font-display);font-size:1.15rem;letter-spacing:0.02em}.tour-fallback-item figcaption span{color:var(--text-secondary);font-size:0.9rem;line-height:1.6}.tour-notice{max-width:620px;margin:3rem auto;padding:2.5rem 2rem;text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-card)}.tour-notice-icon{color:var(--accent);margin-bottom:1rem}.tour-notice-icon svg{width:40px;height:40px}.tour-notice-title{font-family:var(--font-display);font-size:1.6rem;color:var(--text-primary);margin:0 0 0.7rem}.tour-notice-text{color:var(--text-secondary);margin:0 0 1.6rem;line-height:1.65}.tour-debug{position:fixed;left:16px;bottom:16px;z-index:9000;width:300px;max-height:60vh;overflow:auto;padding:0.9rem 1rem;background:rgba(10,10,11,0.94);border:1px solid var(--accent);border-radius:12px;color:#FAFAFA;font-size:0.8rem;box-shadow:0 8px 30px rgba(0,0,0,0.6)}.tour-debug-head{display:flex;flex-direction:column;gap:0.2rem;margin-bottom:0.7rem}.tour-debug-node{color:var(--accent);font-size:0.9rem}.tour-debug-coords{font-family:monospace}.tour-debug-modes{display:flex;flex-direction:column;gap:0.3rem;margin-bottom:0.7rem}.tour-debug-modes label{display:flex;align-items:center;gap:0.4rem;cursor:pointer}.tour-debug-start{width:100%;padding:0.5rem 0.7rem;background:transparent;border:1px solid var(--accent);border-radius:8px;color:var(--accent);font-size:0.78rem;cursor:pointer;transition:all 0.2s ease}.tour-debug-start:hover{border-color:var(--accent-glow);color:var(--accent-glow)}.tour-debug-out{margin:0.7rem 0 0;padding:0.6rem;background:rgba(255,255,255,0.06);border-radius:8px;font-family:monospace;font-size:0.72rem;white-space:pre-wrap;word-break:break-word}[data-theme=light] .tour-viewer,[data-theme=light-blue] .tour-viewer,[data-theme=light-green] .tour-viewer,[data-theme=light-purple] .tour-viewer,[data-theme=light] .tour-fallback-item,[data-theme=light-blue] .tour-fallback-item,[data-theme=light-green] .tour-fallback-item,[data-theme=light-purple] .tour-fallback-item,[data-theme=light] .tour-notice,[data-theme=light-blue] .tour-notice,[data-theme=light-green] .tour-notice,[data-theme=light-purple] .tour-notice{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card)}[data-theme=light] .tour-description,[data-theme=light-blue] .tour-description,[data-theme=light-green] .tour-description,[data-theme=light-purple] .tour-description,[data-theme=light] .tour-fallback-hint,[data-theme=light-blue] .tour-fallback-hint,[data-theme=light-green] .tour-fallback-hint,[data-theme=light-purple] .tour-fallback-hint,[data-theme=light] .tour-toast,[data-theme=light-blue] .tour-toast,[data-theme=light-green] .tour-toast,[data-theme=light-purple] .tour-toast{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=light] .tour-hotspot-dot,[data-theme=light-blue] .tour-hotspot-dot,[data-theme=light-green] .tour-hotspot-dot,[data-theme=light-purple] .tour-hotspot-dot{background:rgba(255,255,255,0.95);box-shadow:0 2px 12px rgba(0,0,0,0.3)}[data-theme=light] .tour-viewer .psv-navbar,[data-theme=light-blue] .tour-viewer .psv-navbar,[data-theme=light-green] .tour-viewer .psv-navbar,[data-theme=light-purple] .tour-viewer .psv-navbar{background:rgba(10,10,11,0.75)}@media (max-width: 768px){.tour-page{padding-top:80px}.tour-viewer{height:min(60vh,480px);border-radius:12px}.tour-compass{left:10px;bottom:76px;width:56px;height:56px}.tour-minimap{left:10px;bottom:76px}.tour-minimap-kreis{width:108px;height:108px}.tour-nodes{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.tour-nodes::-webkit-scrollbar{display:none}.tour-nodes .filter-tab{flex:0 0 auto}.tour-share-btn{margin-left:0}.tour-fallback-grid{grid-template-columns:1fr}.tour-debug{left:8px;right:8px;width:auto;bottom:8px}}@media (prefers-reduced-motion: reduce){.tour-hotspot-dot,.tour-toast,.tour-debug-start,.tour-videopunkt{transition:none}.tour-hotspot:hover .tour-hotspot-dot,.tour-hotspot:focus-visible .tour-hotspot-dot,.tour-hotspot:hover .tour-videopunkt,.tour-hotspot:focus-visible .tour-videopunkt{transform:none}}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}.section-header{text-align:center;padding:48px 0 28px}.section-title{font-family:var(--font-display);font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.15;letter-spacing:0.01em;margin:0 0 12px;color:var(--text-primary)}.section-subtitle{max-width:60ch;margin:0 auto;font-size:1rem;line-height:1.6;color:var(--text-secondary)}@media (max-width: 600px){.section-header{padding:28px 0 20px}}
