/* V12: Datennetz / WLAN – violett-blaue Akzentfarbe, gleiche Lernlogik wie SAT und KNX */


/* DOCUMENTATION & HANDOVER OVERVIEW */
.docs-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start;margin-top:18px}
.docs-stage{position:relative;aspect-ratio:16/10;border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.docs-stage img{width:100%;height:100%;object-fit:cover}
.docs-summary{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-sm);padding:22px;display:flex;flex-direction:column}
.docs-summary h1{margin:8px 0 14px;color:var(--navy);font-size:2rem;line-height:1.02;letter-spacing:-.035em}.docs-summary p{color:var(--muted);line-height:1.62;margin:0 0 16px}
.docs-hotspot{position:absolute;border:0;background:transparent;cursor:pointer;border-radius:16px}.docs-hotspot .scene-hotspot__label{min-width:176px}
.docs-hotspot--structure{left:3%;top:55%;width:34%;height:34%}.docs-hotspot--structure .scene-hotspot__label{left:36%;top:72%}
.docs-hotspot--consistency{left:35%;top:46%;width:28%;height:42%}.docs-hotspot--consistency .scene-hotspot__label{left:48%;top:78%}
.docs-hotspot--acceptance{left:55%;top:62%;width:30%;height:28%}.docs-hotspot--acceptance .scene-hotspot__label{left:48%;top:68%}
.docs-hotspot--handover{left:73%;top:20%;width:25%;height:55%}.docs-hotspot--handover .scene-hotspot__label{left:62%;top:22%}
.docs-storyline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.docs-storyline__item{border:1px solid var(--line);background:#fff;border-radius:18px;padding:14px;display:flex;gap:12px;align-items:flex-start;cursor:pointer;box-shadow:var(--shadow-sm)}.docs-storyline__item span{width:34px;height:34px;border-radius:11px;background:#eaf1f4;color:#486f83;display:grid;place-items:center;font-weight:900;flex:none}.docs-storyline__item strong{display:block;color:var(--navy);font-size:.9rem}.docs-storyline__item small{display:block;margin-top:4px;color:var(--muted);line-height:1.45}
.quick-path--docs li span{background:#eaf1f4;color:#486f83}.quick-path--docs li.is-done span{background:#486f83;color:#fff}
@media(max-width:1120px){.docs-layout{grid-template-columns:1fr}.docs-summary{position:static}.docs-storyline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.docs-layout{margin:0;gap:14px}.docs-stage{width:100%;aspect-ratio:14/9;border-radius:18px}.docs-summary{padding:18px;border-radius:18px}.docs-stage .scene-hotspot__label{min-width:0;width:auto;max-width:none;padding:5px 7px;border-radius:999px;white-space:nowrap}.docs-stage .scene-hotspot__label strong,.docs-stage .scene-hotspot__label small{display:none}.docs-stage .scene-hotspot__label:after{content:attr(data-short);display:block;font-size:.57rem;line-height:1;font-weight:900;color:var(--navy)}.docs-hotspot--structure .scene-hotspot__label,.docs-hotspot--consistency .scene-hotspot__label,.docs-hotspot--acceptance .scene-hotspot__label{left:38px;top:0}.docs-hotspot--handover .scene-hotspot__label{right:34px;top:0;left:auto}.docs-storyline{grid-template-columns:1fr}}

/* TECH OVERVIEW */
.tech-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start;margin-top:18px}
.tech-stage{position:relative;aspect-ratio:16/10;border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.tech-stage img{width:100%;height:100%;object-fit:cover}
.tech-summary{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-sm);padding:22px;display:flex;flex-direction:column}
.tech-summary h1{margin:8px 0 14px;color:var(--navy);font-size:2rem;line-height:1.02;letter-spacing:-.035em}
.tech-summary p{color:var(--muted);line-height:1.62;margin:0 0 16px}
.tech-hotspot{position:absolute;border:0;background:transparent;cursor:pointer;border-radius:16px}
.tech-hotspot .scene-hotspot__label{min-width:168px}
.tech-hotspot--inventory{left:7%;top:9%;width:30%;height:75%}.tech-hotspot--inventory .scene-hotspot__label{left:17%;top:16%}
.tech-hotspot--structure{left:5%;top:10%;width:23%;height:78%}.tech-hotspot--structure .scene-hotspot__label{left:10%;top:80%}
.tech-hotspot--media{left:35%;top:16%;width:27%;height:55%}.tech-hotspot--media .scene-hotspot__label{left:48%;top:18%}
.tech-hotspot--power{right:2%;top:14%;width:18%;height:60%}.tech-hotspot--power .scene-hotspot__label{left:58%;top:78%}
.tech-hotspot--service{left:57%;top:32%;width:30%;height:55%}.tech-hotspot--service .scene-hotspot__label{left:58%;top:88%}
.tech-storyline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.tech-storyline__item{border:1px solid var(--line);background:#fff;border-radius:18px;padding:14px;display:flex;gap:12px;align-items:flex-start;cursor:pointer;box-shadow:var(--shadow-sm)}.tech-storyline__item span{width:34px;height:34px;border-radius:11px;background:#eef2f6;color:#4a647c;display:grid;place-items:center;font-weight:900;flex:none}.tech-storyline__item strong{display:block;color:var(--navy);font-size:.9rem}.tech-storyline__item small{display:block;margin-top:4px;color:var(--muted);line-height:1.45}
.quick-path--tech li span{background:#edf2f6;color:#465f76}.quick-path--tech li.is-done span{background:#4a647c;color:#fff}
@media(max-width:1120px){.tech-layout{grid-template-columns:1fr}.tech-summary{position:static}.tech-storyline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.tech-layout{margin:0;gap:14px}.tech-stage{width:100%;aspect-ratio:14/9;border-radius:18px}.tech-summary{padding:18px;border-radius:18px}.tech-stage .scene-hotspot__label{min-width:0;width:auto;max-width:none;padding:5px 7px;border-radius:999px;white-space:nowrap}.tech-stage .scene-hotspot__label strong,.tech-stage .scene-hotspot__label small{display:none}.tech-stage .scene-hotspot__label:after{content:attr(data-short);display:block;font-size:.57rem;line-height:1;font-weight:900;color:var(--navy)}.tech-hotspot--inventory .scene-hotspot__label,.tech-hotspot--structure .scene-hotspot__label,.tech-hotspot--media .scene-hotspot__label{left:38px;top:0}.tech-hotspot--power .scene-hotspot__label,.tech-hotspot--service .scene-hotspot__label{right:34px;top:0;left:auto}.tech-storyline{grid-template-columns:1fr}}

.network-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start;margin-top:18px}
.network-stage{position:relative;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:#e9e8f1;box-shadow:var(--shadow);border:1px solid rgba(75,57,125,.14)}
.network-stage>img{width:100%;height:100%;object-fit:cover;display:block}
.network-summary{background:#fff;border:1px solid #ddd8ec;border-radius:24px;padding:24px;box-shadow:var(--shadow-sm);position:sticky;top:92px}
.network-summary h1{font-size:clamp(1.55rem,2.1vw,2.15rem);margin:.35rem 0 .75rem;color:var(--navy)}
.network-summary>p{color:var(--muted);line-height:1.62;margin:0 0 18px}
.progress-ring--network{background:conic-gradient(#6d55b7 0deg,#e7edf3 0)}
.quick-path--network{border-color:#ded8ef;background:#f7f4fc}.quick-path--network li.is-done span{background:#6d55b7}
.network-hotspot{position:absolute;border:0;background:transparent;cursor:pointer;z-index:3;padding:0}
.network-hotspot .scene-hotspot__label{border-color:#d4cbea;background:rgba(255,255,255,.95)}
.network-hotspot .scene-hotspot__label:before{background:#6d55b7;box-shadow:0 0 0 5px rgba(109,85,183,.17)}
.network-hotspot:hover .scene-hotspot__label,.network-hotspot:focus-visible .scene-hotspot__label{box-shadow:0 12px 28px rgba(69,49,128,.18);border-color:#6d55b7}
.network-hotspot--requirements{left:15%;top:53%;width:17%;height:18%}
.network-hotspot--cabling{right:2%;bottom:7%;width:17%;height:20%}
.network-hotspot--components{left:47%;top:24%;width:16%;height:22%}
.network-hotspot--addresses{left:12%;top:20%;width:20%;height:20%}
.network-hotspot--wlan{left:51%;top:11%;width:14%;height:16%}
.network-hotspot--requirements .scene-hotspot__label{left:150px;top:25px}
.network-hotspot--cabling .scene-hotspot__label{right:125px;top:35px}
.network-hotspot--components .scene-hotspot__label{left:145px;top:16px}
.network-hotspot--addresses .scene-hotspot__label{left:150px;top:4px}
.network-hotspot--wlan .scene-hotspot__label{left:115px;top:-2px}
.network-storyline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0}
.network-storyline__item{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;text-align:left;border:1px solid #dfd8ee;background:#fff;border-radius:17px;padding:13px;cursor:pointer;box-shadow:var(--shadow-sm);transition:.18s ease}
.network-storyline__item:hover{transform:translateY(-2px);border-color:#6d55b7}
.network-storyline__item>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f0ebfa;color:#5a439e;font-weight:950}
.network-storyline__item strong{display:block;color:var(--navy);font-size:.88rem}.network-storyline__item small{display:block;color:var(--muted);font-size:.7rem;line-height:1.35;margin-top:2px}
.chapter-sidebar--network{border-color:#ddd6ee;background:linear-gradient(180deg,#f8f5fd,#fff)}
.chapter-shell--network .eyebrow{color:#6d55b7}
.chapter-shell--network .chapter-tabs button.is-active{color:#5a439e;border-color:#6d55b7;background:#f1edfa}
.chapter-shell--network .primary-button{background:#6247aa}.chapter-shell--network .primary-button:hover{background:#50378f}
.chapter-shell--network .completion-card.is-complete{border-color:#6d55b7;background:#f3effb}
.network-connection-check{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.network-connection-check label{display:flex;flex-direction:column;gap:7px;font-weight:800;color:var(--navy)}.network-connection-check select{border:1px solid var(--line);border-radius:11px;padding:10px;background:#fff;color:var(--ink)}

@media(max-width:1120px){.network-layout{grid-template-columns:1fr}.network-summary{position:static}.network-storyline{grid-template-columns:repeat(2,minmax(0,1fr))}.topnav__item{padding:0 10px}.brand{min-width:250px}}
@media(max-width:760px){
  .network-layout{margin:0;padding:0;gap:14px}.network-stage{width:100%;aspect-ratio:4/3;border-radius:18px}.network-summary{width:100%;min-width:0;padding:18px;border-radius:18px}
  .network-stage .scene-hotspot__label{min-width:0;width:auto;max-width:none;padding:5px 7px;border-radius:999px;white-space:nowrap}
  .network-stage .scene-hotspot__label strong,.network-stage .scene-hotspot__label small{display:none}
  .network-stage .scene-hotspot__label:after{content:attr(data-short);display:block;font-size:.57rem;line-height:1;font-weight:900;color:var(--navy)}
  .network-hotspot--requirements .scene-hotspot__label{left:38px;top:0}.network-hotspot--cabling .scene-hotspot__label{right:35px;top:0}.network-hotspot--components .scene-hotspot__label{left:36px;top:0}.network-hotspot--addresses .scene-hotspot__label{left:36px;top:0}.network-hotspot--wlan .scene-hotspot__label{left:32px;top:-5px}
  .network-storyline{grid-template-columns:1fr}.network-connection-check{grid-template-columns:1fr}
  .mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.mobile-nav button{font-size:.52rem;padding:7px 1px}.mobile-nav button svg{width:18px;height:18px}
}

/* V14: Türkommunikation / Zutritt */
.door-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start;margin-top:18px}
.door-stage{position:relative;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:#eee7de;box-shadow:var(--shadow);border:1px solid rgba(154,88,28,.16)}
.door-stage>img{width:100%;height:100%;object-fit:cover;display:block}
.door-summary{background:#fff;border:1px solid #ead8c7;border-radius:24px;padding:24px;box-shadow:var(--shadow-sm);position:sticky;top:92px}
.door-summary h1{font-size:clamp(1.55rem,2.1vw,2.15rem);margin:.35rem 0 .75rem;color:var(--navy)}
.door-summary>p{color:var(--muted);line-height:1.62;margin:0 0 18px}
.progress-ring--door{background:conic-gradient(#c97826 0deg,#e7edf3 0)}
.quick-path--door{border-color:#ead8c7;background:#fff8f0}.quick-path--door li.is-done span{background:#c97826;color:#fff}
.door-hotspot{position:absolute;border:0;background:transparent;cursor:pointer;z-index:3;padding:0}
.door-hotspot .scene-hotspot__label{border-color:#ead4bd;background:rgba(255,255,255,.96)}
.door-hotspot .scene-hotspot__label:before{background:#c97826;box-shadow:0 0 0 5px rgba(201,120,38,.17)}
.door-hotspot:hover .scene-hotspot__label,.door-hotspot:focus-visible .scene-hotspot__label{box-shadow:0 12px 28px rgba(116,67,22,.18);border-color:#c97826}
.door-hotspot--requirements{left:43%;top:30%;width:20%;height:27%}
.door-hotspot--system{left:19%;top:31%;width:12%;height:30%}
.door-hotspot--opener{left:51%;top:47%;width:11%;height:25%}
.door-hotspot--access{left:24%;top:55%;width:10%;height:18%}
.door-hotspot--ip{left:38%;top:34%;width:11%;height:17%}
.door-hotspot--requirements .scene-hotspot__label{left:112%;top:14%}
.door-hotspot--system .scene-hotspot__label{left:-90%;top:5%}
.door-hotspot--opener .scene-hotspot__label{left:116%;top:62%}
.door-hotspot--access .scene-hotspot__label{left:-98%;top:72%}
.door-hotspot--ip .scene-hotspot__label{left:72%;top:-22%}
.door-storyline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0}
.door-storyline__item{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;text-align:left;border:1px solid #ead8c7;background:#fff;border-radius:17px;padding:13px;cursor:pointer;box-shadow:var(--shadow-sm);transition:.18s ease}
.door-storyline__item:hover{transform:translateY(-2px);border-color:#c97826}
.door-storyline__item>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff0df;color:#a75e18;font-weight:950}
.door-storyline__item strong{display:block;color:var(--navy);font-size:.88rem}.door-storyline__item small{display:block;color:var(--muted);font-size:.7rem;line-height:1.35;margin-top:2px}
.chapter-sidebar--door{border-color:#ead8c7;background:linear-gradient(180deg,#fff9f2,#fff)}
.chapter-sidebar--door .chapter-nav__item.is-active{background:#fff0df;border-color:#c97826;color:#7b4617}
.chapter-shell--door .chapter-cover{border-color:#ead8c7}.chapter-shell--door .eyebrow{color:#a95f19}
.chapter-shell--door .chapter-tabs button.is-active{color:#8f5017;border-color:#c97826;background:#fff2e5}
.chapter-shell--door .primary-button{background:#b76b23}.chapter-shell--door .primary-button:hover{background:#975318}
.chapter-shell--door .completion-card.is-complete{border-color:#c97826;background:#fff5ea}
.door-device-map{position:relative;border-radius:19px;overflow:hidden;background:#eee7df;border:1px solid #e3d3c4}
.door-device-map>img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
.door-device-pin{position:absolute;width:32px;height:32px;border-radius:50%;border:3px solid #fff;background:#b96a20;color:#fff;display:grid;place-items:center;font-size:.73rem;font-weight:950;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.25);transform:translate(-50%,-50%)}
.door-device-pin:hover,.door-device-pin:focus-visible{transform:translate(-50%,-50%) scale(1.12)}
.door-device-pin[data-door-device-pin="camera"]{left:24%;top:40%}.door-device-pin[data-door-device-pin="audio"]{left:24%;top:49%}.door-device-pin[data-door-device-pin="call"]{left:24%;top:57%}.door-device-pin[data-door-device-pin="reader"]{left:27%;top:64%}.door-device-pin[data-door-device-pin="monitor"]{left:42%;top:42%}.door-device-pin[data-door-device-pin="opener"]{left:51%;top:51%}
.door-device-info{margin-top:10px;border-radius:14px;padding:13px 15px;background:#fff1e2;color:#75481f;min-height:54px}
.permission-builder{display:grid;grid-template-columns:1.1fr repeat(3,minmax(120px,.7fr));gap:8px;margin:14px 0}.permission-builder>*{border:1px solid #e3d6ca;border-radius:11px;padding:9px;background:#fff}.permission-builder strong{color:#263f52}.permission-builder select{width:100%;border:1px solid #d7dfe5;border-radius:9px;padding:8px;background:#fff}
.door-sequence{display:grid;gap:8px}.door-sequence .sequence-item{border-color:#ead8c7}
.door-fault-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.door-fault-grid label{display:flex;flex-direction:column;gap:7px;border:1px solid #e3d6ca;border-radius:12px;padding:11px;background:#fff;font-weight:800;color:var(--navy)}.door-fault-grid select{border:1px solid var(--line);border-radius:10px;padding:9px;background:#fff}
@media(max-width:1120px){.door-layout{grid-template-columns:1fr}.door-summary{position:static}.door-storyline{grid-template-columns:repeat(2,minmax(0,1fr))}.topnav__item{padding:0 8px;font-size:.8rem}}
@media(max-width:760px){
  .door-layout{margin:0;padding:0;gap:14px}.door-stage{width:100%;aspect-ratio:4/3;border-radius:18px}.door-summary{width:100%;min-width:0;padding:18px;border-radius:18px}
  .door-stage .scene-hotspot__label{min-width:0;width:auto;max-width:none;padding:5px 7px;border-radius:999px;white-space:nowrap}
  .door-stage .scene-hotspot__label strong,.door-stage .scene-hotspot__label small{display:none}
  .door-stage .scene-hotspot__label:after{content:attr(data-short);display:block;font-size:.57rem;line-height:1;font-weight:900;color:#75481f}
  .door-hotspot--requirements .scene-hotspot__label{left:45px;top:-8px}.door-hotspot--system .scene-hotspot__label{left:-20px;top:-8px}.door-hotspot--opener .scene-hotspot__label{left:46px;top:8px}.door-hotspot--access .scene-hotspot__label{left:-20px;top:30px}.door-hotspot--ip .scene-hotspot__label{left:42px;top:-12px}
  .door-storyline{grid-template-columns:1fr}.permission-builder{grid-template-columns:1fr}.door-fault-grid{grid-template-columns:1fr}
  .door-device-pin[data-door-device-pin="camera"]{left:17%;top:38%}.door-device-pin[data-door-device-pin="audio"]{left:17%;top:49%}.door-device-pin[data-door-device-pin="call"]{left:17%;top:60%}.door-device-pin[data-door-device-pin="reader"]{left:17%;top:71%}.door-device-pin[data-door-device-pin="monitor"]{left:48%;top:40%}.door-device-pin[data-door-device-pin="opener"]{left:59%;top:52%}
  .mobile-nav{grid-template-columns:repeat(7,minmax(0,1fr))}.mobile-nav button{font-size:.48rem;padding:7px 1px}.mobile-nav button svg{width:17px;height:17px}
}


/* V15: Herstellerunterlagen und ausführlichere Auswahlaufgaben */
.source-card{border:1px solid #cfdde8;border-radius:18px;background:linear-gradient(145deg,#f6faff,#fff);padding:17px 18px;margin:0;box-shadow:0 5px 16px rgba(26,62,91,.07)}
.source-card__head>span{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:.62rem;font-weight:900;color:#1768d4;margin-bottom:5px}
.source-card__head>strong{display:block;font-size:1.05rem;color:var(--navy)}
.source-card__head>p{margin:7px 0 0;color:var(--muted);font-size:.84rem;line-height:1.55}
.source-card__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}
.source-card__links a{display:flex;flex-direction:column;gap:4px;border:1px solid #d9e4ed;border-radius:13px;background:#fff;padding:11px 12px;text-decoration:none;color:var(--navy);transition:.16s}
.source-card__links a:hover,.source-card__links a:focus-visible{border-color:#4b91d6;transform:translateY(-1px);box-shadow:0 8px 18px rgba(25,70,112,.10)}
.source-card__links strong{font-size:.82rem}.source-card__links small{font-size:.7rem;line-height:1.4;color:var(--muted)}
.source-card__note{margin:11px 0 0;font-size:.7rem;line-height:1.45;color:#6b7c8b}
.check-grid label,.network-connection-check label{line-height:1.42}
.check-grid select,.network-connection-check select{margin-top:6px}
@media(max-width:720px){.source-card__links{grid-template-columns:1fr}.source-card{padding:15px}}

/* V16: Lernführung, Wissensanker und kuratierte Projektakte */
.status-chip.status-level-0{background:#f1f4f7;color:#718090}.status-chip.status-level-0 i{background:#b8c3ce}
.status-chip.status-level-1{background:#edf4fb;color:#1768d4;font-weight:850}.status-chip.status-level-1 i{background:#1768d4}
.status-chip.status-level-2{background:#fff5df;color:#956313;font-weight:850}.status-chip.status-level-2 i{background:#d39a31}
.status-chip.status-level-3{background:var(--green-soft);color:var(--green);font-weight:850}.status-chip.status-level-3 i{background:var(--green)}

.chapter-orientation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 20px}
.orientation-cell{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 5px 16px rgba(21,48,70,.04)}
.orientation-cell>span{display:inline-block;font-size:.62rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:7px}
.orientation-cell strong{display:block;color:var(--navy);font-size:.86rem;line-height:1.3;margin-bottom:6px}
.orientation-cell p,.orientation-cell li{font-size:.73rem;line-height:1.48;color:var(--muted)}
.orientation-cell p{margin:0}.orientation-cell ul{margin:0;padding-left:17px}
.orientation-cell--record{background:linear-gradient(145deg,#f4f9ff,#fff);border-color:#cfe0ef}

.start-example{border-left:5px solid #2a7bc5;background:linear-gradient(145deg,#f3f9ff,#fff)}
.start-example__head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.start-example__head span{padding:5px 9px;border-radius:999px;background:#1768d4;color:#fff;font-size:.66rem;font-weight:950;text-transform:uppercase;letter-spacing:.07em}
.start-example__head strong{color:var(--navy)}
.start-example__note{margin-top:10px;padding-top:10px;border-top:1px solid #d8e7f4;font-size:.76rem;color:#5c7184}

.documentation-guide{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:start;border:1px solid var(--line);border-radius:19px;padding:18px;background:#fff;box-shadow:var(--shadow-sm)}
.documentation-guide__badge{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.documentation-guide__badge span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#edf4fb;color:var(--blue);font-size:1rem;font-weight:950}
.documentation-guide__badge strong{font-size:.7rem;color:var(--navy);line-height:1.25}
.documentation-guide h2{margin:0 0 7px;color:var(--navy);font-size:1.25rem}
.documentation-guide p{margin:0;color:var(--muted);line-height:1.55}
.documentation-guide ul{margin:10px 0 12px;padding-left:18px;color:#42596c;line-height:1.55;font-size:.82rem}
.documentation-guide--akte{border-color:#bad9c9;background:linear-gradient(145deg,#f0faf5,#fff)}
.documentation-guide--akte .documentation-guide__badge span{background:#dff2e8;color:#28724e}
.documentation-guide--optional{border-color:#e5d5ad;background:linear-gradient(145deg,#fffaf0,#fff)}
.documentation-guide--optional .documentation-guide__badge span{background:#fff0c9;color:#8d6417}
.documentation-guide--anker{border-color:#d9d0ec;background:linear-gradient(145deg,#f7f3fd,#fff)}
.documentation-guide--anker .documentation-guide__badge span{background:#ece4f8;color:#6c4da3}
.documentation-guide--notiz{border-color:#d7e0e7;background:#fbfcfd}

.knowledge-anchor{border:1px solid #d9d0ec;background:linear-gradient(145deg,#f8f5fd,#fff)}
.knowledge-anchor__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.knowledge-anchor__head span{padding:5px 9px;border-radius:999px;background:#6d55b7;color:#fff;font-size:.65rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.knowledge-anchor__head h2{margin:0}
.knowledge-anchor__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}
.knowledge-anchor__grid div{border:1px solid #ded6ed;border-radius:13px;padding:11px;background:rgba(255,255,255,.8)}
.knowledge-anchor__grid strong{display:block;color:#4f3987;font-size:.8rem;margin-bottom:4px}
.knowledge-anchor__grid span{font-size:.76rem;line-height:1.45;color:#627183}

.completion-card--status{align-items:flex-start;background:linear-gradient(145deg,#f4f8fb,#fff);border-color:#d3dee8}
.completion-card--status small{display:block;margin-top:8px;color:#4f6577;font-weight:850}
.status-steps{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:7px;min-width:min(100%,430px)}
.status-step,.status-reset{border:1px solid #d6e0e8;background:#fff;color:#627486;border-radius:12px;padding:9px 8px;cursor:pointer;font-size:.7rem;font-weight:850;line-height:1.25}
.status-step span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#edf2f6;margin:0 auto 5px}
.status-step.is-active{background:#eef5fb;color:#175f9f;border-color:#b8d4eb}.status-step.is-active span{background:#1768d4;color:#fff}
.status-step.is-current{box-shadow:0 0 0 2px rgba(23,104,212,.16)}
.status-reset{grid-column:1/-1;padding:6px;background:transparent;border-style:dashed}

.work-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 20px}
.work-levels article{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px;box-shadow:var(--shadow-sm)}
.work-levels article>span{width:36px;height:36px;border-radius:12px;background:#edf4fb;color:var(--blue);display:grid;place-items:center;font-weight:950;flex:none}
.work-levels article:nth-child(2)>span{background:#ece4f8;color:#6d55b7}.work-levels article:nth-child(3)>span{background:#dff2e8;color:#28724e}
.work-levels strong{display:block;color:var(--navy);margin:1px 0 4px}.work-levels p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}
.project-hero__actions{flex-direction:column;align-items:flex-end}
.project-no-template{max-width:360px;font-size:.72rem;line-height:1.45;color:rgba(255,255,255,.72);text-align:right}
.project-purpose{font-size:1rem}
.project-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.project-record-grid article{border:1px solid var(--line);border-radius:17px;padding:16px;background:#fbfcfd}
.record-kicker{display:block;font-size:.62rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
.project-record-grid h3,.project-source h3{margin:0 0 8px;color:var(--navy);font-size:1rem}
.project-record-grid ul{margin:0;padding-left:18px;color:#465d70;font-size:.82rem;line-height:1.65}
.project-source{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.9fr);gap:18px;align-items:start;margin-top:14px;border:1px solid #d9e2e9;border-radius:17px;padding:16px;background:#f7fafc}
.project-source p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.5}
.project-source ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.project-source li{display:grid;grid-template-columns:10px 1fr;gap:9px;align-items:center;background:#fff;border:1px solid #dce5eb;border-radius:11px;padding:9px}
.project-source li strong{display:block;font-size:.76rem;color:var(--navy)}.project-source li small{display:block;color:var(--muted);font-size:.67rem;margin-top:2px}
.project-source-state{width:9px;height:9px;border-radius:50%;background:#b8c3ce}.project-source-state.status-level-1{background:#1768d4}.project-source-state.status-level-2{background:#d39a31}.project-source-state.status-level-3{background:#2d8a64}
.project-note{margin-top:14px;border-left:4px solid #2d8a64;background:#f0faf5;border-radius:0 13px 13px 0;padding:12px 14px;color:#3b5f50;font-size:.82rem;line-height:1.55}

.progress-row--levels{grid-template-columns:minmax(180px,1fr) minmax(330px,auto)}
.progress-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.progress-levels button{padding:7px 6px;white-space:nowrap}
.progress-levels button.is-current{background:#1768d4;color:#fff;box-shadow:0 4px 10px rgba(23,104,212,.2)}

@media(max-width:1100px){.chapter-orientation{grid-template-columns:repeat(2,minmax(0,1fr))}.project-source{grid-template-columns:1fr}.progress-row--levels{grid-template-columns:1fr}.progress-levels{margin-top:6px}}
@media(max-width:720px){
  .chapter-orientation{grid-template-columns:1fr}.orientation-cell{padding:12px}
  .documentation-guide{grid-template-columns:1fr}.documentation-guide__badge{flex-direction:row;text-align:left}.documentation-guide__badge span{width:38px;height:38px}
  .knowledge-anchor__grid,.work-levels,.project-record-grid{grid-template-columns:1fr}
  .status-steps{grid-template-columns:1fr;min-width:0;width:100%;margin-top:12px}.status-step{display:grid;grid-template-columns:28px 1fr;align-items:center;text-align:left}.status-step span{margin:0}.status-reset{grid-column:auto}
  .project-hero__actions{align-items:stretch}.project-no-template{text-align:left;max-width:none}.project-domain-switch{display:grid;grid-template-columns:repeat(2,1fr)}
  .progress-levels{grid-template-columns:repeat(2,1fr)}
}

/* V17: Originalgrundrisse als gemeinsame Gebäudegrundlage */
.home-plan-access{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:-2px 0 20px;padding:17px 19px;border:1px solid #d7e2ea;border-radius:18px;background:linear-gradient(135deg,#f8fbfd,#eef5fa);box-shadow:var(--shadow-sm)}
.home-plan-access>div{min-width:0}.home-plan-access strong{display:block;color:var(--navy);font-size:1rem;margin:4px 0}.home-plan-access p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.5;max-width:760px}.home-plan-access button{flex:none}
.plans-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;padding:24px 26px;border:1px solid #d5e1e9;border-radius:24px;background:linear-gradient(135deg,#f8fbfd,#eef5fa);box-shadow:var(--shadow-sm);margin-bottom:17px}.plans-hero h1{font-size:clamp(2.1rem,4vw,4rem);line-height:1;letter-spacing:-.045em;color:var(--navy);margin:7px 0 12px}.plans-hero p{max-width:820px;color:var(--muted);line-height:1.65;margin:0}.plans-pdf-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.floorplan-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 13px;scrollbar-width:thin}.floorplan-tabs button{border:1px solid #d7e1e8;background:#fff;color:#536879;border-radius:999px;padding:10px 16px;font-weight:850;cursor:pointer;white-space:nowrap}.floorplan-tabs button:hover,.floorplan-tabs button.is-active{background:var(--navy);border-color:var(--navy);color:#fff}
.floorplan-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.floorplan-stage{margin:0;border:1px solid #d4dee6;border-radius:22px;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden}.floorplan-stage>a{display:block;overflow:auto;background:#fff}.floorplan-stage img{display:block;width:100%;height:auto}.floorplan-stage figcaption{padding:10px 14px;border-top:1px solid #e2e8ed;color:#758694;font-size:.72rem;background:#f8fafb}
.floorplan-info{position:sticky;top:91px;border:1px solid #d5e1e9;border-radius:22px;background:#fff;padding:21px;box-shadow:var(--shadow-sm)}.floorplan-info h2{font-size:1.45rem;line-height:1.15;letter-spacing:-.025em;color:var(--navy);margin:7px 0 10px}.floorplan-info>p{color:var(--muted);line-height:1.58;margin:0}.floorplan-room-list,.floorplan-use{margin-top:17px;padding-top:15px;border-top:1px solid #e1e7ec}.floorplan-room-list>strong,.floorplan-use>strong{display:block;color:var(--navy);font-size:.8rem;margin-bottom:8px}.floorplan-room-list ul{margin:0;padding-left:18px;color:#4e6475;font-size:.77rem;line-height:1.55}.floorplan-use p{margin:0;color:#4e6475;font-size:.77rem;line-height:1.55}
.floorplan-context{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:18px;align-items:stretch;border:1px solid #d5e1e9;border-radius:19px;background:linear-gradient(135deg,#f8fbfd,#fff);padding:12px;box-shadow:var(--shadow-sm)}.floorplan-context__preview{border-radius:14px;overflow:hidden;border:1px solid #dfe7ec;background:#fff;min-height:180px;display:flex;align-items:center}.floorplan-context__preview img{display:block;width:100%;height:100%;max-height:250px;object-fit:contain}.floorplan-context__body{padding:7px 8px 7px 0;display:flex;flex-direction:column;justify-content:center}.floorplan-context__body h2{margin:5px 0 8px;color:var(--navy);font-size:1.22rem}.floorplan-context__body p{margin:0;color:var(--muted);line-height:1.58}.floorplan-context__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.floorplan-context__note{display:block;margin-top:10px;color:#607585;font-size:.72rem;line-height:1.45}

@media(max-width:980px){.floorplan-layout{grid-template-columns:1fr}.floorplan-info{position:static}.floorplan-context{grid-template-columns:230px 1fr}}
@media(max-width:720px){
  .home-plan-access,.plans-hero{display:block;border-radius:18px}.home-plan-access button,.plans-pdf-link{margin-top:14px;width:100%}
  .plans-hero{padding:19px}.plans-hero h1{font-size:2.45rem}.floorplan-tabs{padding-bottom:10px}
  .floorplan-stage>a{max-height:72vh}.floorplan-stage img{width:1100px;max-width:none}.floorplan-info{padding:18px;border-radius:18px}
  .floorplan-context{grid-template-columns:1fr}.floorplan-context__preview{min-height:0}.floorplan-context__preview img{max-height:260px}.floorplan-context__body{padding:3px}.floorplan-context__actions .small-action{flex:1 1 auto;text-align:center}
}

/* V19: getrennte Bereiche Brandmeldung und Einbruchmeldung, fotorealistische Bildwelt */
.scene-hotspot--fire{left:55%;top:66%;width:14%;height:14%}
.scene-hotspot--fire .scene-hotspot__label{left:58%;top:106%;border-color:#efc8c0}
.scene-hotspot--intrusion{left:84%;top:65%;width:13%;height:17%}
.scene-hotspot--intrusion .scene-hotspot__label{left:52%;top:104%;border-color:#c5dfd1}
.scene-hotspot--fire .scene-hotspot__label:before{background:#d64a3e;box-shadow:0 0 0 5px rgba(214,74,62,.16)}
.scene-hotspot--intrusion .scene-hotspot__label:before{background:#348565;box-shadow:0 0 0 5px rgba(52,133,101,.16)}
.rail__item--fire.is-active,.rail__item--fire:hover{color:var(--blue);background:var(--soft-blue)}
.rail__item--intrusion.is-active,.rail__item--intrusion:hover{color:var(--blue);background:var(--soft-blue)}

.fire-layout,.intrusion-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start;margin-top:18px}
.fire-stage,.intrusion-stage{position:relative;aspect-ratio:14/9;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(64,78,90,.14)}
.fire-stage>img,.intrusion-stage>img{width:100%;height:100%;object-fit:cover;display:block}
.fire-summary,.intrusion-summary{background:#fff;border-radius:24px;padding:24px;box-shadow:var(--shadow-sm);position:sticky;top:92px}
.fire-summary{border:1px solid #eed2cc}.intrusion-summary{border:1px solid #cfe3d8}
.fire-summary h1,.intrusion-summary h1{font-size:clamp(1.55rem,2.1vw,2.15rem);margin:.35rem 0 .75rem;color:var(--navy)}
.fire-summary>p,.intrusion-summary>p{color:var(--muted);line-height:1.62;margin:0 0 18px}
.progress-ring--fire{background:conic-gradient(#d64a3e 0deg,#e7edf3 0)}
.progress-ring--intrusion{background:conic-gradient(#348565 0deg,#e7edf3 0)}
.quick-path--fire{border-color:#efd4ce;background:#fff7f4}.quick-path--fire li.is-done span{background:#d64a3e;color:#fff}
.quick-path--intrusion{border-color:#cfe6da;background:#f4fbf7}.quick-path--intrusion li.is-done span{background:#348565;color:#fff}

.fire-hotspot,.intrusion-hotspot{position:absolute;border:0;background:transparent;cursor:pointer;z-index:3;padding:0}
.fire-hotspot .scene-hotspot__label{border-color:#efc8c0;background:rgba(255,255,255,.96)}
.fire-hotspot .scene-hotspot__label:before{background:#d64a3e;box-shadow:0 0 0 5px rgba(214,74,62,.16)}
.fire-hotspot:hover .scene-hotspot__label,.fire-hotspot:focus-visible .scene-hotspot__label{border-color:#d64a3e;box-shadow:0 12px 28px rgba(132,42,33,.18)}
.intrusion-hotspot .scene-hotspot__label{border-color:#c5dfd1;background:rgba(255,255,255,.96)}
.intrusion-hotspot .scene-hotspot__label:before{background:#348565;box-shadow:0 0 0 5px rgba(52,133,101,.16)}
.intrusion-hotspot:hover .scene-hotspot__label,.intrusion-hotspot:focus-visible .scene-hotspot__label{border-color:#348565;box-shadow:0 12px 28px rgba(31,92,69,.18)}

.fire-hotspot--risk{left:2%;top:44%;width:18%;height:27%}.fire-hotspot--risk .scene-hotspot__label{left:120px;top:108px}
.fire-hotspot--detectors{left:42%;top:1%;width:18%;height:20%}.fire-hotspot--detectors .scene-hotspot__label{left:118px;top:105px}
.fire-hotspot--system{left:34%;top:20%;width:18%;height:26%}.fire-hotspot--system .scene-hotspot__label{left:120px;top:108px}
.fire-hotspot--plan{left:58%;top:35%;width:20%;height:28%}.fire-hotspot--plan .scene-hotspot__label{left:122px;top:108px}
.fire-hotspot--service{left:34%;top:53%;width:19%;height:28%}.fire-hotspot--service .scene-hotspot__label{left:118px;top:112px}

.intrusion-hotspot--risk{left:0%;top:46%;width:20%;height:34%}.intrusion-hotspot--risk .scene-hotspot__label{left:122px;top:110px}
.intrusion-hotspot--detectors{left:18%;top:22%;width:19%;height:34%}.intrusion-hotspot--detectors .scene-hotspot__label{left:120px;top:110px}
.intrusion-hotspot--system{left:54%;top:25%;width:19%;height:26%}.intrusion-hotspot--system .scene-hotspot__label{left:120px;top:106px}
.intrusion-hotspot--plan{left:70%;top:18%;width:27%;height:48%}.intrusion-hotspot--plan .scene-hotspot__label{right:40px;top:112px}
.intrusion-hotspot--service{left:38%;top:44%;width:19%;height:35%}.intrusion-hotspot--service .scene-hotspot__label{left:118px;top:112px}

.fire-storyline,.intrusion-storyline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:26px 0}
.fire-storyline__item,.intrusion-storyline__item{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;text-align:left;background:#fff;border-radius:17px;padding:13px;cursor:pointer;box-shadow:var(--shadow-sm);transition:.18s ease}
.fire-storyline__item{border:1px solid #efd5cf}.intrusion-storyline__item{border:1px solid #d1e5da}
.fire-storyline__item:hover{transform:translateY(-2px);border-color:#d64a3e}.intrusion-storyline__item:hover{transform:translateY(-2px);border-color:#348565}
.fire-storyline__item>span,.intrusion-storyline__item>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:950}
.fire-storyline__item>span{background:#fff0ec;color:#b6372d}.intrusion-storyline__item>span{background:#eaf7f0;color:#286e54}
.fire-storyline__item strong,.intrusion-storyline__item strong{display:block;color:var(--navy);font-size:.88rem}
.fire-storyline__item small,.intrusion-storyline__item small{display:block;color:var(--muted);font-size:.7rem;line-height:1.35;margin-top:2px}

.chapter-sidebar--fire{border-color:#edd3cd;background:linear-gradient(180deg,#fff7f4,#fff)}
.chapter-sidebar--fire .chapter-nav__item.is-active,.chapter-sidebar--fire nav button.is-active{background:var(--soft-blue);border-color:var(--blue);color:var(--blue)}
.chapter-shell--fire .eyebrow{color:var(--blue)}.chapter-shell--fire .chapter-tabs button.is-active{color:var(--blue);border-color:var(--blue);background:var(--soft-blue)}.chapter-shell--fire .primary-button{background:linear-gradient(135deg,#1768d4,#0b51ad)}
.chapter-sidebar--intrusion{border-color:#cfe3d8;background:linear-gradient(180deg,#f3fbf6,#fff)}
.chapter-sidebar--intrusion .chapter-nav__item.is-active,.chapter-sidebar--intrusion nav button.is-active{background:var(--soft-blue);border-color:var(--blue);color:var(--blue)}
.chapter-shell--intrusion .eyebrow{color:var(--blue)}.chapter-shell--intrusion .chapter-tabs button.is-active{color:var(--blue);border-color:var(--blue);background:var(--soft-blue)}.chapter-shell--intrusion .primary-button{background:linear-gradient(135deg,#1768d4,#0b51ad)}

@media(max-width:1280px){
  .fire-layout,.intrusion-layout{grid-template-columns:1fr}.fire-summary,.intrusion-summary{position:static}.fire-storyline,.intrusion-storyline{grid-template-columns:repeat(3,minmax(0,1fr))}
  .topnav__item{padding:0 7px;font-size:.78rem}.brand{min-width:225px}
}
@media(max-width:920px){.topnav{display:none}.rail{padding-top:10px;overflow-y:auto}.rail__item{padding:6px 3px;gap:2px}.rail__icon{height:29px}}
@media(max-width:760px){
  .fire-layout,.intrusion-layout{margin:0;gap:14px}.fire-stage,.intrusion-stage{width:100%;aspect-ratio:14/9;border-radius:18px}.fire-summary,.intrusion-summary{padding:18px;border-radius:18px}
  .fire-stage .scene-hotspot__label,.intrusion-stage .scene-hotspot__label{min-width:0;width:auto;max-width:none;padding:5px 7px;border-radius:999px;white-space:nowrap}
  .fire-stage .scene-hotspot__label strong,.fire-stage .scene-hotspot__label small,.intrusion-stage .scene-hotspot__label strong,.intrusion-stage .scene-hotspot__label small{display:none}
  .fire-stage .scene-hotspot__label:after,.intrusion-stage .scene-hotspot__label:after{content:attr(data-short);display:block;font-size:.57rem;line-height:1;font-weight:900;color:var(--navy)}
  .fire-hotspot--risk .scene-hotspot__label,.fire-hotspot--detectors .scene-hotspot__label,.fire-hotspot--system .scene-hotspot__label,.fire-hotspot--plan .scene-hotspot__label{left:38px;top:0}.fire-hotspot--service .scene-hotspot__label{right:34px;top:0}
  .intrusion-hotspot--risk .scene-hotspot__label,.intrusion-hotspot--detectors .scene-hotspot__label,.intrusion-hotspot--plan .scene-hotspot__label{left:38px;top:0}.intrusion-hotspot--system .scene-hotspot__label,.intrusion-hotspot--service .scene-hotspot__label{right:34px;top:0}
  .fire-storyline,.intrusion-storyline{grid-template-columns:1fr}
  .mobile-nav{display:flex;grid-template-columns:none;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}.mobile-nav button{min-width:72px;flex:0 0 72px;font-size:.53rem;padding:7px 2px}
}


/* Personenruf & Hilferuf */
.call-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start;margin-top:18px}
.call-stage{position:relative;aspect-ratio:14/9;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(64,78,90,.14)}
.call-stage>img{width:100%;height:100%;object-fit:cover;display:block}
.call-summary{background:#fff;border:1px solid #c8e1e7;border-radius:24px;padding:24px;box-shadow:var(--shadow-sm);position:sticky;top:92px}
.call-summary h1{font-size:clamp(1.55rem,2.1vw,2.15rem);margin:.35rem 0 .75rem;color:var(--navy)}
.call-summary>p{color:var(--muted);line-height:1.62;margin:0 0 18px}
.progress-ring--call{background:conic-gradient(#16869a 0deg,#e7edf3 0)}
.call-hotspot{position:absolute;border:0;background:transparent;cursor:pointer;z-index:3;padding:0}
.call-hotspot .scene-hotspot__label{border-color:#bedfe6;background:rgba(255,255,255,.96)}
.call-hotspot .scene-hotspot__label:before{background:#16869a;box-shadow:0 0 0 5px rgba(22,134,154,.16)}
.call-hotspot:hover .scene-hotspot__label,.call-hotspot:focus-visible .scene-hotspot__label{border-color:#16869a;box-shadow:0 12px 28px rgba(15,92,106,.18)}
.call-hotspot--requirements{left:54%;top:7%;width:20%;height:23%}.call-hotspot--requirements .scene-hotspot__label{left:84px;top:94px}
.call-hotspot--components{left:55%;top:38%;width:18%;height:20%}.call-hotspot--components .scene-hotspot__label{left:112px;top:98px}
.call-hotspot--flow{left:16%;top:10%;width:20%;height:28%}.call-hotspot--flow .scene-hotspot__label{left:96px;top:28px}
.call-hotspot--plan{left:76%;top:14%;width:20%;height:42%}.call-hotspot--plan .scene-hotspot__label{right:10px;top:118px}
.call-hotspot--service{left:45%;top:63%;width:24%;height:22%}.call-hotspot--service .scene-hotspot__label{left:92px;top:78px}
.call-storyline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:26px 0}
.call-storyline__item{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;text-align:left;background:#fff;border:1px solid #cde4e9;border-radius:17px;padding:13px;cursor:pointer;box-shadow:var(--shadow-sm);transition:.18s ease}
.call-storyline__item:hover{transform:translateY(-2px);border-color:#16869a}
.call-storyline__item>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:950;background:#e8f6f8;color:#0e6d7e}
.call-storyline__item strong{display:block;color:var(--navy);font-size:.88rem}.call-storyline__item small{display:block;color:var(--muted);font-size:.7rem;line-height:1.35;margin-top:2px}
.chapter-shell--call .eyebrow{color:#0f7486}.chapter-shell--call .chapter-tabs button.is-active{color:#0d6b7c;border-color:#16869a;background:#eaf7f9}.chapter-shell--call .primary-button{background:#127b8e}
.chapter-sidebar--call{border-color:#cbe4e9}.chapter-sidebar--call .chapter-sidebar__back{color:#0f7486}.chapter-sidebar--call nav button.is-active{border-color:#16869a;background:#eaf7f9;color:#0c6272}
.quick-path--call li span{background:#e8f6f8;color:#0e6d7e}.quick-path--call li.is-done span{background:#16869a;color:#fff}
@media(max-width:1050px){.call-layout{grid-template-columns:1fr}.call-summary{position:static}.call-storyline{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.call-layout{margin:0;gap:14px}.call-stage{width:100%;aspect-ratio:14/9;border-radius:18px}.call-summary{padding:18px;border-radius:18px}.call-stage .scene-hotspot__label{min-width:0;width:auto;max-width:none;padding:5px 7px;border-radius:999px;white-space:nowrap}.call-stage .scene-hotspot__label strong,.call-stage .scene-hotspot__label small{display:none}.call-stage .scene-hotspot__label:after{content:attr(data-short);display:block;font-size:.57rem;line-height:1;font-weight:900;color:var(--navy)}.call-hotspot--requirements .scene-hotspot__label,.call-hotspot--components .scene-hotspot__label,.call-hotspot--flow .scene-hotspot__label,.call-hotspot--plan .scene-hotspot__label{left:38px;top:0}.call-hotspot--service .scene-hotspot__label{right:34px;top:0}.call-storyline{grid-template-columns:1fr}}


/* V55 · Projektzusammenhang und Aktenentscheidung */
.project-contribution{margin-top:12px;border-left:4px solid #2f6f9f;background:#f4f8fb;border-radius:0 14px 14px 0;padding:12px 14px}.project-contribution .project-purpose{margin:5px 0 0}.project-chain{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.project-chain>div{border:1px solid #dbe5ec;border-radius:14px;padding:12px 14px;background:#fff}.project-chain span{display:block;color:#6c7d8d;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.project-chain strong{display:block;margin-top:4px;color:var(--navy);font-size:.82rem;line-height:1.4}.project-source-row--optional{border-style:dashed!important}.project-source-row--anker,.project-source-row--notiz{background:#f7f8f9!important;color:#637181}.project-source-row--anker strong,.project-source-row--notiz strong{color:#536271!important}

/* V55 · gestufte Leistungsnachweise */
.evidence-card{padding:18px}.evidence-card__head>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.evidence-form{display:inline-flex;padding:4px 8px;border-radius:999px;background:#e9f1f7;color:#335e7b;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.ready-badge{max-width:190px;text-align:center;line-height:1.25}.ready-badge.evidence-stage-0{background:#f0f3f6;color:#728092}.ready-badge.evidence-stage-1{background:#eaf2fb;color:#1768d4}.ready-badge.evidence-stage-2{background:#fff3da;color:#946718}.ready-badge.evidence-stage-3{background:var(--green-soft);color:var(--green)}.evidence-card__section{margin-top:14px}.evidence-card h3{margin:0 0 7px;color:var(--navy);font-size:.82rem}.evidence-requirements{list-style:none!important;padding:0!important;display:grid;gap:7px}.evidence-requirement{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:center;border:1px solid #dce5eb;border-radius:11px;padding:9px;background:#fff}.evidence-requirement>span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#eef2f5;color:#758392;font-size:.72rem;font-weight:900}.evidence-requirement strong{display:block;font-size:.76rem;color:var(--navy)}.evidence-requirement small{display:block;margin-top:2px;color:var(--muted);font-size:.67rem}.evidence-level-1>span{background:#eaf2fb;color:#1768d4}.evidence-level-2>span{background:#fff3da;color:#946718}.evidence-level-3>span{background:var(--green-soft);color:var(--green)}.evidence-recommended{margin-top:11px;border:1px dashed #cfdbe4;border-radius:12px;padding:10px 12px;background:#fafcfd}.evidence-recommended summary{cursor:pointer;color:#415d72;font-size:.75rem;font-weight:900}.evidence-recommended ul{list-style:none;padding:8px 0 0;margin:0;display:grid;gap:6px}.evidence-recommended li{display:grid;grid-template-columns:10px 1fr;gap:8px;align-items:center;padding:7px;border-radius:9px;background:#fff}.evidence-recommended li strong{display:block;font-size:.72rem;color:var(--navy)}.evidence-recommended li small{display:block;font-size:.65rem;color:var(--muted)}.evidence-card__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.evidence-card__grid>div{border:1px solid #e0e7ed;border-radius:12px;padding:11px;background:#fbfcfd}.evidence-card__grid ul{margin:0;padding-left:17px}.evidence-note{margin:11px 0 0;padding-top:10px;border-top:1px solid #e6ebef;color:#526477;font-size:.75rem;line-height:1.5}.progress-levels button.is-current{box-shadow:0 0 0 2px rgba(23,104,212,.18)}

@media(max-width:720px){.project-chain,.evidence-card__grid{grid-template-columns:1fr}.ready-badge{max-width:145px}.evidence-card__head{align-items:flex-start}}
.orientation-project-use{display:block;margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.28);font-size:.68rem;line-height:1.4;font-weight:850}


/* V55a · Hotspot-Beschriftungen bleiben auch auf schmaleren Desktopansichten vollständig im Bild */
@media(min-width:761px) and (max-width:1500px){
  .tech-hotspot--inventory .scene-hotspot__label{left:38%;top:16%}
  .tech-hotspot--structure .scene-hotspot__label{left:52%;top:80%}
  .door-hotspot--system .scene-hotspot__label{left:65%;top:5%}
  .door-hotspot--access .scene-hotspot__label{left:42%;top:72%}
}