/* Mein Konto (app/content/seiten/mein-konto.php) – die Formulare selbst: seiten/konto.css */

.kontokopf { padding-block: 44px 36px; }
.kontokopf__raster { display: grid; gap: 28px; align-items: end; }
@media (min-width: 960px) { .kontokopf__raster { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 64px; } }
.kontokopf .gross { max-width: 50ch; margin-bottom: 0; }
.kontokopf__firma { border-left: 2px solid var(--schwarz); padding: 4px 0 4px 20px; }
.kontokopf__firma .etikett { margin-bottom: .6em; }
.kontokopf__firma p { margin-bottom: .6em; color: var(--text-2); font-size: .95rem; }
.kontokopf__firma p:last-child { margin-bottom: 0; }
.kontokopf__firma .pfeil-link { color: var(--schwarz); }

.kontoformular { padding-block: clamp(32px, 1.5rem + 3vw, 72px); }

.portal-raster { display: grid; gap: 48px; align-items: start; }
@media (min-width: 960px) { .portal-raster { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 72px; } .portal-raster__bild { position: sticky; top: calc(var(--kopf-h) + 32px); } }
.portal-raster__bild .statusbsp { box-shadow: 0 30px 70px rgb(10 10 11 / .14), 0 0 0 1px rgb(10 10 11 / .06); }

.portalliste { margin: 28px 0 0; border-top: 2px solid var(--schwarz); }
.portalliste__punkt { display: grid; gap: 4px 28px; padding: 18px 0; border-bottom: 1px solid var(--alu); }
@media (min-width: 640px) { .portalliste__punkt { grid-template-columns: 190px minmax(0, 1fr); } }
.portalliste dt { font: 700 1.1rem/1.35 var(--din); }
.portalliste dd { margin: 0; color: var(--text-2); max-width: 56ch; }

.kontohinweis { padding-block: clamp(36px, 1.5rem + 3vw, 72px); }
.kontohinweis p { color: var(--text-2); }
.kontohinweis p:last-child { margin-bottom: 0; }
.kontohinweis a { color: var(--rot); }