/* Postfach + Konto */
.karte-link { display: block; text-decoration: none; color: inherit; transition: border-color 0.15s ease; }
.karte-link:hover { border-color: var(--petrol); color: inherit; }
.zeile { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.zeile h2 { margin: 0; font-size: 1.1rem; overflow-wrap: anywhere; }
.liste { display: grid; gap: 10px; margin-top: 12px; }
.vorschau { color: var(--text-leise); margin: 6px 0 0; overflow-wrap: anywhere; }
.abzeichen-neu { background: var(--kupfer); color: #fff; }
.abzeichen-gelesen { background: var(--petrol-hell); color: var(--petrol-dunkel); }
.abzeichen-erledigt { background: var(--ok-hell); color: var(--ok); }
.kontakt-aktionen { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0; }
.details { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 0 0 16px; }
.details dt { color: var(--text-leise); }
.details dd { margin: 0; overflow-wrap: anywhere; }
.nachricht { background: var(--flaeche-2); border-radius: var(--radius-klein); padding: 14px 16px; margin-bottom: 16px; overflow-wrap: anywhere; }
.abschnitt { margin-top: 28px; }
.geraete-liste { list-style: none; padding: 0; margin: 10px 0; display: grid; gap: 8px; }
.geraete-liste li {
  display: flex; justify-content: space-between; align-items: center; gap: 10px;
  padding: 10px 14px; background: var(--flaeche); border: 1px solid var(--linie); border-radius: var(--radius-klein);
}
.gefahr { border-color: #f2c6c1; }
.gefahr h2 { color: var(--fehler); }
@media (max-width: 480px) { .details { grid-template-columns: 1fr; } .details dt { margin-top: 6px; } }