/* Topbar: keep HTML untouched, align logo + language above the first card */
.topbar{
  max-width: 960px;
  margin: 12px auto 4px;      /* center like container, just above heading */
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between; /* logo left, language select right */
  gap: 16px;
}
.topbar .logo{ height: 52px; display:block; }

/* Make the language select look aligned and compact */
.topbar select{
  height: 36px;
  border-radius: 10px;
  padding: 0 10px;
  border: 1px solid #e5e7eb;
  background: #fff;
}

/* Ensure first card doesn't jump under the header spacing */
.container{ max-width: 960px; margin: 0 auto; padding: 0 16px; }
.container .card:first-of-type{ margin-top: 8px; }

/* Cards and form */
.card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  padding:16px;
  margin:12px 0;
}
.grid.two{ display:grid; grid-template-columns:1fr 1fr; gap:12px }
.grid.one{ display:grid; grid-template-columns:1fr; gap:8px }
label{ display:flex; flex-direction:column; gap:6px }

/* Inputs: bigger type, more padding, stronger contrast */
.card input,
.card select,
.card textarea{
  border-radius:10px;
  font-size:16px;              /* ++ bigger text in fields */
  line-height:1.4;
  padding:12px 12px;           /* ++ a bit more breathing room */
  border:1px solid #d1d5db;    /* a touch stronger than default */
  background:#ffffff;
}
input[disabled],
select[disabled],
textarea[disabled]{
  background:#eef1f5;          /* ++ darker background for contrast */
  color:#111;
  border-color:#cbd5e1;
}

/* Divider helper if present */
.divider{ height:1px; background:#e5e7eb; margin:16px 0; }

/* Consent block — VERIFY look & feel (no HTML changes) */
.consents > legend{
  font-size: 22px !important;     /* same as H2 */
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin: 16px 0 12px !important; /* ++ more space before legend */
  padding: 0 !important;
}
.consents{
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 16px 0 0 !important;    /* ++ space before the whole consent block */
  box-shadow: none !important;
}
.consents label,
.consents .checkline,
.consents .checkbox{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 6px 0 !important;
}
.consents input[type="checkbox"]{
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}
.consents label span{
  line-height: 1.45 !important;
}
#consentErr{ margin-top: 6px !important; }

/* Actions / primary button */
.actions{ display:flex; align-items:center; gap:16px; margin-top:12px }
.btn-primary{
  background:#111827; color:#fff; border:1px solid #111827;
  border-radius:10px; padding:10px 16px; font-weight:600; cursor:pointer;
}
.btn-primary:hover{ filter:brightness(.95) }

@media (max-width:720px){
  .topbar{ padding: 0 12px; }
  .topbar .logo{ height: 44px; }
  .grid.two{ grid-template-columns:1fr }
}

/* === Read-only Daten optisch wie im VERIFY: Typo/Spacing === */

/* Labels FETT wie im VERIFY (mit !important, damit es sicher greift) */
.card label{
  font-weight: 600 !important;
  font-size: 15px !important;
  color: #111 !important;
}

/* Consent-Text NICHT fett (wie im VERIFY) */
.consents label{ font-weight: 400 !important; }

/* Inputs allgemein (einheitlich etwas größer) */
.card input,
.card select,
.card textarea{
  font-size: 16px !important;
}

/* Read-only Felder (disabled): grösser & gut lesbar */
.card input[disabled],
.card select[disabled],
.card textarea[disabled]{
  font-size: 17px !important;
  font-weight: 400 !important;
  background: #f4f6f8 !important;
  color: #0f172a !important;
  border-color: #d1d5db !important;
}

/* Mehr Rhythmus zwischen Zeilen */
.grid.two{ gap: 14px !important; }
.grid.one{ gap: 10px !important; }

/* Feldtitel in Karten luftiger */
.card h2 { margin-top: 6px !important; }