:root{
  --hall-orange:#e9781c;
  --hall-orange-dark:#b9570e;
  --hall-blue:#2d6f94;
  --hall-teal:#2d7774;
  --hall-gold:#a46b12;
  --hall-night:#20262b;
}

.start-page{min-height:100vh;background:
  radial-gradient(circle at 86% 9%,rgba(233,120,28,.10),transparent 24rem),
  linear-gradient(180deg,#e9eef1 0,#f5f7f8 36rem,#eef1f3 100%)}
.start-header{position:sticky;top:0;z-index:100;background:rgba(32,38,43,.97);border-bottom:4px solid var(--orange);box-shadow:0 3px 18px rgba(20,26,30,.23)}
.start-header-inner{max-width:1760px;margin:auto;min-height:68px;padding:9px 24px;display:flex;align-items:center;gap:16px;color:#fff}
.start-brand{display:flex;align-items:center;gap:11px;min-width:0}
.start-brand-mark{width:42px;height:42px;border-radius:11px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);display:grid;place-items:center;color:#ffc28d}
.start-brand-mark svg{width:27px;height:27px}
.start-brand-copy strong{display:block;font-size:.93rem;text-transform:uppercase;letter-spacing:.09em}.start-brand-copy span{display:block;font-size:.74rem;color:#ccd4d9}
.start-header-nav{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.start-header-link{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.06);border-radius:9px;padding:8px 11px;font-size:.78rem;font-weight:800;display:inline-flex;align-items:center;gap:7px}
.start-header-link:hover{background:rgba(255,255,255,.12)}.start-header-link.parent{border-color:rgba(243,154,69,.55);background:rgba(233,120,28,.16)}

.start-main{max-width:1760px;margin:auto;padding:24px 24px 54px}
.start-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#252b30 0%,#333b41 63%,#62391f 100%);color:#fff;border-radius:20px;box-shadow:0 15px 42px rgba(28,36,42,.16);border:1px solid rgba(0,0,0,.18)}
.start-hero::after{content:"";position:absolute;right:-120px;top:-180px;width:520px;height:520px;border-radius:50%;border:80px solid rgba(255,255,255,.025)}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:34px;align-items:center;padding:36px 38px}
.hero-kicker{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#ffd2ab;display:flex;align-items:center;gap:8px}.hero-kicker::before{content:"";width:24px;height:3px;border-radius:999px;background:var(--orange)}
.hero-copy h1{font-size:clamp(2rem,4vw,4.15rem);line-height:1.02;margin:9px 0 13px;max-width:14ch}.hero-copy p{margin:0;color:#e1e6e9;max-width:78ch;font-size:1.02rem;line-height:1.62}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:11px 15px;border-radius:10px;font-weight:900;font-size:.84rem}.hero-btn.primary{background:var(--orange);color:#fff}.hero-btn.primary:hover{background:#cf6512}.hero-btn.secondary{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff}.hero-btn.secondary:hover{background:rgba(255,255,255,.13)}
.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero-stat{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:14px;padding:16px}.hero-stat strong{display:block;font-size:1.55rem;color:#fff}.hero-stat span{display:block;font-size:.73rem;color:#d4dde1;margin-top:2px}

.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:32px 0 13px}.section-head>div{min-width:0}.section-eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.11em;font-weight:900;color:var(--orange)}.section-head h2{margin:4px 0 3px;font-size:1.62rem}.section-head p{margin:0;color:var(--muted);max-width:80ch;font-size:.9rem}

.hall-panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.hall-toolbar{padding:13px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(180deg,#fff,#f8f9fa)}.hall-toolbar strong{font-size:.85rem}.hall-toolbar span{font-size:.72rem;color:var(--muted)}
.hall-svg-wrap{padding:14px;background:linear-gradient(#f9fafb,#eef2f4)}.hall-map{display:block;width:100%;height:auto;max-height:610px}.hall-zone{cursor:pointer}.hall-zone .zone-shell{transition:.18s ease;filter:drop-shadow(0 5px 6px rgba(28,36,42,.10))}.hall-zone:hover .zone-shell{transform:translateY(-4px);filter:drop-shadow(0 10px 12px rgba(28,36,42,.16))}.hall-zone .zone-title{font:800 20px "Segoe UI",sans-serif;fill:#20262b}.hall-zone .zone-sub{font:600 13px "Segoe UI",sans-serif;fill:#66727b}.hall-zone .zone-badge{font:900 12px "Segoe UI",sans-serif;fill:#fff}.hall-zone .zone-arrow{transition:.18s ease}.hall-zone:hover .zone-arrow{transform:translateX(5px)}
.hall-caption{display:flex;gap:16px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--line);font-size:.73rem;color:var(--muted)}.hall-caption span{display:inline-flex;align-items:center;gap:7px}.legend-dot{width:9px;height:9px;border-radius:50%;background:var(--orange)}.legend-dot.blue{background:var(--hall-blue)}.legend-dot.teal{background:var(--hall-teal)}

.journey-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.journey-card{position:relative;display:flex;flex-direction:column;min-height:250px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 22px rgba(28,36,42,.06);overflow:hidden;transition:.18s}.journey-card:hover{transform:translateY(-4px);box-shadow:0 14px 31px rgba(28,36,42,.11);border-color:#e2a46f}.journey-top{height:7px;background:var(--steel)}.journey-card.p1 .journey-top{background:var(--orange)}.journey-card.p2 .journey-top{background:var(--hall-teal)}.journey-card.p3 .journey-top{background:var(--hall-blue)}.journey-card.extra .journey-top{background:var(--hall-gold)}
.journey-body{padding:17px;display:flex;flex-direction:column;flex:1}.journey-index{width:35px;height:35px;border-radius:10px;background:var(--steel-soft);color:var(--steel);display:grid;place-items:center;font-size:.72rem;font-weight:900}.journey-card.p1 .journey-index{background:var(--orange-soft);color:#9c4a0b}.journey-card.p2 .journey-index{background:#e7f4f3;color:#2d7774}.journey-card.p3 .journey-index{background:var(--blue-soft);color:var(--blue)}.journey-card.extra .journey-index{background:#fff3d8;color:#8b5a0b}
.journey-card h3{font-size:1rem;line-height:1.25;margin:13px 0 7px}.journey-card p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.5}.journey-meta{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--steel);font-size:.7rem;font-weight:900}.journey-open{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--steel-soft);font-size:1rem}.journey-card:hover .journey-open{background:var(--orange);color:#fff}

.start-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:18px;margin-top:30px}.start-panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.start-panel-head{padding:15px 17px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fafbfb)}.start-panel-head strong{display:block;font-size:.9rem}.start-panel-head span{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}.tool-grid{padding:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool-card{display:grid;grid-template-columns:42px 1fr 22px;gap:10px;align-items:center;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:11px;padding:11px;background:#fff;transition:.15s}.tool-card:hover{background:#fffaf5;border-color:#e6ad7a}.tool-icon{width:40px;height:40px;border-radius:10px;background:var(--steel-soft);display:grid;place-items:center;color:var(--steel)}.tool-icon svg{width:22px;height:22px}.tool-copy b{display:block;font-size:.79rem}.tool-copy span{display:block;font-size:.68rem;color:var(--muted);margin-top:2px}.tool-arrow{color:#a1abb1;font-size:1.1rem}.tool-card:hover .tool-arrow{color:var(--orange)}
.process-list{padding:14px;display:grid;gap:8px}.process-step{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.process-step b:first-child{width:28px;height:28px;border-radius:50%;background:var(--anth);color:#fff;display:grid;place-items:center;font-size:.68rem}.process-step strong{display:block;font-size:.77rem}.process-step span{display:block;font-size:.68rem;color:var(--muted);margin-top:2px}

.people-strip{margin-top:30px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:16px}.people-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.people-head strong{font-size:.88rem}.people-head span{font-size:.7rem;color:var(--muted)}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.person{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.person img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}.person b{display:block;font-size:.78rem}.person span{display:block;color:var(--muted);font-size:.66rem;margin-top:2px}

.start-footer{margin-top:28px;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:.7rem}.start-footer a{color:var(--steel);font-weight:800;text-decoration:none}.start-footer a:hover{color:var(--orange)}

.page-stub{min-height:100vh;background:var(--bg)}.stub-main{max-width:1050px;margin:45px auto;padding:0 22px}.stub-card{background:#fff;border:1px solid var(--line);border-top:6px solid var(--orange);border-radius:17px;box-shadow:var(--shadow);padding:28px}.stub-card h1{margin:5px 0 8px}.stub-card p{color:var(--muted)}.stub-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}

@media(max-width:1320px){.journey-grid{grid-template-columns:repeat(3,1fr)}.hero-inner{grid-template-columns:1fr}.hero-stats{max-width:720px}}
@media(max-width:980px){.journey-grid{grid-template-columns:1fr 1fr}.start-grid{grid-template-columns:1fr}.people-grid{grid-template-columns:1fr 1fr}.hall-svg-wrap{overflow:auto}.hall-map{min-width:1050px}.start-header{position:relative}.start-header-inner{align-items:flex-start}.start-header-nav{display:none}}
@media(max-width:640px){.start-main{padding:14px 14px 38px}.hero-inner{padding:26px 22px}.hero-stats,.journey-grid,.tool-grid,.people-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.start-footer{display:block}.start-footer>*+*{margin-top:6px}}

/* Interaktive Roboterhalle mit realistischem Hallenbild */
.photo-hall-panel{overflow:hidden}
.hall-photo-scroll{background:#172027;padding:12px}
.hall-photo-stage{position:relative;width:100%;aspect-ratio:2048/868;overflow:hidden;border-radius:12px;background:#d9e0e4;isolation:isolate}
.hall-photo-stage picture,.hall-photo{display:block;width:100%;height:100%}
.hall-photo{object-fit:cover;user-select:none;-webkit-user-drag:none}
.photo-hotspot{--spot:#e9781c;position:absolute;display:block;border:2px solid transparent;border-radius:15px;text-decoration:none;color:#fff;z-index:2;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;outline:none}
.photo-hotspot::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--spot);opacity:0;transition:opacity .18s ease}
.photo-hotspot:hover,.photo-hotspot:focus-visible{border-color:color-mix(in srgb,var(--spot) 88%,white);background:color-mix(in srgb,var(--spot) 14%,transparent);box-shadow:0 0 0 3px rgba(255,255,255,.82),0 14px 34px rgba(9,16,21,.32);transform:translateY(-2px)}
.photo-hotspot:hover::before,.photo-hotspot:focus-visible::before{opacity:.10}
.hotspot-label{position:absolute;left:10px;top:10px;display:grid;grid-template-columns:31px auto;column-gap:8px;row-gap:0;align-items:center;max-width:220px;padding:7px 10px 7px 7px;border-radius:11px;background:rgba(24,31,36,.86);border:1px solid rgba(255,255,255,.42);box-shadow:0 5px 18px rgba(0,0,0,.28);backdrop-filter:blur(5px);transition:background .18s ease,transform .18s ease}
.photo-hotspot:hover .hotspot-label,.photo-hotspot:focus-visible .hotspot-label{background:color-mix(in srgb,var(--spot) 82%,#1c252b);transform:scale(1.02)}
.hotspot-label i{grid-row:1/3;width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:var(--spot);font-style:normal;font-size:.69rem;font-weight:950;letter-spacing:-.02em}
.hotspot-label b{font-size:.76rem;line-height:1.1;white-space:nowrap}
.hotspot-label small{font-size:.58rem;line-height:1.25;color:#dfe6e9;white-space:nowrap;margin-top:2px}
.hs-intro{--spot:#667985;left:.8%;top:29%;width:20%;height:42%}
.hs-safety{--spot:#c88720;left:24%;top:62%;width:41%;height:37%}.hs-safety .hotspot-label{top:auto;bottom:11px;left:28%}
.hs-suite{--spot:#6961a8;left:45%;top:43%;width:24%;height:28%}.hs-suite .hotspot-label{top:auto;bottom:10px;left:13%}
.hs-p1{--spot:#e9781c;left:26%;top:29%;width:23%;height:29%}
.hs-p2{--spot:#2d7774;left:50%;top:24%;width:22%;height:22%}
.hs-p3{--spot:#2d6f94;left:67%;top:49%;width:31%;height:34%}.hs-p3 .hotspot-label{left:auto;right:11px;top:auto;bottom:11px}
.hs-extra{--spot:#9b6817;left:71%;top:27%;width:27%;height:21%}.hs-extra .hotspot-label{left:auto;right:11px}
.hall-photo-hint{position:absolute;right:12px;bottom:12px;z-index:3;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(22,29,34,.78);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:.64rem;font-weight:800;pointer-events:none;backdrop-filter:blur(5px)}
.hall-photo-hint span{font-size:.92rem;color:#ffad65}
.legend-dot.steel{background:#667985}.legend-dot.gold{background:#c88720}.legend-dot.violet{background:#6961a8}
@media(max-width:980px){.hall-photo-scroll{overflow-x:auto}.hall-photo-stage{min-width:1120px}.hotspot-label{transform:scale(.92);transform-origin:left top}.photo-hotspot:hover .hotspot-label,.photo-hotspot:focus-visible .hotspot-label{transform:scale(.94)}}