/* /support/ im 100k-Look (11.10.2026). Liegt ueber service.css und
   unterseite-100k.css. Erzeugt von werkzeuge/support-bauen.py.
   Das Formular selbst bleibt unberuehrt, nur der Rahmen drumherum. */

/* Kopf: frei stehendes Glas rechts neben dem Text. */
.su-glas-brief  { width: 168px; right: 16%; top: 50%; margin-top: -104px; rotate: -10deg; filter: drop-shadow(0 30px 34px rgba(5, 2, 15, .6)); }
.su-glas-person { width: 92px; right: 7%; top: 50%; margin-top: -4px; rotate: 9deg; filter: drop-shadow(0 26px 30px rgba(5, 2, 15, .55)); }

/* Buehne um das Formular: feines Raster, laeuft oben rechts und unten links aus. */
.su-buehne { isolation: isolate; overflow: hidden; }
.su-raster {
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgba(108, 43, 242, .14) 1px, transparent 1px), linear-gradient(90deg, rgba(108, 43, 242, .14) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(ellipse 55% 60% at 100% 0%, #000 10%, transparent 70%), radial-gradient(ellipse 45% 55% at 0% 100%, #000 5%, transparent 70%);
  mask-image: radial-gradient(ellipse 55% 60% at 100% 0%, #000 10%, transparent 70%), radial-gradient(ellipse 45% 55% at 0% 100%, #000 5%, transparent 70%);
}

/* Karten daneben: Glas-Icon in fester Box statt Linien-Icon. */
.support-karte-zeichen.su-glas { width: 56px; height: 56px; border-radius: 15px; background: var(--paper); box-shadow: 0 10px 24px -14px rgba(76, 29, 149, .5), inset 0 0 0 1px var(--line); }
.support-karte-zeichen.su-glas img { width: 40px; height: 40px; object-fit: contain; filter: drop-shadow(0 6px 8px rgba(76, 29, 149, .25)); }
.support-karte-still { background: color-mix(in srgb, var(--paper) 55%, transparent); }

@media (max-width: 1100px) {
  .su-glas-brief { width: 124px; right: 6%; }
  .su-glas-person { display: none; }
}
@media (max-width: 980px) {
  .su-glas-brief { width: 76px; right: 18px; top: 22px; margin-top: 0; }
}
@media (max-width: 620px) {
  .su-glas-brief { width: 52px; right: 14px; top: 16px; }
}
