/* Marke FahrtMemo – nur Variablen, Kontrastwerte in DESIGN.md */
:root {
  --marke: #0e5a66;
  --marke-dunkel: #0a4650;
  --marke-hell: #e5f1f2;
  --akzent: #e8a317;
  --flaeche: #f4f6f5;
  --radius: 14px;
}
/* Seitenspezifisch (wenige Zeilen): App-Vorschau als HTML-Mockup im Handyrahmen der Startseite */
.app { background: #fff; font-size: .82rem; line-height: 1.35; color: var(--text); }
.app-kopf { background: var(--marke); color: #fff; padding: .9rem 1rem .8rem; font-weight: 650; display: flex; justify-content: space-between; }
.app-zeile { padding: .65rem 1rem; border-bottom: 1px solid var(--linie); display: grid; grid-template-columns: 1fr auto; gap: .1rem .5rem; }
.app-zeile b { font-weight: 650; } .app-zeile small { color: var(--text-leise); font-size: .75rem; }
.app-schloss { color: var(--marke); font-size: .72rem; font-weight: 650; }
.app-fuss { padding: .8rem 1rem; background: var(--flaeche); display: flex; justify-content: space-between; font-size: .78rem; }
.app-knopf { margin: .8rem 1rem 1rem; background: var(--marke); color: #fff; border-radius: 10px; text-align: center; padding: .7rem; font-weight: 650; }
.entwurf { display: block; text-align: center; margin-top: .75rem; font-size: .85rem; color: var(--text-leise); }