/* Hinweis am Handy vor dem Bestellportal (Thomas 2026-11-01): das Portal ist nicht fuer Smartphones gemacht */
.ph-hinter { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: flex-end; background: rgba(5, 10, 25, .55); }
.ph-blatt { width: 100%; max-height: 90vh; overflow-y: auto; box-sizing: border-box; padding: 24px 20px calc(18px + env(safe-area-inset-bottom));
  background: var(--bg-elev); color: var(--text); border-radius: var(--radius-md) var(--radius-md) 0 0; box-shadow: 0 -12px 40px rgba(0, 0, 0, .35); }
.ph-blatt:focus { outline: none; }
.ph-kopf { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.ph-blatt h2 { margin: 0 0 8px; font-size: 21px; line-height: 1.25; color: var(--text); }
.ph-zu { flex: 0 0 auto; width: 38px; height: 38px; margin: -6px -6px 0 0; border: 0; border-radius: 50%; background: none; color: var(--text-muted); font-size: 24px; line-height: 1; cursor: pointer; }
.ph-text { margin: 0 0 16px; font-size: 15px; line-height: 1.55; color: var(--text-muted); }
.ph-blatt .input { width: 100%; box-sizing: border-box; font-size: 16px; }
.ph-senden { width: 100%; margin-top: 10px; justify-content: center; }
.ph-fehler { min-height: 0; margin: 8px 0 0; font-size: 14px; font-weight: 600; color: #d93025; }
.ph-fehler:empty { display: none; }
.ph-ok { margin: 0; padding: 14px 16px; border-radius: 12px; background: rgba(30, 142, 62, .1); font-size: 15px; line-height: 1.5; color: var(--text); }
.ph-weiter { display: block; width: 100%; margin-top: 12px; padding: 12px 14px; border: 0; border-radius: 12px; box-sizing: border-box;
  background: rgba(128, 134, 150, .12); color: var(--text-muted); font-size: 14px; text-align: center; text-decoration: none; }
.ph-hinweis { margin: 10px 0 0; font-size: 12px; line-height: 1.5; color: var(--text-muted); }
.ph-hinweis a { color: inherit; }
.ph-falle { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }