/* Vom Nutzer geliefertes Wellenmotiv; feststehend hinter den Glaskarten. */
body { background: #edf0f3; }
body::before {
  background-image: linear-gradient(rgba(249,250,252,.28), rgba(250,246,250,.34)), url("assets/silber-wellen.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* Den schmalen weißen Screenshot-Rand außerhalb des Sichtbereichs halten. */
  transform: scale(1.075);
}
:root {
  --glass-shadow: 0 22px 50px rgba(45,59,77,.14), 0 4px 10px rgba(45,59,77,.05),
    inset 0 1px 0 rgba(255,255,255,.98), inset 0 -1px 0 rgba(129,144,161,.18);
}
.site-header { background: rgba(249,250,253,.76); }
.service-card:not(.featured), .family-points article, .approach-list details,
.partners-section, .contact-card {
  background: linear-gradient(135deg, rgba(255,255,255,.81), rgba(247,248,253,.59));
}
.photo-note { background: linear-gradient(135deg, #ffffffdb, #f7f3fac4); }
.school-section, .contact-section {
  background: linear-gradient(120deg, rgba(255,255,255,.48), rgba(246,236,246,.28));
}
.approach-list details[open] { background: linear-gradient(135deg, #fffffff0, #f8f5fbe0); }
.js .site-header nav.is-open { background: rgba(249,250,253,.97); }
.service-symbol, .note-icon, .round-link {
  background: linear-gradient(135deg, #ffffffe6, #e6dfeca3);
}
.featured .service-symbol { background: linear-gradient(135deg, #ffffff30, #e5b3cc16); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .site-header, .photo-note, .service-card:not(.featured), .contact-card,
  .partners-section, .family-points article, .approach-list details { background: #f9fafc; }
}
@media (prefers-reduced-transparency: reduce) {
  .site-header, .photo-note, .service-card:not(.featured), .contact-card,
  .partners-section, .family-points article, .approach-list details { background: #f9fafc; }
}
@media print { body { background: white; } body::before { display: none; } }