/* Das Zusammenspiel: fully visible content at every viewport size. */
#aufbau.architecture-static .architecture-story { height:auto; }
#aufbau.architecture-static .architecture-scene { position:static; }
#aufbau.architecture-static .architecture-board { display:grid; grid-template-columns:52% 36%; gap:12%; height:auto; align-items:center; }
#aufbau.architecture-static .architecture-art { position:static; width:auto; }
#aufbau.architecture-static .architecture-art svg { width:100%; height:620px; margin:0; }
#aufbau.architecture-static .architecture-legends { position:static; display:grid; gap:32px; width:auto; padding:0; }
#aufbau.architecture-static .architecture-legend { position:static; width:auto; opacity:1; visibility:visible; transform:none; }
#aufbau.architecture-static .architecture-static-layer { display:none; }
#aufbau.architecture-static [data-layer],
#aufbau.architecture-static [data-connector] { opacity:1; transition:none; }
#aufbau.architecture-static .architecture-legend h3 { font-size:20px; line-height:1.3; margin:0 0 12px; }
#aufbau.architecture-static .architecture-legend p { font-size:16px; line-height:1.5; margin:0; }

@media(max-width:991.98px) {
 #aufbau.architecture-static .architecture-board { display:block; }
 #aufbau.architecture-static .architecture-art,
 #aufbau.architecture-static .architecture-connectors { display:none; }
 #aufbau.architecture-static .architecture-legends { gap:48px; max-width:44rem; margin-inline:auto; }
 #aufbau.architecture-static .architecture-static-layer { display:block; width:100%; max-width:260px; height:130px; object-fit:contain; margin:0 auto 28px; }
 #aufbau.architecture-static .architecture-copy { position:relative; }
 #aufbau.architecture-static .architecture-copy::before { content:""; position:absolute; left:50%; top:-24px; height:16px; border-left:1px solid #bcc5ce; }
 #aufbau.architecture-static .architecture-legend h3 { text-align:center; }
 #aufbau.architecture-static .architecture-legend p { max-width:52ch; margin-inline:auto; }
}

@media(min-width:600px) and (max-width:991.98px) {
 #aufbau.architecture-static .architecture-legend { display:grid; grid-template-columns:180px minmax(0,1fr); column-gap:32px; align-items:center; }
 #aufbau.architecture-static .architecture-static-layer { margin:0; }
 #aufbau.architecture-static .architecture-copy::before { left:-24px; top:13px; width:16px; height:0; border-left:0; border-top:1px solid #bcc5ce; }
 #aufbau.architecture-static .architecture-legend h3 { text-align:left; }
}