/* Kramer Kundenportal V5.9.6: read-only customer preview */
.preview-inline-form {display:inline-flex;vertical-align:middle;margin:2px 0}
.preview-inline-form .btn {cursor:pointer}
.preview-customer-action {display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background:rgba(255,153,0,.08);border:1px solid rgba(255,153,0,.35);border-radius:14px;padding:19px 22px;margin:22px 0}
.preview-customer-action strong {color:#f7f7f7;font-size:1.06rem}
.preview-customer-action p {margin:5px 0 0;color:#b5b5b5;font-size:.9rem}
.preview-banner {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 25px;background:#242018;border-bottom:1px solid #cf7c09;color:#f3f3f3}
.preview-banner > div {display:flex;flex-direction:column;gap:4px}
.preview-banner strong {font-size:1rem;font-weight:750}
.preview-eyebrow {font-size:.7rem;font-weight:850;letter-spacing:.11em;color:#ff9e15}
.preview-hint,.preview-readonly {font-size:.75rem;color:#c8bdad}
.preview-banner form {margin:0}
.customer-preview .side-foot .preview-readonly {display:block;margin:10px 0}
@media(max-width:720px){.preview-banner {padding:12px 16px}.preview-banner form,.preview-banner .btn{width:100%}.preview-customer-action form,.preview-customer-action .btn{width:100%}}