/* Verlauf – kompakte Eingabefelder */
#verlauf form input[name="v_Systolisch"],
#verlauf form input[name="v_Diastolisch"],
#verlauf form input[name="v_Puls"],
#verlauf form input[name="v_Venendruck"],
#verlauf form input[name="v_TMP"],
#verlauf form input[name="v_Blutfluss"] {
  width: 7rem !important;   /* sichtbare Feldbreite */
  max-width: 100%;
  }

/* Auch die jeweiligen Container schmal ziehen (übersteuert inline min-width) */
#verlauf form div:has(> input[name="v_Systolisch"]),
#verlauf form div:has(> input[name="v_Diastolisch"]),
#verlauf form div:has(> input[name="v_Puls"]),
#verlauf form div:has(> input[name="v_Venendruck"]),
#verlauf form div:has(> input[name="v_TMP"]),
#verlauf form div:has(> input[name="v_Blutfluss"]) {
  min-width: 7rem !important;

}


/* Optional mobil etwas schmaler */
@media (max-width: 767.98px) {
  #verlauf form input[name="v_Blutfluss"] { width: 6.5rem; }
  #verlauf form div:has(> input[name="v_Blutfluss"]) { min-width: 6.5rem !important; }
}



/* Mittlerer Bereich sichtbar einfärben */
.wrap {
  background: azure;
  padding: 16px;          /* Platz, damit die Farbe um die Cards herum sichtbar ist */
  border-radius: 12px;    /* optional */
}

/* Cards darin durchsichtig machen */
.wrap .card {
  --bs-card-bg: transparent !important;
  background-color: transparent !important;
}

/* Auch Header/Footer der Card durchsichtg */
.wrap .card-header,
.wrap .card-footer {
  background-color: transparent !important;
}