/* KOSMOSNAH – Seite „Studio“ (V001): je Raumseite ein Abschnitt mit Bild und kurzem Text. Kein Glow, kein Blur. */
.st-teile{display:grid;gap:14px}
.st-teil{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:center;padding:12px}
.st-teil[hidden],.st-bild[hidden]{display:none}
.st-bilder{display:grid;gap:8px;grid-template-columns:1fr}
.st-bilder.zwei{grid-template-columns:1fr 1fr}
.st-bild{margin:0;line-height:0}
.st-bild.st-gross{grid-column:1/-1}
.st-bild img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#03050b;cursor:zoom-in}
.st-text h2{font-size:1.15rem;margin:0 0 6px;color:var(--gold)}
.st-text p{margin:0 0 .5em;color:#d6e2f5}
.st-text p:last-child{margin-bottom:0}
.st-hinweis{margin:12px 0 0}
@media (max-width:700px){
  .st-teile{gap:10px}
  .st-teil{grid-template-columns:1fr;gap:10px;padding:10px}
  .st-bilder{gap:6px}
  .st-text h2{font-size:1.05rem}
  .st-text p{font-size:.95rem}
}
@media (orientation:landscape) and (max-height:500px) and (min-width:701px){
  html .st-teil{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;padding:10px}
  html .st-text h2{font-size:1.02rem}
  html .st-text p{font-size:.9rem}
}
