/* =========================================================================
   Buchungsseite: Inhalt mittig, Felder auf einer Linie
   Nur Darstellung. Keine Änderung an Feldnamen, Werten oder Skripten.
   ========================================================================= */

/* --- Inhalt in die Mitte statt linksbündig ------------------------------- */
@media (min-width:1000px){
  .block .shell.grid > div{max-width:880px;margin-inline:auto}
  .formular,div.hilfe{max-width:880px}
}

/* --- Eingabefelder auf gleicher Linie ------------------------------------
   Beschriftung und Feld in zwei Zeilen; gleiche Beschriftungshöhe, damit
   die Felder nebeneinander bündig stehen, auch wenn ein Text umbricht.    */
.felder label{display:grid;grid-template-rows:auto auto;align-content:start}
.felder label > span{display:flex;align-items:flex-end;line-height:1.3}
@media (min-width:620px){.felder label > span{min-height:2.6em}}
.felder label > input{align-self:start;margin-top:7px}

/* --- Hinweis, solange nichts gewählt ist --------------------------------- */
.summe-leer{
  margin:22px 0 0;padding:18px 22px;border-radius:var(--rund);
  background:var(--papier-2);border:1.5px dashed var(--linie);
  color:var(--grau);font-size:.95rem;line-height:1.5;
}
.summe-leer[hidden]{display:none}