.welcome-notice {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .75rem 1rem;
  align-items: center;
  margin: .35rem 0 .75rem;
  padding: .8rem .9rem;
  background: #e5f5e9f2;
  border: 1px solid #a9c6b0;
  border-radius: 8px;
}

/* Der Browser setzt beim Schließen das hidden-Attribut. Diese Regel hat Vorrang
   vor dem Grid-Layout des Hinweises. */
.welcome-notice[hidden] { display: none !important; }

.welcome-notice h2 { margin: 0 0 .15rem; font-size: 1.05rem; }
.welcome-notice p { margin: 0; color: #425969; }
.welcome-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .45rem; }
.welcome-actions .button,
.welcome-actions button { min-height: 40px; padding: .5rem .7rem; }
.welcome-actions .text { color: var(--green); }

@media (max-width: 700px) {
  .welcome-notice { grid-template-columns: 1fr; gap: .55rem; padding: .7rem; }
  .welcome-actions { justify-content: stretch; }
  .welcome-actions > * { flex: 1 1 8.5rem; text-align: center; }
}