/* EROS69 – Konto. Formular-Grundstil kommt aus info.css (.inf-f, .inf-btn, .inf-msg). */
.n69 .ko-schmal { max-width: 440px; }
.n69 .inf-form.ko-schmal { margin-top: 24px; }
.n69 .ko-abstand { margin-top: 24px; }
.n69 .ko-hinweis { max-width: 640px; margin-top: 18px; }
.n69 .ko-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.n69 .ko-chk { display: flex; align-items: center; gap: 10px; margin: 2px 0 20px; font-size: 14px; cursor: pointer; }
.n69 .ko-chk input { width: 18px; height: 18px; accent-color: #141112; }
.n69 .ko-regel { margin: 6px 0 0; font-size: 12.5px; line-height: 1.5; color: #8A8285; }
.n69 .ko-regel a { color: #D90019; text-decoration: underline; }
.n69 .ko-opt { font-weight: 400; color: #8A8285; }
.n69 .ko-alt { margin: 18px 0 0; font-size: 14px; color: #47413F; }
.n69 .ko-alt a { color: #D90019; text-decoration: underline; text-underline-offset: 2px; font-weight: 600; }
.n69 .ko-lade { margin: 28px 0 0; font-size: 15px; color: #8A8285; }
.n69 .ko-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); grid-template-areas: "daten best" "pw best"; gap: 28px 48px; margin: 28px 0 0; max-width: 1080px; align-items: start; }
.n69 .ko-daten { grid-area: daten; } .n69 .ko-best { grid-area: best; } .n69 .ko-pw { grid-area: pw; }
.n69 .ko-box { border: 1px solid #E3DCD8; border-radius: 12px; padding: 24px; }
.n69 .ko-box h2 { margin: 0 0 16px; font-size: 19px; font-weight: 600; }
.n69 .ko-dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; font-size: 15px; }
.n69 .ko-dl dt { color: #8A8285; font-size: 13px; padding-top: 2px; }
.n69 .ko-dl dd { margin: 0; overflow-wrap: anywhere; }
.n69 button.ko-link { margin: 18px 0 0; padding: 0; border: 0; background: none; font: inherit; font-size: 14px; font-weight: 600; color: #D90019; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.n69 .ko-leer { font-size: 15px; color: #47413F; }
.n69 .ko-orders { list-style: none; margin: 0; padding: 0; }
.n69 .ko-o { padding: 14px 0; border-top: 1px solid #E3DCD8; }
.n69 .ko-o:first-child { border-top: 0; padding-top: 0; }
.n69 .ko-o-kopf { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-size: 15px; }
.n69 .ko-o-dat { color: #8A8285; font-size: 14px; }
.n69 .ko-st { margin-left: auto; padding: 3px 10px; border-radius: 999px; background: #F5F3F1; font-size: 12.5px; font-weight: 600; }
.n69 .ko-st-shipped, .n69 .ko-st-delivered, .n69 .ko-st-completed { background: #EAF4EE; color: #1E6B3A; }
.n69 .ko-st-cancelled, .n69 .ko-st-canceled, .n69 .ko-st-failed, .n69 .ko-st-refunded { background: #FCEEF0; color: #B30014; }
.n69 .ko-o-fuss { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 6px 0 0; font-size: 14px; color: #47413F; }
.n69 .ko-o-tot { font-weight: 700; color: #141112; }
@media (max-width: 860px) {
  .n69 .ko-grid { grid-template-columns: 1fr; grid-template-areas: "daten" "best" "pw"; }
}
@media (max-width: 480px) {
  .n69 .ko-2 { grid-template-columns: 1fr; }
  .n69 .ko-box { padding: 18px; }
}
/* KONTO-BESTELLUNGEN: Bestellung aufklappen */
.n69 button.ko-o-kopf { flex-wrap: nowrap; width: 100%; background: none; border: 0; padding: 0; font: inherit; font-size: 15px; color: inherit; text-align: left; cursor: pointer; }
.n69 button.ko-o-kopf:focus-visible { outline: 2px solid #141112; outline-offset: 4px; border-radius: 2px; }
.n69 .ko-o-pfeil { width: 8px; height: 8px; margin: 0 4px 3px 2px; border-right: 2px solid #8A8285; border-bottom: 2px solid #8A8285; transform: rotate(45deg); transition: transform .15s; }
.n69 .ko-o.is-auf .ko-o-pfeil { transform: rotate(-135deg); margin-bottom: -3px; }
.n69 .ko-o-anz { color: #8A8285; }
.n69 .ko-det { margin-top: 14px; padding-top: 14px; border-top: 1px dashed #E3DCD8; }
.n69 .ko-pos { list-style: none; margin: 0 0 12px; padding: 0; }
.n69 .ko-p { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto auto; gap: 12px; align-items: center; padding: 8px 0; border-bottom: 1px solid #F5F3F1; font-size: 14px; }
.n69 .ko-p-bild { width: 56px; height: 56px; object-fit: contain; background: #F5F3F1; border-radius: 6px; }
.n69 .ko-p-name { overflow-wrap: anywhere; } .n69 .ko-p-name a { color: #141112; text-decoration: underline; text-underline-offset: 2px; }
.n69 .ko-p-var { display: block; color: #8A8285; font-size: 12.5px; }
.n69 .ko-p-menge { color: #8A8285; white-space: nowrap; } .n69 .ko-p-tot { font-weight: 600; white-space: nowrap; }
.n69 .ko-sum { display: grid; grid-template-columns: 1fr auto; gap: 4px 0; max-width: 300px; margin: 0 0 18px auto; font-size: 14px; }
.n69 .ko-sum dt { color: #8A8285; } .n69 .ko-sum dd { margin: 0; padding-left: 16px; text-align: right; }
.n69 .ko-sum .ko-sum-tot { color: #141112; font-weight: 700; font-size: 15px; border-top: 1px solid #141112; padding-top: 6px; margin-top: 2px; }
.n69 .ko-sum .ko-sum-mw { font-size: 12.5px; }
.n69 .ko-det-info { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; font-size: 14px; line-height: 1.55; color: #47413F; }
.n69 .ko-det-info h3 { font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: #8A8285; margin: 0 0 4px; font-weight: 600; }
.n69 .ko-det-info a { color: #D90019; text-decoration: underline; text-underline-offset: 2px; font-weight: 600; overflow-wrap: anywhere; }
.n69 .ko-leise { color: #8A8285; font-size: 13px; }
@media (max-width: 600px) { .n69 .ko-p { grid-template-columns: 48px minmax(0, 1fr) auto; } .n69 .ko-p-menge { grid-column: 2; grid-row: 2; } .n69 .ko-p-tot { grid-row: 1 / span 2; grid-column: 3; } .n69 .ko-p-bild { width: 48px; height: 48px; grid-row: 1 / span 2; } .n69 .ko-det-info { grid-template-columns: 1fr; } }
.n69 .ko-o-dat { white-space: nowrap; } .n69 .ko-o-pfeil { flex: none; }
.n69 button.ko-o-kopf b { white-space: nowrap; } @media (max-width: 420px) { .n69 button.ko-o-kopf { gap: 6px 8px; } .n69 .ko-o-dat { font-size: 13px; } .n69 .ko-st { padding: 3px 8px; } }
.n69 .ko-grid { grid-template-rows: auto 1fr; }