/* Startseite: Wege zu den Unterseiten im Cloud-Abschnitt */
.cloud-option h3 a { color: inherit; text-decoration: none; }
.cloud-option h3 a:hover { color: var(--accent); text-decoration: underline; }
.sub-links { display: grid; gap: 1rem; margin: -1rem 0 3rem; }
@media (min-width: 700px) { .sub-links { grid-template-columns: repeat(2, 1fr); } }
.sub-link {
  position: relative; display: grid; align-content: start; gap: 0.55rem;
  padding: 1.5rem 3.2rem 1.5rem 1.5rem; border-radius: 18px; text-decoration: none;
  background: linear-gradient(150deg, rgba(39, 82, 236, 0.32), rgba(11, 122, 128, 0.18));
  border: 1px solid rgba(255, 255, 255, 0.14); color: var(--on-night-muted, #aab4d4);
  transition: border-color 0.2s, transform 0.2s;
}
.sub-link strong { color: #fff; font: 700 clamp(1.15rem, 1.6vw, 1.35rem)/1.25 var(--font-display); }
.sub-link-kicker { color: var(--accent); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.sub-link-go { position: absolute; right: 1.3rem; top: 1.3rem; color: var(--accent); font-size: 1.3rem; transition: transform 0.2s; }
.sub-link:hover {
  color: #e6ecfe; border-color: var(--accent); transform: translateY(-2px);
  background: linear-gradient(150deg, rgba(74, 114, 245, 0.5), rgba(11, 122, 128, 0.32));
}
.sub-link:hover .sub-link-go { transform: translateX(4px); }
.sub-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .sub-link, .sub-link-go { transition: none; } }