/* Ryu-Infoseite aurilo.studio/ryu/ (26.10.2026). Nur auf /ryu/ eingebunden. */
.ryu-hero{max-width:none;display:grid;gap:26px;align-items:center}
.ryu-hero-text{max-width:640px}
.ryu-hero-bild{margin:0}
.ryu-hero-bild img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:22px;border:2px solid rgba(102,217,231,.38);box-shadow:0 0 30px rgba(102,217,231,.16);background:#0b1628}
@media(min-width:960px){.ryu-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}
.ryu-passwort{margin:12px 0 0;padding:10px 14px;border-radius:12px;background:rgba(102,217,231,.08);border:1px solid rgba(102,217,231,.3);color:var(--text2);font-size:15px}
.ryu-passwort b{color:var(--text)}
.ryu-zeigen{display:grid;gap:24px;margin-top:18px;align-items:start}
@media(min-width:860px){.ryu-zeigen{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}}
.ryu-foto,.ryu-blatt{margin:0}
.ryu-foto img,.ryu-blatt img{display:block;width:100%;height:auto;border-radius:18px;border:2px solid rgba(102,217,231,.38);box-shadow:0 0 26px rgba(102,217,231,.14);background:#0b1628}
.ryu-foto img{aspect-ratio:672/800}
.ryu-blatt{max-width:760px;margin:18px auto 0}
.ryu-blatt img{aspect-ratio:4/3;background:radial-gradient(ellipse at center,#1a3352,#0d1a30 75%)}
.ryu-foto figcaption,.ryu-blatt figcaption{text-align:center;color:var(--leise);font-size:14px;margin-top:10px;line-height:1.4}
.ryu-zeigen-text h3{margin:0 0 6px;font-size:19px}
.ryu-zeigen-text h3:not(:first-child){margin-top:18px}
.ryu-zeigen-text p{margin:0;color:var(--text2)}
.ryu-avatare{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.ryu-avatare li{flex:0 1 220px}
.ryu-avatare figure{margin:0;padding:14px;border:1px solid rgba(102,217,231,.25);border-radius:18px;background:rgba(13,26,48,.75);text-align:center}
.ryu-avatare img{display:block;width:100%;max-width:180px;height:auto;aspect-ratio:1;margin:0 auto;background:radial-gradient(circle,rgba(102,217,231,.14),rgba(102,217,231,0) 70%)}
.ryu-avatare figcaption{color:var(--text2);font-size:15px;margin-top:8px;line-height:1.4}
.ryu-avatare figcaption b{color:var(--text);font-size:17px}
@media(min-width:900px){.ryu-seite .merkmale{grid-template-columns:repeat(3,1fr)}}
.ryu-seite .app-kopf img{background:radial-gradient(circle at 50% 40%,#24507a,#0d1a30 75%)}
@media(max-width:520px){.ryu-avatare{gap:12px;flex-wrap:nowrap}.ryu-avatare li{flex:1 1 0;min-width:0}.ryu-avatare figure{padding:10px}.ryu-avatare figcaption{font-size:14px}}