:root {
  --blue: #246db4;
  --deep: #123e67;
  --ink: #182c3f;
  --muted: #647585;
  --surface: #f3f6f8;
  --line: #dce4ea;
  --green: #287657;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
.content-width { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.eyebrow { margin: 0 0 12px; font-size: .75rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow.blue { color: var(--blue); }
.button, button { display: inline-flex; justify-content: center; align-items: center; min-height: 46px; padding: 0 18px; border: 0; color: #fff; background: var(--blue); font-weight: 700; cursor: pointer; }
.button:hover, button:hover { background: var(--deep); }
.button.secondary { color: var(--blue); background: #eaf2f9; }
.button.secondary:hover { color: white; background: var(--deep); }

.site-header { height: 86px; position: relative; z-index: 10; background: white; border-bottom: 1px solid var(--line); }
.header-inner { width: min(1240px, calc(100% - 40px)); height: 100%; margin: auto; display: flex; align-items: center; gap: 28px; }
.brand-link img { display: block; width: 210px; height: auto; }
.site-header nav { margin-left: auto; display: flex; gap: 26px; align-items: center; }
.site-header nav a { padding: 31px 0; color: #344556; font-size: .875rem; font-weight: 700; }
.site-header nav a:hover { color: var(--blue); }
.site-header nav .login-link { margin-left: 2px; padding: 11px 16px; color: white; background: var(--blue); }
.site-header nav .login-link:hover { color: white; background: var(--deep); }
.phone-link { padding-left: 16px; border-left: 1px solid var(--line); color: var(--blue); font-size: .875rem; font-weight: 700; }

.hero { min-height: 500px; position: relative; overflow: hidden; display: flex; align-items: center; color: #fff; background: url('/assets/brand/ghv-hero.jpg') center 52% / cover no-repeat; }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,37,65,.94), rgba(20,73,119,.78) 48%, rgba(17,67,110,.24)); }
.hero-content { position: relative; padding: 70px 0 52px; }
.hero h1 { max-width: 760px; margin: 0; font-size: clamp(2.7rem, 6vw, 4.6rem); line-height: .98; letter-spacing: -.035em; font-weight: 300; }
.hero-copy { max-width: 620px; margin: 22px 0 0; color: rgba(255,255,255,.88); font-size: 1.25rem; line-height: 1.55; }
.hero-metrics { width: fit-content; display: flex; margin-top: 46px; border: 1px solid rgba(255,255,255,.3); background: rgba(10,44,75,.32); backdrop-filter: blur(8px); }
.hero-metrics div { min-width: 145px; padding: 17px 24px; display: flex; flex-direction: column; border-right: 1px solid rgba(255,255,255,.22); }
.hero-metrics div:last-child { border: 0; }
.hero-metrics strong { font-size: 1.45rem; }
.hero-metrics span { margin-top: 3px; color: rgba(255,255,255,.72); font-size: .7rem; text-transform: uppercase; letter-spacing: .07em; }
.auction-strip { background: white; border-bottom: 1px solid var(--line); box-shadow: 0 8px 30px rgba(25,52,77,.06); }
.strip-inner { min-height: 68px; display: flex; justify-content: space-between; align-items: center; gap: 24px; color: var(--muted); font-size: .875rem; }
.strip-inner > div { display: flex; align-items: center; gap: 12px; }
.strip-inner strong { color: var(--ink); }
.live-dot { width: 9px; height: 9px; border-radius: 50%; background: #f2a900; box-shadow: 0 0 0 5px rgba(242,169,0,.14); }

.catalog-section { padding-top: 78px; padding-bottom: 92px; }
.section-heading h2, .detail-content-grid h2 { margin: 0; font-size: clamp(2rem, 4vw, 2.85rem); line-height: 1.1; font-weight: 400; letter-spacing: -.025em; }
.filter-bar { margin-top: 38px; padding: 14px; display: grid; grid-template-columns: minmax(250px, 1fr) 220px 205px auto; gap: 10px; background: var(--surface); border: 1px solid var(--line); }
.filter-bar label { height: 48px; display: flex; align-items: center; padding: 0 14px; background: white; border: 1px solid #d2dce5; }
.filter-bar input, .filter-bar select { width: 100%; border: 0; outline: 0; background: transparent; color: var(--ink); }
.result-line { min-height: 62px; display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: .82rem; }
.result-line strong { color: var(--ink); }
.catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.catalog-card { min-width: 0; display: block; background: white; border: 1px solid var(--line); transition: transform .2s, box-shadow .2s, border-color .2s; }
.catalog-card:hover, .catalog-card:focus-visible { transform: translateY(-4px); border-color: #abc7df; box-shadow: 0 18px 44px rgba(22,54,82,.13); outline: none; }
.item-visual { height: 220px; position: relative; overflow: hidden; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, #1d5e9c, #123d68) center / cover no-repeat; isolation: isolate; }
.item-visual-image { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; }
.item-visual:has(.item-visual-image)::before { content: ''; position: absolute; inset: 0; z-index: 0; background: linear-gradient(180deg, rgba(7,31,51,.08), rgba(7,31,51,.5)); }
.item-visual::after { content: ''; width: 260px; height: 260px; position: absolute; z-index: -1; right: -55px; top: -105px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; box-shadow: 0 0 0 42px rgba(255,255,255,.045), 0 0 0 84px rgba(255,255,255,.035); }
.visual-machine { background: linear-gradient(135deg, #405261, #1d3448); }
.visual-office { background: linear-gradient(135deg, #4b7187, #1f4a68); }
.visual-warehouse { background: linear-gradient(135deg, #2e6e78, #164450); }
.visual-property { background: linear-gradient(135deg, #316b9b, #1d4567); }
.visual-service { background: linear-gradient(135deg, #526273, #263849); }
.lot-watermark { position: absolute; z-index: 1; left: 20px; top: 14px; color: rgba(255,255,255,.25); font-size: 4rem; line-height: 1; font-weight: 800; letter-spacing: -.08em; text-shadow: 0 1px 10px rgba(0,0,0,.28); }
.visual-symbol { position: relative; z-index: 1; font-size: 2rem; font-weight: 300; letter-spacing: .12em; opacity: .92; }
.visual-caption { position: absolute; z-index: 1; left: 18px; bottom: 15px; color: rgba(255,255,255,.9); font-size: .75rem; }
.card-content { padding: 21px 22px 20px; }
.card-meta { display: flex; justify-content: space-between; gap: 12px; align-items: center; color: var(--blue); font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }
.status-pill { display: inline-flex; padding: 6px 9px; border-radius: 99px; color: var(--green); background: #e8f4ee; font-size: .68rem; text-transform: uppercase; letter-spacing: .05em; }
.catalog-card h3 { min-height: 52px; margin: 16px 0 8px; font-size: 1.3rem; line-height: 1.25; }
.catalog-card p { min-height: 44px; margin: 0; color: var(--muted); font-size: .875rem; line-height: 1.55; }
.location { margin-top: 18px; color: #627180; font-size: .82rem; }
.card-footer { margin-top: 18px; padding-top: 17px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--line); }
.card-footer div { display: flex; flex-direction: column; gap: 3px; }
.card-footer span { color: var(--muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .06em; }
.card-footer strong { font-size: 1.12rem; }
.card-footer .arrow { width: 42px; height: 42px; display: grid; place-items: center; color: white; background: var(--blue); font-size: 1.35rem; }
.empty-state { padding: 65px 24px; text-align: center; background: var(--surface); border: 1px solid var(--line); }
.empty-state p { color: var(--muted); }

.detail-main { padding-top: 34px; padding-bottom: 88px; }
.back-link { display: inline-block; margin-bottom: 25px; color: var(--blue); font-size: .875rem; font-weight: 700; }
.detail-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(330px, .85fr); gap: 30px; }
.detail-grid > * { min-width: 0; }
.item-visual-large { height: 510px; }
.item-visual-large .lot-watermark { font-size: 8rem; }
.item-visual-large .visual-symbol { font-size: 4rem; }
.image-strip { padding: 12px; display: flex; gap: 10px; overflow-x: auto; background: white; border: 1px solid var(--line); border-top: 0; }
.gallery { width: 100%; min-width: 0; max-width: 100%; overflow: hidden; }
.gallery-main { width: 100%; max-width: 100%; height: clamp(300px, 42vw, 510px); position: relative; display: block; padding: 0; overflow: hidden; contain: layout paint; background: #e7edf2; cursor: zoom-in; }
.gallery-main > img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; display: block; object-fit: contain; object-position: center; }
.gallery-zoom { position: absolute; right: 16px; bottom: 16px; padding: 9px 12px; color: white; background: rgba(10,34,54,.78); font-size: .75rem; font-weight: 700; }
.gallery-thumb { flex: 0 0 auto; width: 98px; height: 72px; padding: 3px; background: white; border: 2px solid transparent; opacity: .68; }
.gallery-thumb:hover { background: white; opacity: 1; }
.gallery-thumb.active { border-color: var(--blue); opacity: 1; }
.gallery-thumb img { width: 88px; height: 62px; display: block; object-fit: cover; }
.lightbox { width: 100vw; max-width: none; height: 100vh; height: 100dvh; max-height: none; margin: 0; padding: 0; overflow: hidden; color: white; background: rgba(5,16,26,.96); border: 0; }
.lightbox::backdrop { background: rgba(5,16,26,.82); }
.lightbox[open] { display: grid; grid-template-columns: 80px minmax(0, 1fr) 80px; place-items: center; }
.lightbox figure { width: 100%; height: 100%; min-width: 0; min-height: 0; margin: 0; padding: 38px 0 24px; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; }
.lightbox figure > img { width: auto; height: auto; max-width: min(100%, calc(100vw - 190px)); max-height: calc(100vh - 180px); max-height: calc(100dvh - 180px); display: block; object-fit: contain; object-position: center; }
.lightbox figcaption { color: rgba(255,255,255,.82); font-size: .875rem; }
.lightbox-thumbs { max-width: min(760px, 90vw); padding: 4px; display: flex; gap: 8px; overflow-x: auto; }
.lightbox-thumb { flex: 0 0 auto; width: 72px; height: 54px; padding: 2px; background: rgba(255,255,255,.12); border: 2px solid transparent; opacity: .62; }
.lightbox-thumb:hover { background: rgba(255,255,255,.2); opacity: 1; }
.lightbox-thumb.active { border-color: #fff; opacity: 1; }
.lightbox-thumb img { width: 64px; height: 46px; display: block; object-fit: cover; }
.lightbox-close, .lightbox-nav { position: relative; z-index: 2; padding: 0; display: grid; place-items: center; color: white; background: rgba(255,255,255,.12); border-radius: 50%; }
.lightbox-close:hover, .lightbox-nav:hover { background: var(--blue); }
.lightbox-close { width: 48px; height: 48px; position: absolute; top: 18px; right: 20px; font-size: 2rem; }
.lightbox-nav { width: 52px; height: 52px; font-size: 2.4rem; }
.detail-summary { padding: 34px; background: white; border-top: 4px solid var(--blue); box-shadow: 0 12px 32px rgba(21,50,76,.08); }
.detail-meta { display: flex; justify-content: space-between; align-items: center; color: var(--blue); font-size: .75rem; font-weight: 800; text-transform: uppercase; }
.detail-summary h1 { margin: 24px 0 12px; font-size: clamp(2rem, 3.3vw, 2.8rem); line-height: 1.05; font-weight: 400; }
.detail-summary > p { color: var(--muted); line-height: 1.6; }
.detail-location { margin-top: 20px; color: #5c6b79; }
.price-box { margin-top: 28px; padding: 22px 0; display: flex; flex-direction: column; border-block: 1px solid var(--line); }
.price-box > span { color: var(--muted); font-size: .7rem; text-transform: uppercase; }
.price-box strong { margin: 5px 0; color: var(--blue); font-size: 1.8rem; }
.price-box small { color: #8a949e; }
.primary-action { margin-top: 22px; padding: 15px 17px; display: flex; justify-content: space-between; color: white; background: var(--blue); font-weight: 700; }
.detail-content-grid { margin-top: 30px; display: grid; grid-template-columns: 1.5fr .85fr; gap: 30px; }
.detail-content-grid > section, .facts-card { padding: 42px; background: #fff; border: 1px solid var(--line); }
.detail-content-grid section > p:not(.eyebrow) { color: var(--muted); line-height: 1.8; }
.facts-card { padding: 30px; }
.facts-card h2 { margin-top: 0; }
.facts-card > div { padding: 13px 0; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--line); font-size: .875rem; }
.facts-card span { color: var(--muted); }
.facts-card > p { padding: 13px; color: var(--green); background: #edf7f2; font-size: .8rem; font-weight: 700; }

.login-page { min-height: calc(100vh - 190px); padding: 70px 20px; display: grid; place-items: center; background: linear-gradient(135deg, #edf4f9, #f8fafb); }
.login-card { width: min(440px, 100%); padding: 42px; background: white; border-top: 4px solid var(--blue); box-shadow: 0 20px 60px rgba(20,50,75,.14); }
.login-card img { width: 200px; margin-bottom: 38px; }
.login-card h1 { margin: 0; font-size: 2.3rem; font-weight: 400; }
.login-card > p:not(.eyebrow) { color: var(--muted); line-height: 1.6; }
.login-form { margin-top: 26px; display: grid; gap: 16px; }
.login-form label { display: grid; gap: 7px; font-size: .85rem; font-weight: 700; }
.login-form input { height: 48px; padding: 0 13px; border: 1px solid #cbd7e1; }
.login-form button { margin-top: 4px; }
.alert.error { padding: 12px 14px; color: #8a2830; background: #fff0f1; border: 1px solid #edc5c8; font-size: .875rem; }

.admin-main { padding-block: 55px 90px; }
.admin-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; }
.admin-heading h1 { margin: 0; font-size: 2.8rem; font-weight: 400; }
.admin-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.stat-grid { margin-top: 35px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.stat-grid div { padding: 24px; display: flex; flex-direction: column; background: var(--deep); color: white; }
.stat-grid strong { font-size: 2rem; }
.stat-grid span { margin-top: 5px; color: rgba(255,255,255,.72); font-size: .78rem; text-transform: uppercase; }
.admin-panel { margin-top: 26px; padding: 30px; background: white; border: 1px solid var(--line); box-shadow: 0 10px 30px rgba(20,50,75,.06); }
.admin-panel h2 { margin: 0; font-size: 1.5rem; }
.admin-panel p { color: var(--muted); line-height: 1.6; }
.compact-panel { padding-top: 12px; }
.endpoint-link { text-align: right; color: var(--muted); font-size: .78rem; }
.endpoint-link a { color: var(--blue); }
.table-wrap { margin-top: 22px; overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: .84rem; }
th, td { padding: 13px 12px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; }
th { color: var(--muted); font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; }
td small { display: block; margin-top: 5px; color: #a3343d; }
.manual-label { width: fit-content; padding: 3px 6px; color: #855c00; background: #fff2cc; font-size: .65rem; text-transform: uppercase; letter-spacing: .04em; }
.table-action { color: var(--blue); font-weight: 700; white-space: nowrap; }
.admin-search { margin-top: 30px; display: grid; grid-template-columns: 1fr auto; gap: 10px; }
.admin-search input { min-height: 48px; padding: 0 14px; border: 1px solid #cbd7e1; }
.narrow-admin { max-width: 930px; }
.alert { margin-top: 18px; padding: 13px 15px; border: 1px solid; font-size: .875rem; }
.alert.success { color: #23684d; background: #edf8f3; border-color: #bcdcca; }
.edit-form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.edit-form label, .upload-card label { display: grid; gap: 7px; color: #425465; font-size: .82rem; font-weight: 700; }
.edit-form label.full, .edit-form .full { grid-column: 1 / -1; }
.edit-form input, .edit-form textarea, .edit-form select, .upload-card input { width: 100%; padding: 12px 13px; color: var(--ink); background: #fff; border: 1px solid #cbd7e1; outline: 0; }
.edit-form input:focus, .edit-form textarea:focus, .edit-form select:focus, .upload-card input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(36,109,180,.1); }
.edit-form textarea { resize: vertical; line-height: 1.55; }
.form-actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.danger-outline { color: #9b2832; background: white; border: 1px solid #dfb5b9; }
.danger-outline:hover { color: white; background: #9b2832; }
.upload-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(250px, .65fr); gap: 24px; }
.upload-card, .upload-help { margin-top: 28px; }
.upload-card h2, .upload-help h2 { margin-top: 0; }
.upload-zone { min-height: 145px; margin: 22px 0 16px; place-items: center; align-content: center; color: var(--blue) !important; background: #f5faff; border: 2px dashed #aec8df; cursor: pointer; }
.upload-zone input { width: auto; max-width: 90%; border: 0; background: transparent; }
.selected-files { margin: -6px 0 16px; padding: 10px 12px; display: block; color: #425465; background: #edf4fa; font-size: .78rem; line-height: 1.5; }
.upload-progress { margin-top: 12px; padding: 11px 13px; display: block; color: #245b85; background: #edf5fb; font-size: .8rem; }
.upload-progress[hidden] { display: none; }
.upload-card details { margin: 16px 0; padding: 14px; background: var(--surface); }
.upload-card summary { color: var(--blue); font-weight: 700; cursor: pointer; }
.upload-card details label { margin-top: 14px; }
.upload-card > small { margin-top: 14px; display: block; color: var(--muted); line-height: 1.5; }
.upload-help div { padding: 15px 0; display: flex; flex-direction: column; gap: 4px; border-top: 1px solid var(--line); }
.upload-help span { color: var(--muted); font-size: .78rem; }
.image-admin-grid { margin-top: 22px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.image-admin-grid article { display: grid; grid-template-columns: 100px 1fr; border: 1px solid var(--line); background: var(--surface); }
.image-admin-grid img { width: 100px; height: 100%; min-height: 125px; object-fit: cover; }
.image-admin-grid article > div { min-width: 0; padding: 12px; display: flex; flex-direction: column; gap: 5px; }
.image-admin-grid span, .image-admin-grid small { overflow: hidden; color: var(--muted); font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.image-admin-grid form { margin-top: auto; }
.text-danger { min-height: auto; padding: 0; color: #9b2832; background: transparent; font-size: .75rem; }
.text-danger:hover { color: #6e141c; background: transparent; }

footer { padding: 45px 0; background: #112b42; color: rgba(255,255,255,.72); }
.footer-grid { display: grid; grid-template-columns: 310px 1.5fr 1fr; gap: 38px; font-size: .82rem; line-height: 1.8; }
.footer-grid > img { width: 300px; max-width: 100%; height: auto; align-self: start; }
.footer-grid > div { display: flex; flex-direction: column; }
.footer-grid strong { color: white; }

@media (max-width: 900px) {
  .site-header nav a:not(.login-link):not(.admin-link), .phone-link { display: none; }
  .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .filter-bar { grid-template-columns: 1fr 1fr; }
  .search-field { grid-column: 1 / -1; }
  .detail-grid, .detail-content-grid { grid-template-columns: 1fr; }
  .stat-grid { grid-template-columns: 1fr 1fr; }
  .upload-layout { grid-template-columns: 1fr; }
  .image-admin-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 620px) {
  .content-width, .header-inner { width: min(100% - 28px, 1180px); }
  .site-header { height: 72px; }
  .brand-link img { width: 155px; }
  .site-header nav { gap: 15px; }
  .site-header nav a { padding: 25px 0; font-size: .75rem; }
  .hero { min-height: 490px; }
  .hero-content { padding: 54px 0 35px; }
  .hero h1 { font-size: 2.75rem; }
  .hero-copy { font-size: 1.05rem; }
  .hero-metrics { width: 100%; }
  .hero-metrics div { min-width: 0; flex: 1; padding: 14px 10px; }
  .hero-metrics strong { font-size: 1.15rem; }
  .hero-metrics span { font-size: .55rem; }
  .strip-inner { padding-block: 15px; flex-direction: column; align-items: flex-start; }
  .catalog-section { padding-block: 58px; }
  .filter-bar { grid-template-columns: 1fr; }
  .search-field { grid-column: auto; }
  .result-line { padding-block: 15px; flex-direction: column; align-items: flex-start; }
  .catalog-grid { grid-template-columns: 1fr; }
  .item-visual-large, .gallery-main { height: clamp(260px, 70vw, 360px); }
  .lightbox[open] { grid-template-columns: 54px minmax(0, 1fr) 54px; }
  .lightbox-nav { width: 42px; height: 42px; }
  .lightbox figure > img { max-width: calc(100vw - 116px); max-height: calc(100vh - 170px); max-height: calc(100dvh - 170px); }
  .detail-summary, .detail-content-grid > section, .facts-card { padding: 25px 21px; }
  .login-card { padding: 32px 24px; }
  .admin-heading { align-items: flex-start; flex-direction: column; }
  .edit-form { grid-template-columns: 1fr; }
  .edit-form label.full, .edit-form .full { grid-column: auto; }
  .stat-grid { grid-template-columns: 1fr; }
  .admin-panel { padding: 22px 16px; }
  .footer-grid { grid-template-columns: 220px 1fr; gap: 24px; }
  .footer-grid > div:last-child { display: none; }
  .image-admin-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}

/* Online- und Live-Versteigerung */
.hero-actions { margin-top: 28px; display: flex; gap: 12px; flex-wrap: wrap; }
.light-button { color: var(--deep); background: #fff; }
.light-button:hover { color: #fff; }
.ghost-button { background: transparent; border: 1px solid rgba(255,255,255,.65); }
.live-dot.is-live, .live-indicator i { background: #e74242; box-shadow: 0 0 0 5px rgba(231,66,66,.16); animation: live-pulse 1.7s infinite; }
@keyframes live-pulse { 50% { box-shadow: 0 0 0 10px rgba(231,66,66,0); } }
.auction-list-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; }
.simple-filter { grid-template-columns: minmax(240px,1fr) auto; }
.procedure-list { display: grid; gap: 42px; }
.procedure-section { overflow: hidden; border: 1px solid var(--line); background: #fff; box-shadow: 0 14px 40px rgba(20,50,75,.07); }
.procedure-header { padding: 30px 32px; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(310px,.85fr) auto; gap: 32px; align-items: end; background: linear-gradient(120deg,#f7fafc,#edf4f9); border-bottom: 1px solid var(--line); }
.procedure-title > p { margin: 15px 0 4px; color: var(--blue); font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.procedure-title h2 { margin: 0; font-size: clamp(1.55rem,3vw,2.25rem); font-weight: 400; }
.procedure-title h3 { margin: 7px 0 0; color: var(--muted); font-size: 1rem; font-weight: 400; }
.phase-badge, .live-indicator { width: fit-content; display: inline-flex; align-items: center; gap: 8px; color: var(--deep); font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.phase-badge span, .live-indicator i { width: 9px; height: 9px; display: inline-block; border-radius: 50%; background: #8ca0b2; }
.phase-prebidding span { background: #df9a13; }.phase-live span { background: #e74242; animation: live-pulse 1.7s infinite; }.phase-closed span { background: #66717c; }
.procedure-facts { margin: 0; display: grid; gap: 10px; }
.procedure-facts div { display: grid; grid-template-columns: 126px 1fr; gap: 12px; }
.procedure-facts dt { color: var(--muted); font-size: .72rem; text-transform: uppercase; }.procedure-facts dd { margin: 0; font-size: .85rem; font-weight: 700; }
.procedure-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; white-space: nowrap; }.procedure-actions strong { font-size: 1.2rem; }.procedure-actions a { color: var(--blue); font-size: .8rem; font-weight: 700; }
.procedure-grid { padding: 26px; }.procedure-empty { padding: 38px; color: var(--muted); text-align: center; }
.live-corner { position: absolute; z-index: 2; top: 14px; right: 14px; padding: 7px 10px; color: #fff; background: #d82f3b; font-size: .68rem; font-weight: 900; letter-spacing: .1em; }
.status-scheduled { color: #596b7a; background: #edf1f4; }.status-prebidding { color: #8b5b00; background: #fff2cf; }.status-live { color: #a6222c; background: #ffe5e7; }.status-sold { color: #25664d; background: #e1f3ea; }.status-unsold { color: #6a6061; background: #eeeaea; }
.card-schedule { margin-top: 17px; padding: 11px 0; display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid var(--line); font-size: .75rem; }.card-schedule span { color: var(--muted); text-transform: uppercase; }.card-schedule strong { text-align: right; }
.card-footer { margin-top: 0; }.card-footer small { margin-top: 3px; color: var(--muted); font-size: .7rem; }
.auction-time-box { margin-top: 25px; padding: 15px; display: flex; flex-direction: column; gap: 4px; background: var(--surface); border-left: 3px solid var(--blue); }.auction-time-box span,.current-bid-box > span { color: var(--muted); font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; }.auction-time-box small { color: var(--muted); }
.current-bid-box { margin-top: 16px; padding: 22px 0; display: flex; flex-direction: column; border-block: 1px solid var(--line); }.current-bid-box > strong { margin: 4px 0; color: var(--blue); font-size: 2.25rem; }.current-bid-box small { color: var(--muted); }.current-bid-box small b { color: var(--ink); }
.bid-form { margin-top: 20px; display: grid; gap: 10px; }.bid-form label { display: grid; gap: 7px; color: #425465; font-size: .78rem; font-weight: 700; }.bid-form input { width: 100%; min-height: 50px; padding: 0 13px; border: 1px solid #bdccd8; font-size: 1.12rem; font-weight: 700; }.bid-form button:disabled { cursor: not-allowed; opacity: .45; }
.bid-confirm { padding: 14px; background: #fff5d9; border: 1px solid #ead18c; }.bid-confirm p { margin: 0 0 11px; line-height: 1.45; }.bid-confirm > div { display: flex; gap: 8px; }.bid-confirm button { min-height: 40px; padding-inline: 12px; font-size: .8rem; }
.bid-feedback { min-height: 18px; margin: 2px 0 0; color: var(--muted); font-size: .78rem; }.bid-feedback.success { color: var(--green); font-weight: 700; }.bid-feedback.error { color: #a1242f; font-weight: 700; }
.bid-login-box,.bid-closed-box { margin-top: 20px; padding: 18px; background: #edf5fb; border: 1px solid #c6dbe9; }.bid-login-box p,.bid-closed-box p { margin: 6px 0 13px; color: var(--muted); font-size: .84rem; line-height: 1.5; }.bid-login-box .button { min-height: 40px; margin-right: 6px; padding-inline: 12px; font-size: .78rem; }.price-note { margin-top: 13px; display: block; color: #87929c; line-height: 1.45; }
.auction-detail-content { grid-template-columns: 1.25fr .95fr; }.bid-history-card h3 { margin-top: 28px; }.bid-history { display: grid; }.bid-history > p { color: var(--muted); }.bid-history > div { padding: 11px 0; display: flex; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); }.bid-history > div > span,.bid-history > div > strong { display: flex; flex-direction: column; gap: 3px; }.bid-history > div > span { color: var(--muted); font-size: .72rem; }.bid-history > div > strong { text-align: right; }.bid-history small { color: var(--blue); font-size: .68rem; }.bid-history-card dl { margin: 0; }.bid-history-card dl div { padding: 10px 0; display: flex; justify-content: space-between; gap: 14px; border-top: 1px solid var(--line); font-size: .8rem; }.bid-history-card dt { color: var(--muted); }.bid-history-card dd { margin: 0; text-align: right; font-weight: 700; }

/* Registrierung und Konto */
.registration-main,.account-main { padding-block: 42px 90px; }.registration-layout { display: grid; grid-template-columns: minmax(300px,.75fr) minmax(0,1.25fr); gap: 32px; align-items: start; }.registration-layout > *,.registration-form > * { min-width: 0; }.registration-intro { padding: 42px; color: #fff; background: var(--deep); }.registration-intro h1 { margin: 0; font-size: 2.7rem; font-weight: 300; }.registration-intro > p:not(.eyebrow) { color: rgba(255,255,255,.75); line-height: 1.7; }.registration-intro > div { margin-top: 28px; display: grid; gap: 13px; }.registration-form { padding: 34px; display: grid; grid-template-columns: 1fr 1fr; gap: 17px; border: 1px solid var(--line); box-shadow: 0 12px 36px rgba(20,50,75,.07); }.registration-form label { display: grid; gap: 7px; color: #425465; font-size: .82rem; font-weight: 700; }.registration-form input { min-width: 0; min-height: 46px; padding: 0 12px; border: 1px solid #cbd7e1; }.registration-form .full { grid-column: 1/-1; }.registration-form fieldset { margin: 0; padding: 0; border: 0; }.registration-form legend { margin-bottom: 8px; font-size: .82rem; font-weight: 700; }.account-type { display: flex; flex-wrap: wrap; gap: 20px; }.account-type label { display: flex; align-items: center; gap: 7px; }.account-type input,.registration-consents input { min-height: auto; }.registration-consents { display: grid; gap: 10px; }.registration-consents label { max-width: 100%; display: flex; align-items: flex-start; gap: 9px; line-height: 1.45; overflow-wrap: anywhere; }.registration-consents label a { min-width: 0; overflow-wrap: anywhere; }.auth-switch { margin: 0; text-align: center; color: var(--muted); }.auth-switch a { color: var(--blue); font-weight: 700; }.account-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; }.account-heading h1 { margin: 0; font-size: 2.6rem; font-weight: 400; }.account-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 24px; }.account-bids { display: grid; }.account-bids > a { padding: 14px 0; display: flex; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); }.account-bids span,.account-bids em { display: flex; flex-direction: column; gap: 4px; }.account-bids em { text-align: right; color: var(--blue); font-style: normal; font-weight: 800; }.account-bids small { color: var(--muted); font-size: .7rem; }
.account-history { display:grid; gap:24px; }.account-purchases { display:grid; gap:18px; }.account-purchases article { padding:18px; border:1px solid var(--line); background:#fff; }.account-purchases article > a { display:grid; gap:4px; margin-bottom:10px; }.account-purchases .status-pill { display:inline-flex; margin-bottom:12px; }.account-purchases dl { margin:0; display:grid; gap:6px; }.account-purchases dl div { display:flex; justify-content:space-between; gap:18px; }.account-purchases dt,.account-purchases dd { margin:0; }.account-purchases dd { font-weight:700; white-space:nowrap; }.account-purchases .purchase-total { margin-top:5px; padding-top:9px; border-top:1px solid var(--line); color:var(--deep); font-weight:800; }.account-purchases article > small { display:block; margin-top:10px; color:var(--muted); }
.registration-form [data-company-field][hidden] { display: none; }

/* Öffentliche Live-Ansicht */
.live-page { padding-bottom: 85px; background: #f1f5f8; }.live-masthead { padding: 38px 0; color: #fff; background: linear-gradient(115deg,#0c2941,#194f7d); }.live-masthead .content-width { display: flex; justify-content: space-between; gap: 40px; align-items: end; }.live-masthead p { margin: 15px 0 5px; color: #9fc3df; font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; }.live-masthead h1 { max-width: 780px; margin: 0; font-size: clamp(2rem,4vw,3.2rem); font-weight: 300; }.live-masthead .live-indicator { color: #fff; }.live-meta { min-width: 270px; display: grid; grid-template-columns: auto 1fr; gap: 8px 15px; font-size: .77rem; }.live-meta span { color: #9fc3df; text-transform: uppercase; }.live-meta strong { text-align: right; }
.live-layout { padding-top: 32px; display: grid; grid-template-columns: minmax(0,1.5fr) minmax(320px,.65fr); gap: 26px; align-items: start; }.live-stage,.live-sidebar > * { background: #fff; border: 1px solid var(--line); }.live-image-frame { height: min(56vw,600px); position: relative; overflow: hidden; background: #0e2538; }.live-image-frame img { width: 100%; height: 100%; display: block; object-fit: contain; }.live-position-number { position: absolute; top: 18px; left: 18px; padding: 10px 13px; color: #fff; background: rgba(9,31,48,.86); text-transform: uppercase; font-size: .72rem; letter-spacing: .08em; }.live-object-copy { padding: 24px; display: flex; justify-content: space-between; align-items: end; gap: 24px; }.live-object-copy h2 { margin: 12px 0 5px; font-size: 1.9rem; }.live-object-copy p { margin: 0; color: var(--muted); line-height: 1.55; }.live-object-copy a { color: var(--blue); white-space: nowrap; font-size: .8rem; font-weight: 700; }
.live-sidebar { display: grid; gap: 18px; position: sticky; top: 18px; }.live-bid-card { padding: 26px; display: flex; flex-direction: column; border-top: 4px solid var(--blue) !important; }.live-price-value { display: flex; flex-direction: column; }.live-price-value > span { color: var(--muted); font-size: .7rem; text-transform: uppercase; }.live-price-value > strong { margin: 5px 0; color: var(--blue); font-size: 2.8rem; }.live-bid-card p { margin: 0; }.live-bid-card small { margin-top: 10px; color: var(--muted); }.live-bid-form,.live-sidebar > .bid-login-box { margin: 0; padding: 22px; background: #fff; border: 1px solid var(--line); }.live-history-panel { padding: 22px; }.live-history-panel h3 { margin: 0 0 10px; }.camera-section { border-top: 22px solid #f1f5f8; }.section-label { padding: 15px 20px; display: flex; justify-content: space-between; }.section-label span { color: #c92d39; font-weight: 900; }.video-embed { aspect-ratio: 16/9; background: #0b1d2c; }.video-embed iframe { width: 100%; height: 100%; border: 0; }.live-bottom { margin-top: 26px; display: grid; gap: 22px; }.live-message { padding: 17px 20px; color: #fff; background: var(--blue); font-weight: 700; }.upcoming-panel { padding: 28px; display: grid; grid-template-columns: 260px 1fr; gap: 30px; background: #fff; border: 1px solid var(--line); }.upcoming-panel h2 { margin: 0; }.upcoming-list { display: grid; }.upcoming-list a { padding: 12px 0; display: grid; grid-template-columns: 50px 1fr auto; gap: 12px; align-items: center; border-bottom: 1px solid var(--line); }.upcoming-list a > b { width: 40px; height: 40px; display: grid; place-items: center; color: #fff; background: var(--deep); }.upcoming-list span { display: flex; flex-direction: column; gap: 4px; }.upcoming-list small { color: var(--muted); }.upcoming-list i { color: var(--blue); font-style: normal; }
.auction-countdown { padding: 18px 22px; display: grid; grid-template-columns: 1fr auto; gap: 2px 18px; align-items: center; color: #fff; background: var(--blue); border: 1px solid rgba(255,255,255,.2); }.auction-countdown[hidden] { display: none; }.auction-countdown > span { font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }.auction-countdown > strong { grid-row: 1 / 3; grid-column: 2; font-size: 2.7rem; line-height: 1; font-variant-numeric: tabular-nums; }.auction-countdown > small { color: rgba(255,255,255,.78); }.auction-countdown.is-last-minute { background: #b51f2e; }.auction-countdown.is-expired { background: #8a5a00; }.auction-countdown.is-expired > strong { color: #fff3c4; }.detail-countdown { margin: 0 0 14px; }.moderator-countdown { margin-bottom: 20px; }.beamer-timing { display: flex; align-items: center; gap: 24px; }.beamer-timing .auction-countdown { min-width: 340px; padding: 8px 14px; }.beamer-timing .auction-countdown > strong { font-size: 2.2rem; }.beamer-timing .auction-countdown > small { max-width: 170px; font-size: .65rem; }

/* Beamer */
.beamer-body { overflow: hidden; color: #fff; background: #071c2c; }.beamer-screen { width: 100vw; height: 100vh; display: grid; grid-template-rows: 90px minmax(0,1fr) 86px; background: radial-gradient(circle at 80% 10%,#174f78,#071c2c 48%); }.beamer-header { padding: 16px 30px; display: grid; grid-template-columns: 170px 1fr auto; gap: 30px; align-items: center; border-bottom: 1px solid rgba(255,255,255,.17); }.beamer-header img { width: 120px; max-height: 55px; object-fit: contain; }.beamer-header > div { display: flex; align-items: center; gap: 22px; }.beamer-header .live-indicator { color: #fff; }.beamer-header time { font-size: 2rem; font-variant-numeric: tabular-nums; }.beamer-stage { min-height: 0; padding: 28px 30px; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(430px,.65fr); gap: 32px; }.beamer-image { min-width: 0; min-height: 0; display: grid; place-items: center; overflow: hidden; background: #0b2436; }.beamer-image img { width: 100%; height: 100%; display: block; object-fit: contain; }.beamer-info { min-width: 0; display: flex; flex-direction: column; }.beamer-lot { color: #8fc2e7; font-size: 1.2rem; text-transform: uppercase; letter-spacing: .1em; }.beamer-info h1 { margin: 18px 0 10px; font-size: clamp(2.6rem,4vw,5rem); line-height: .98; font-weight: 300; }.beamer-info > p { color: rgba(255,255,255,.68); font-size: 1.25rem; line-height: 1.5; }.beamer-bid { margin-top: auto; padding: 25px 0; display: flex; flex-direction: column; border-block: 1px solid rgba(255,255,255,.22); }.beamer-bid .live-price-value > span { color: #9fc3df; text-transform: uppercase; letter-spacing: .12em; }.beamer-bid .live-price-value > strong { margin: 5px 0; color: #fff; font-size: clamp(4rem,7vw,8rem); line-height: 1; }.beamer-bid small { font-size: 1.1rem; }.beamer-message { margin-top: 20px; padding: 14px; background: var(--blue); font-size: 1.1rem; font-weight: 700; }.beamer-footer { padding: 12px 30px; display: flex; justify-content: space-between; gap: 30px; align-items: center; background: rgba(0,0,0,.25); }.beamer-history { display: flex; gap: 12px; }.beamer-history span { min-width: 135px; display: flex; flex-direction: column; color: #9fc3df; font-size: .75rem; }.beamer-history b { color: #fff; font-size: 1.2rem; }

/* Live-Moderation und Auktionsverwaltung */
.auction-tabs { margin: 28px 0; display: flex; gap: 10px; overflow-x: auto; }.auction-tabs a { min-width: 220px; padding: 13px 16px; display: flex; flex-direction: column; gap: 4px; background: #eef3f6; border: 1px solid var(--line); }.auction-tabs a.active { color: #fff; background: var(--deep); border-color: var(--deep); }.auction-tabs span { font-size: .67rem; text-transform: uppercase; }.moderator-console { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(270px,.65fr); gap: 22px; }.moderator-current,.moderator-help { padding: 30px; background: #fff; border: 1px solid var(--line); }.moderator-current { border-top: 5px solid #d52e3b; }.moderator-topline { display: flex; justify-content: space-between; margin-bottom: 24px; }.moderator-current > span { color: var(--blue); font-size: .78rem; font-weight: 800; text-transform: uppercase; }.moderator-current h2 { margin: 6px 0 22px; font-size: 2.1rem; }.moderator-price { padding: 18px; display: flex; flex-direction: column; background: var(--deep); color: #fff; }.moderator-price > span { color: #9fc3df; font-size: .7rem; text-transform: uppercase; }.moderator-price > strong { font-size: 2.7rem; }.moderator-price small { color: rgba(255,255,255,.75); }.floor-bid-form { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; align-items: end; }.floor-bid-form label { display: grid; gap: 6px; color: var(--muted); font-size: .75rem; font-weight: 700; }.floor-bid-form input { min-width: 0; height: 46px; padding: 0 11px; border: 1px solid #bdccd8; }.moderator-close-actions { margin-top: 18px; display: flex; justify-content: space-between; gap: 12px; }.moderator-close-actions form { display: flex; gap: 9px; }.award-button { background: var(--green); }.award-button:hover { background: #174d39; }.moderator-help ol { padding-left: 20px; color: var(--muted); line-height: 1.8; }.moderator-help p { color: var(--muted); font-size: .83rem; line-height: 1.6; }.moderator-idle { padding: 40px 0; text-align: center; }.active-live-row { background: #fff4f5; }.table-button { min-height: 34px; padding-inline: 10px; font-size: .72rem; }.schedule-table input { width: 100%; min-width: 175px; padding: 9px; border: 1px solid #cbd7e1; }.currency-input { display: flex; align-items: center; gap: 7px; }.currency-input input { min-width: 100px; }.sticky-save { position: sticky; bottom: 0; z-index: 4; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; gap: 20px; color: #fff; background: var(--deep); box-shadow: 0 -8px 30px rgba(10,35,55,.2); }.sticky-save span { color: rgba(255,255,255,.75); font-size: .8rem; }.privacy-notice { margin-top: 28px; padding: 16px 20px; display: flex; flex-direction: column; gap: 3px; color: #6d4d00; background: #fff3ce; border: 1px solid #ecd486; }.privacy-notice span { font-size: .8rem; }.bidder-code { padding: 7px 9px; display: inline-block; color: #fff; background: var(--deep); font-weight: 800; }.bidder-table a { color: var(--blue); }.bidder-table td small { color: var(--muted); }
.schedule-generator { margin: 22px 0; display: grid; grid-template-columns: minmax(240px,1fr) minmax(190px,.5fr) auto; gap: 14px; align-items: end; }.schedule-generator label { display: grid; gap: 7px; color: var(--muted); font-size: .78rem; font-weight: 700; }.schedule-generator input { min-height: 44px; padding: 8px 10px; border: 1px solid #bdccd8; }.row-order-controls { display: flex; align-items: center; gap: 5px; white-space: nowrap; }.row-order-controls button { width: 34px; height: 34px; padding: 0; color: var(--deep); background: #eef3f6; border: 1px solid #bdccd8; cursor: pointer; }.row-order-controls [data-drag-handle] { cursor: grab; }.row-order-controls b { min-width: 25px; text-align: center; }.sortable-schedule tr.is-dragging { opacity: .45; background: #dceefa; }.sortable-schedule tbody tr { transition: background-color .15s ease; }

/* Abschluss, Rücksynchronisierung und vergangene Auktionen */
.workflow-stats { grid-template-columns: repeat(4,1fr); }
.workflow-panel { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 28px; align-items: center; }
.workflow-panel > .table-wrap,.workflow-panel > .privacy-notice { grid-column: 1/-1; width: 100%; }
.workflow-panel button:disabled { cursor: not-allowed; opacity: .42; }
.workflow-state { min-width: 210px; padding: 15px 18px; display: flex; flex-direction: column; gap: 4px; border: 1px solid #bcdcca; background: #edf8f3; }
.workflow-state strong { color: #23684d; }.workflow-state span { color: var(--muted); font-size: .78rem; }
.inline-confirm-form { margin-top: 9px; }
.archive-section { margin-top: 72px; padding-top: 46px; border-top: 1px solid var(--line); }
.archive-section .section-heading p:not(.eyebrow) { max-width: 720px; color: var(--muted); line-height: 1.6; }
.archive-list { display: grid; gap: 13px; }
.archive-auction { background: #fff; border: 1px solid var(--line); }
.archive-auction > summary { padding: 21px 24px; display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; gap: 18px; align-items: center; cursor: pointer; list-style: none; }
.archive-auction > summary::-webkit-details-marker { display: none; }
.archive-auction > summary::after { content: '+'; color: var(--blue); font-size: 1.6rem; }
.archive-auction[open] > summary::after { content: '–'; }
.archive-mark { padding: 6px 9px; color: #5d6267; background: #e7eaec; font-size: .68rem; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.archive-auction summary > span:nth-child(2) { display: flex; flex-direction: column; gap: 4px; }
.archive-auction summary small,.archive-auction summary em { color: var(--muted); font-size: .72rem; font-style: normal; }
.archive-auction summary strong { font-size: 1.05rem; }
.archive-counts { min-width: 190px; display: flex; flex-direction: column; gap: 4px; text-align: right; }
.archive-items { padding: 0 24px 22px; display: grid; border-top: 1px solid var(--line); }
.archive-items a { padding: 13px 0; display: grid; grid-template-columns: 110px minmax(180px,1fr) 120px 110px 150px; gap: 14px; align-items: center; border-bottom: 1px solid var(--line); font-size: .8rem; }
.archive-items a > strong,.archive-items a > small { text-align: right; }.archive-items a > small { color: var(--muted); }
.registration-form select { min-width: 0; min-height: 46px; padding: 0 12px; color: var(--ink); background: #fff; border: 1px solid #cbd7e1; }

@media (max-width: 1050px) {
  .procedure-header { grid-template-columns: 1fr 1fr; }.procedure-actions { grid-column: 1/-1; flex-direction: row; justify-content: space-between; align-items: center; }
  .live-layout { grid-template-columns: 1fr; }.live-sidebar { position: static; grid-template-columns: 1fr 1fr; }.live-history-panel { grid-column: 1/-1; }
  .beamer-stage { grid-template-columns: minmax(0,1.1fr) minmax(350px,.9fr); }.beamer-info h1 { font-size: 2.7rem; }.beamer-bid .live-price-value > strong { font-size: 4.5rem; }
  .moderator-console { grid-template-columns: 1fr; }
  .archive-items a { grid-template-columns: 90px minmax(180px,1fr) 110px 100px; }.archive-items a > small { grid-column: 2/-1; }
}

@media (max-width: 720px) {
  .auction-list-heading,.live-masthead .content-width,.account-heading { align-items: flex-start; flex-direction: column; }.procedure-header { padding: 24px 20px; grid-template-columns: 1fr; }.procedure-actions { grid-column: auto; }.procedure-facts div { grid-template-columns: 110px 1fr; }.procedure-grid { padding: 14px; }.simple-filter { grid-template-columns: 1fr; }
  .registration-layout,.registration-form,.account-grid { grid-template-columns: 1fr; }.registration-intro { padding: 28px 23px; }.registration-form { padding: 24px 18px; }.registration-form .full { grid-column: auto; }
  .live-masthead { padding: 28px 0; }.live-meta { width: 100%; }.live-image-frame { height: 68vw; }.live-object-copy { align-items: flex-start; flex-direction: column; }.live-sidebar { grid-template-columns: 1fr; }.live-history-panel { grid-column: auto; }.upcoming-panel { grid-template-columns: 1fr; }
  .floor-bid-form { grid-template-columns: 1fr; }.moderator-close-actions { flex-direction: column; }.moderator-close-actions form { flex-wrap: wrap; }.sticky-save { align-items: stretch; flex-direction: column; }.schedule-generator { grid-template-columns: 1fr; }
  .workflow-stats { grid-template-columns: 1fr 1fr; }.workflow-panel { grid-template-columns: 1fr; }.workflow-panel > .table-wrap,.workflow-panel > .privacy-notice { grid-column: auto; }.archive-auction > summary { grid-template-columns: auto 1fr; }.archive-auction > summary::after { grid-column: 2; grid-row: 1; justify-self: end; }.archive-counts { grid-column: 1/-1; text-align: left; }.archive-items a { grid-template-columns: 1fr auto; }.archive-items a > span:not(.status-pill),.archive-items a > small { grid-column: 1/-1; text-align: left; }.archive-items a > strong { text-align: right; }
}

/* v16: Bieterkonto und durchsuchbarer Katalog */
.hero-search { display:flex; max-width:720px; margin:24px 0; gap:8px; }
.hero-search input { min-width:0; flex:1; padding:15px; border:1px solid #ccd8e0; background:#fff; color:var(--ink); font:inherit; }
.hero-search button { white-space:nowrap; }
.catalog-search-form { border:1px solid var(--line); background:#fff; padding:24px; margin-bottom:18px; }
.catalog-query > label { display:block; font-weight:700; margin-bottom:8px; }
.catalog-query > div { display:flex; gap:10px; }
.catalog-query input { flex:1; min-width:0; padding:13px; font:inherit; border:1px solid #bccbd6; }
.catalog-filters { margin-top:22px; }
.catalog-filters summary,.all-procedures summary { cursor:pointer; font-weight:700; padding:8px 0; }
.filter-fields { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:16px; }
.filter-fields label { display:flex; flex-direction:column; gap:7px; font-size:.85rem; font-weight:600; }
.filter-fields select,.filter-fields input { min-width:0; width:100%; padding:11px; min-height:44px; border:1px solid #bdcbd6; background:#fff; color:var(--ink); font:inherit; }
.filter-help { font-size:.83rem; color:var(--muted); line-height:1.6; }
.filter-actions,.account-shortcuts { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
.active-filters { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }
.active-filters a { padding:8px 12px; background:#e7eff6; color:#173e60; border-radius:4px; font-size:.85rem; overflow-wrap:anywhere; }
.catalog-result-summary { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:14px 0 22px; }
.catalog-result-summary span { color:var(--muted); }
.catalog-pagination { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:20px; margin:30px 0; }
.search-procedure { margin-bottom:28px; }
.global-results { margin-top:12px; }
.card-auction { display:block; margin:8px 0; color:var(--muted); }
.card-location { font-weight:600; }
.procedure-directory { display:grid; gap:12px; padding:16px 0; }
.procedure-directory a { display:flex; flex-direction:column; padding:16px; border:1px solid var(--line); gap:8px; }
.verification-banner { padding:24px; background:#fff6da; border:1px solid #dec680; margin:20px 0; }
.notification-settings { margin:24px 0; }
.notification-settings form { display:grid; justify-items:start; gap:16px; }
.notification-settings label { display:flex; align-items:center; gap:10px; }
.notification-settings input { width:20px; height:20px; }
.watch-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.watch-card { border:1px solid var(--line); padding:22px; background:white; overflow-wrap:anywhere; }
.watch-card h2 { font-size:1.25rem; }
.watch-action { margin:18px 0; }
:focus-visible { outline:3px solid #e2a536; outline-offset:3px; }
@media(max-width:1050px) { .filter-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } .watch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .header-inner { flex-wrap:wrap; } }
@media(max-width:720px) { .hero-search,.catalog-query > div { flex-direction:column; } .hero-search input { font-size:16px; } .catalog-search-form { padding:16px; } .filter-fields,.watch-grid { grid-template-columns:1fr; } .catalog-pagination { gap:12px; } .catalog-result-summary { flex-direction:column; } .notification-settings { padding:18px; } .site-header nav { flex-wrap:wrap; justify-content:center; gap:14px; } }

/* v26: dichte Arbeitsansicht, Preisaufschlüsselung und dynamische Live-Steuerung. */
.site-header { position: sticky; top: 0; transition: height .2s ease, box-shadow .2s ease; }
body.is-scrolled .site-header { height: 66px; box-shadow: 0 8px 28px rgba(18,62,103,.12); }
body.is-scrolled .site-header nav a { padding-block: 20px; }
.brand-link img { width: min(300px, 29vw); max-height: 48px; object-fit: contain; object-position: left center; }
.auction-hero { min-height: 330px; transition: min-height .2s ease; }
.auction-hero .hero-content { padding: 34px 0 30px; }
.auction-hero h1 { font-size: clamp(2.25rem,4.6vw,3.7rem); }
.auction-hero .hero-copy { margin-top: 12px; font-size: 1.05rem; }
.catalog-section { padding-top: 38px; }
.catalog-card-link { display: block; }
.card-bid-area { padding: 0 20px 20px; border-top: 1px solid var(--line); }
.catalog-card:hover { transform: none; }
.limit-status { margin-top: 14px; padding: 10px 12px; display: grid; grid-template-columns: 1fr auto; gap: 3px 12px; background: #eef7f2; border-left: 4px solid var(--green); }
.limit-status > span,.limit-status > small { color: var(--muted); font-size: .76rem; }
.limit-status > strong { grid-row: 1 / 3; grid-column: 2; align-self: center; }
.limit-status.is-under { background: #fff1c7; border-color: #bf7a00; }
.limit-status.is-under > small { color: #7c5200; font-weight: 800; }
.compact-bid-form { margin-top: 12px; display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.compact-bid-form label { display: grid; gap: 5px; color: var(--muted); font-size: .78rem; font-weight: 700; }
.compact-bid-form input { width: 100%; min-height: 42px; padding: 8px; border: 1px solid #bdccd8; }
.compact-bid-form .net-bid-note,.compact-bid-form .bid-confirm,.compact-bid-form .bid-feedback { grid-column: 1 / -1; }
.card-login-link { margin-top: 12px; display: inline-flex; color: var(--blue); font-weight: 800; }
.net-bid-note { min-height: 0 !important; margin: 10px 0 0 !important; color: #6f5700 !important; font-size: .76rem !important; font-weight: 700; }
.bid-confirm { padding: 14px !important; background: #fff1a8 !important; border: 1px solid #e0bd32 !important; }
.price-breakdown { margin: 8px 0 12px; display: grid; gap: 4px; }
.price-breakdown > div { display: flex; justify-content: space-between; gap: 12px; font-size: .82rem; }
.price-breakdown dt { color: #66591e; }
.price-breakdown dd { margin: 0; font-weight: 800; }
.price-breakdown .price-total { padding-top: 7px; border-top: 1px solid #c9a91f; font-size: .95rem; }
.live-call { padding: 18px 22px; display: flex; flex-direction: column; color: white; background: #8049a8; border: 1px solid rgba(255,255,255,.2); }
.live-call[hidden] { display: none; }
.live-call > span { font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.live-call > strong { font-size: 2rem; }
.live-call > small { color: rgba(255,255,255,.8); }
.ascending-price-replacement { min-height: 66px; display: none; align-items: center; gap: 16px; color: #a65100; text-transform: uppercase; }
.ascending-price-replacement > strong { font-size: clamp(2rem,4vw,3rem); line-height: 1; letter-spacing: .035em; }
[data-live-root][data-ascending="true"] .live-price-value { display: none; }
[data-live-root][data-ascending="true"] .ascending-price-replacement { display: flex; }
.auction-dot-loader { --dot-step: 24px; --dot-halfway: 36px; --dot-double: 48px; --dot-triple: 72px; --dot-arc-up: -17px; --dot-arc-down: 17px; width: 90px; height: 46px; position: relative; flex: 0 0 90px; display: block; }
.auction-dot-loader i { --arc: var(--dot-arc-up); width: 14px; height: 14px; position: absolute; top: 16px; left: 2px; border-radius: 50%; background: var(--blue); box-shadow: 0 2px 6px rgba(18,62,103,.24); animation: auction-dot-cycle 3.2s linear infinite; }
.auction-dot-loader i:nth-child(2) { --arc: var(--dot-arc-down); animation-delay: -2.4s; }
.auction-dot-loader i:nth-child(3) { animation-delay: -1.6s; }
.auction-dot-loader i:nth-child(4) { --arc: var(--dot-arc-down); animation-delay: -.8s; }
@keyframes auction-dot-cycle { 0% { transform: translate(0,0); } 12.5% { transform: translate(var(--dot-halfway),var(--arc)); } 25% { transform: translate(var(--dot-triple),0); } 50% { transform: translate(var(--dot-double),0); } 75% { transform: translate(var(--dot-step),0); } 100% { transform: translate(0,0); } }
.beamer-bid .ascending-price-replacement { width: 100%; min-width: 0; min-height: clamp(5rem,8vw,9rem); grid-template-columns: clamp(104px,7.4vw,142px) minmax(0,1fr); gap: clamp(14px,1.5vw,26px); align-items: center; color: #ffd46a; }
.beamer-screen[data-ascending="true"] .beamer-bid .ascending-price-replacement { display: grid; }
.beamer-bid .ascending-price-replacement > strong { min-width: 0; color: #fff; font-size: clamp(2.8rem,3.55vw,4.8rem); white-space: nowrap; }
.beamer-bid .auction-dot-loader { --dot-step: clamp(31px,2.15vw,42px); --dot-halfway: clamp(46.5px,3.225vw,63px); --dot-double: clamp(62px,4.3vw,84px); --dot-triple: clamp(93px,6.45vw,126px); --dot-arc-up: clamp(-31px,-1.6vw,-22px); --dot-arc-down: clamp(22px,1.6vw,31px); width: clamp(116px,8vw,154px); height: clamp(58px,4.4vw,84px); flex-basis: clamp(116px,8vw,154px); }
.beamer-bid .auction-dot-loader i { width: clamp(17px,1.15vw,22px); height: clamp(17px,1.15vw,22px); top: 38%; left: 1px; background: #3f8ed4; box-shadow: 0 0 0 2px rgba(255,255,255,.18),0 4px 10px rgba(0,0,0,.3); }
.beamer-bid .auction-dot-loader i:nth-child(2) { animation-delay: -2.4s; }
.beamer-bid .auction-dot-loader i:nth-child(3) { animation-delay: -1.6s; }
.beamer-bid .auction-dot-loader i:nth-child(4) { animation-delay: -.8s; }
@media (prefers-reduced-motion: reduce) { .auction-dot-loader i { animation: none; } .auction-dot-loader i:nth-child(2) { transform: translateX(var(--dot-step)); } .auction-dot-loader i:nth-child(3) { transform: translateX(var(--dot-double)); } .auction-dot-loader i:nth-child(4) { transform: translateX(var(--dot-triple)); } }
.live-key-controls { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px; }
.live-key-controls button { min-height: 42px; padding-inline: 12px; }
.live-key-controls kbd,.keyboard-map kbd { padding: 3px 7px; color: var(--deep); background: white; border: 1px solid #b8c7d3; border-radius: 4px; box-shadow: 0 2px 0 #8ca0b0; font: 700 .8rem monospace; }
.ascending-toggle.is-active { background: #d06a00; }
.keyboard-map { display: grid; gap: 12px; }
.keyboard-map span { display: flex; align-items: center; gap: 10px; }
.auction-service-info { margin-top: 26px; padding: 26px; background: var(--surface); border: 1px solid var(--line); }
.auction-service-info dl { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.auction-service-info dt { color: var(--muted); font-size: .78rem; text-transform: uppercase; }
.auction-service-info dd { margin: 6px 0 0; line-height: 1.5; }
.beamer-screen::before { position: fixed; z-index: 20; right: 30px; padding: 12px 18px; color: white; border-radius: 4px; font-weight: 900; text-transform: uppercase; box-shadow: 0 8px 24px rgba(0,0,0,.3); }
.beamer-header { grid-template-columns: 330px 1fr auto; }
.beamer-header img { width: 300px; max-height: 58px; }
.beamer-screen[data-auction-mode="live_online"]::before { content: attr(data-call-label); top: 110px; background: #8049a8; font-size: 2rem; }
.beamer-screen[data-limit-display] .beamer-footer::after { content: attr(data-limit-display); color: #ffe58a; font-size: 1rem; }
@media (max-width: 800px) { .auction-service-info dl { grid-template-columns: 1fr; }.compact-bid-form { grid-template-columns: 1fr; }.brand-link img { width: 190px; }.auction-hero { min-height: 300px; } }

/* Keep account and watchlist links accessible on small screens. */
@media(max-width:900px) {
 .site-header { height:auto; }
 .header-inner { flex-wrap:wrap; justify-content:center; gap:12px; padding:14px 0; }
 .site-header nav { width:100%; margin-left:0; flex-wrap:wrap; justify-content:center; gap:8px 18px; }
 .site-header nav a:not(.login-link):not(.admin-link) { display:block; }
 .site-header nav a { padding:8px 0; }
 .site-header nav .login-link { padding:8px 12px; }
}

/* v17: Verwaltungsbenutzer und Rechte */
.admin-user-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:24px; align-items:start; margin-bottom:24px; }
.admin-user-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.admin-user-form .full { grid-column:1 / -1; }
.permission-fieldset { border:1px solid var(--line); padding:18px; }
.permission-fieldset legend { padding:0 8px; font-weight:800; }
.permission-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px 16px; margin-top:14px; }
.permission-grid label,.super-admin-option,.active-option { display:flex; gap:10px; align-items:flex-start; }
.permission-grid input,.super-admin-option input,.active-option input { width:auto; margin-top:3px; }
.super-admin-option { padding:14px; background:#eef6fc; border-left:4px solid var(--blue); }
.super-admin-option span { display:flex; flex-direction:column; gap:3px; }
.super-admin-option small { color:var(--muted); }
.user-list { display:flex; flex-direction:column; gap:10px; }
.user-list-item { display:flex; justify-content:space-between; gap:14px; align-items:center; padding:14px; border:1px solid var(--line); color:inherit; }
.user-list-item:hover { border-color:var(--blue); }
.user-list-item span { display:flex; flex-direction:column; gap:4px; }
.user-list-item small { color:var(--muted); }
.user-list-item em { font-style:normal; white-space:nowrap; }
@media(max-width:900px) { .admin-user-layout { grid-template-columns:1fr; } }
@media(max-width:620px) { .admin-user-form,.permission-grid { grid-template-columns:1fr; } }
.danger-zone { margin-top: 26px; border-color: #dba6aa; border-top: 5px solid #b51f2e; }.danger-zone > div > p:last-child { max-width: 800px; color: var(--muted); }.danger-zone form { margin-top: 18px; display: flex; gap: 14px; align-items: end; }.danger-zone label { flex: 1; display: grid; gap: 7px; font-size: .78rem; font-weight: 800; }.danger-zone input { min-height: 44px; padding: 9px 11px; border: 1px solid #c58489; }.danger-zone .danger-outline { min-height: 44px; white-space: nowrap; }@media(max-width:700px) { .danger-zone form { align-items: stretch; flex-direction: column; } }

/* v26.1: kompakter Startbereich und zweispaltige Auktionsangaben. */
.auction-hero {
  min-height: 285px;
  transition: min-height .24s ease;
}
.auction-hero .hero-content {
  padding: 22px 0 20px;
  transition: padding .24s ease;
}
.auction-hero h1 {
  font-size: clamp(2rem, 3.7vw, 3rem);
  transition: font-size .24s ease;
}
.auction-hero .hero-copy {
  max-width: 760px;
  margin-top: 9px;
  line-height: 1.42;
}
.auction-hero .hero-search {
  margin: 14px 0 12px;
}
.auction-hero .hero-actions {
  margin-top: 10px;
}

body.is-scrolled .auction-hero {
  min-height: 118px;
}
body.is-scrolled .auction-hero .hero-content {
  display: grid;
  grid-template-columns: minmax(250px, .7fr) minmax(420px, 1.3fr);
  gap: 28px;
  align-items: center;
  padding: 14px 0;
}
body.is-scrolled .auction-hero .eyebrow,
body.is-scrolled .auction-hero .hero-copy,
body.is-scrolled .auction-hero .hero-actions {
  display: none;
}
body.is-scrolled .auction-hero h1 {
  font-size: clamp(1.45rem, 2.4vw, 2rem);
  line-height: 1.02;
}
body.is-scrolled .auction-hero .hero-search {
  width: 100%;
  max-width: none;
  margin: 0;
}

.search-procedure .procedure-header {
  padding: 18px 22px;
  grid-template-columns: minmax(210px, .7fr) minmax(480px, 1.45fr) auto;
  gap: 22px;
  align-items: center;
}
.search-procedure .procedure-title > p {
  margin: 8px 0 3px;
}
.search-procedure .procedure-title h2 {
  font-size: clamp(1.4rem, 2.3vw, 1.8rem);
}
.search-procedure .procedure-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 22px;
}
.search-procedure .procedure-facts div {
  grid-template-columns: 116px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
}
.search-procedure .procedure-facts dd {
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.search-procedure .procedure-actions {
  gap: 7px;
}

@media (max-width: 1050px) {
  body.is-scrolled .auction-hero .hero-content {
    grid-template-columns: minmax(220px, .7fr) minmax(340px, 1.3fr);
  }
  .search-procedure .procedure-header {
    grid-template-columns: minmax(200px, .65fr) minmax(0, 1.35fr);
  }
  .search-procedure .procedure-actions {
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: flex-end;
  }
}

/* v26.2: klarere und robustere Moderatoroberfläche. */
.moderator-main {
  padding-top: 34px;
}
.moderator-main .admin-heading {
  padding: 22px 24px;
  align-items: center;
  color: #fff;
  background: linear-gradient(120deg, #0f385d, #185d91 68%, #2676b9);
  border-radius: 12px;
  box-shadow: 0 14px 38px rgba(18, 62, 103, .18);
}
.moderator-main .admin-heading .eyebrow {
  margin-bottom: 6px;
  color: #9ed1fa;
}
.moderator-main .admin-heading h1 {
  font-size: clamp(1.75rem, 3.2vw, 2.45rem);
}
.moderator-main .admin-heading .button {
  min-height: 40px;
  padding-inline: 14px;
  border-radius: 6px;
}
.moderator-main .admin-heading .button.secondary {
  color: #fff;
  background: rgba(255, 255, 255, .13);
  border: 1px solid rgba(255, 255, 255, .25);
}
.moderator-main .admin-heading .button:hover {
  color: var(--deep);
  background: #fff;
}
.moderator-main .auction-tabs {
  margin: 20px 0;
  padding-bottom: 4px;
}
.moderator-main .auction-tabs a {
  border-radius: 8px;
  transition: transform .16s ease, box-shadow .16s ease;
}
.moderator-main .auction-tabs a:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(18, 62, 103, .12);
}
.moderator-console {
  align-items: start;
  gap: 24px;
}
.moderator-current,
.moderator-help {
  border: 0;
  border-radius: 12px;
  box-shadow: 0 16px 42px rgba(18, 62, 103, .11);
}
.moderator-current {
  position: relative;
  overflow: hidden;
  border-top: 0;
}
.moderator-current::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 6px;
  background: linear-gradient(90deg, #d52e3b, #ef765f 52%, #e8b23e);
}
.moderator-topline {
  margin-bottom: 20px;
  padding-bottom: 14px;
  align-items: center;
  border-bottom: 1px solid var(--line);
}
.moderator-current h2 {
  margin: 5px 0 18px;
  font-size: clamp(1.65rem, 3vw, 2.25rem);
  line-height: 1.12;
}
.moderator-price {
  padding: 22px 24px;
  background: linear-gradient(135deg, #103b61, #17679e);
  border-radius: 9px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13);
}
.moderator-price > strong {
  margin: 2px 0;
  font-size: clamp(2.8rem, 6vw, 4rem);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.moderator-current .limit-status {
  margin-top: 10px;
  border-radius: 7px;
}
.moderator-current .live-call,
.moderator-current .moderator-countdown {
  margin-bottom: 16px;
  border-radius: 8px;
}
.moderator-current .live-call {
  background: linear-gradient(120deg, #613384, #8c56b5);
}
.floor-bid-form {
  margin-top: 16px;
  padding: 15px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  background: #f2f7fb;
  border: 1px solid #d7e4ee;
  border-radius: 9px;
}
.floor-bid-form input {
  height: 48px;
  font-size: 1.1rem;
  font-weight: 800;
  border-radius: 5px;
}
.floor-bid-form button {
  min-height: 48px;
  border-radius: 5px;
}
.live-key-controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}
.live-key-controls button {
  min-height: 52px;
  justify-content: space-between;
  gap: 9px;
  color: var(--deep);
  background: #fff;
  border: 1px solid #b9cddd;
  border-radius: 7px;
}
.live-key-controls button:hover,
.live-key-controls button.is-active {
  color: #fff;
  background: var(--blue);
  border-color: var(--blue);
}
.live-key-controls .ascending-toggle {
  color: #774600;
  background: #fff4d1;
  border-color: #e4bf62;
}
.live-key-controls .ascending-toggle.is-active {
  color: #fff;
  background: #d06a00;
  border-color: #d06a00;
}
.live-key-controls .danger-outline {
  color: #982333;
  background: #fff4f5;
  border-color: #e1a8af;
}
.live-key-controls .danger-outline:hover {
  color: #fff;
  background: #a92738;
  border-color: #a92738;
}
.live-key-controls button.is-active kbd,
.live-key-controls button:hover kbd {
  color: var(--deep);
}
.moderator-close-actions {
  padding-top: 16px;
  border-top: 1px solid var(--line);
}
.moderator-close-actions button {
  border-radius: 6px;
}
.moderator-help {
  position: sticky;
  top: 86px;
  padding: 24px;
  color: #fff;
  background: linear-gradient(155deg, #102f4d, #123e67);
}
.moderator-help h2 {
  margin: 0 0 18px;
  font-size: 1.35rem;
}
.moderator-help .keyboard-map {
  gap: 8px;
}
.moderator-help .keyboard-map span {
  min-height: 43px;
  padding: 8px 10px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 6px;
}
.moderator-help p {
  margin-bottom: 0;
  color: rgba(255, 255, 255, .72);
}
.live-action-status {
  position: fixed;
  z-index: 100;
  top: 84px;
  right: 24px;
  width: min(420px, calc(100% - 32px));
  padding: 14px 18px;
  color: #fff;
  background: #267255;
  border-radius: 8px;
  box-shadow: 0 14px 38px rgba(0, 0, 0, .22);
  font-weight: 800;
}
.live-action-status[hidden] {
  display: none;
}
.live-action-status.is-error {
  background: #a92738;
}

@media (max-width: 1050px) {
  .moderator-help {
    position: static;
  }
}

@media (max-width: 720px) {
  .moderator-main .admin-heading {
    padding: 18px;
  }
  .floor-bid-form,
  .live-key-controls {
    grid-template-columns: 1fr;
  }
  .live-action-status {
    top: 12px;
    right: 16px;
  }
}

@media (max-width: 720px) {
  .auction-hero {
    min-height: 270px;
  }
  body.is-scrolled .auction-hero {
    min-height: 92px;
  }
  body.is-scrolled .auction-hero .hero-content {
    display: block;
    padding: 10px 0;
  }
  body.is-scrolled .auction-hero h1 {
    display: none;
  }
  .search-procedure .procedure-header,
  .search-procedure .procedure-facts {
    grid-template-columns: 1fr;
  }
  .search-procedure .procedure-header {
    padding: 16px;
    gap: 16px;
  }
  .search-procedure .procedure-actions {
    grid-column: auto;
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Keep introductory text readable against the dark registration panel. */
.registration-intro .eyebrow { color: #fff; }

/* v42: title review with compact position photos. */
.title-images { display: flex; flex-wrap: wrap; gap: .5rem; }
.title-images img { width: 88px; height: 72px; object-fit: contain; border-radius: 6px; background: #f1f4f7; }
#title-review td { vertical-align: top; max-width: 420px; }
#title-review input[type="text"] { min-width: 240px; width: 100%; }
.title-note { font-size: .875rem; }

.live-position-navigation { grid-column: 1 / -1; display: flex; gap: .8rem; flex-wrap: wrap; align-items: center; }
.live-position-navigation p { flex-basis: 100%; margin: 0; }
#job-review input:not([type="checkbox"]):not([type="hidden"]) { min-width: 240px; width: 100%; }
#job-review td { vertical-align: top; }
#job-progress { width: 100%; height: 22px; margin-bottom: 1rem; }

/* v45: review description additions separately from short titles. */
#title-review textarea, #job-review textarea { display: block; width: 100%; min-width: 240px; margin-top: .4rem; }
#title-review td label, #job-review td label { display: block; margin-top: .8rem; }

/* v48: first-party, cookie-free website analytics dashboard. */
.analytics-button { color: #fff !important; background: linear-gradient(135deg,#246db4,#1673c9) !important; box-shadow: 0 10px 24px rgba(36,109,180,.2); }
.analytics-dashboard { min-height: 100vh; padding-bottom: 64px; background: #eef3f7; color: var(--ink); }
.analytics-hero { position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 83% 18%,rgba(104,196,255,.24),transparent 26%),linear-gradient(125deg,#0b263e,#123f6c 58%,#1f70ae); }
.analytics-hero::after { content:""; width: 360px; height: 360px; position:absolute; right:-130px; bottom:-260px; border: 42px solid rgba(255,255,255,.06); border-radius:50%; }
.analytics-hero-inner { min-height: 310px; padding-top: 55px; padding-bottom: 62px; display:flex; justify-content:space-between; align-items:center; gap:40px; }
.analytics-back { display:inline-flex; margin-bottom:28px; color:#a8d6fa; font-size:.82rem; font-weight:750; }
.analytics-hero .eyebrow { margin:0 0 10px; color:#8ecbfa; }
.analytics-hero h1 { margin:0; font-size:clamp(2.4rem,5vw,4.8rem); line-height:1; letter-spacing:-.045em; }
.analytics-hero p { max-width:690px; margin:18px 0 0; color:rgba(255,255,255,.74); line-height:1.65; }
.analytics-live-status { min-width:180px; padding:20px 24px; display:grid; grid-template-columns:auto 1fr; column-gap:11px; align-items:center; border:1px solid rgba(255,255,255,.15); border-radius:18px; background:rgba(7,29,48,.34); box-shadow:0 18px 50px rgba(4,21,35,.18); backdrop-filter:blur(8px); }
.analytics-live-status i { width:11px; height:11px; grid-row:1/3; border-radius:50%; background:#59d49a; box-shadow:0 0 0 7px rgba(89,212,154,.12); }
.analytics-live-status span { font-weight:850; }
.analytics-live-status small { margin-top:2px; color:#9fb8ca; }
.analytics-content { margin-top:-30px; position:relative; z-index:2; }
.analytics-periods { width:max-content; max-width:100%; margin-left:auto; padding:7px; display:flex; align-items:center; gap:4px; border:1px solid #d9e4ec; border-radius:14px; background:#fff; box-shadow:0 14px 35px rgba(16,45,69,.1); }
.analytics-periods>span { padding:0 12px; color:#7c8b97; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.analytics-periods a { padding:10px 14px; border-radius:9px; color:#526474; font-size:.78rem; font-weight:800; white-space:nowrap; }
.analytics-periods a.active { color:#fff; background:#123f6c; box-shadow:0 5px 15px rgba(18,63,108,.24); }
.analytics-setup-warning { margin-top:30px; padding:28px; border:1px solid #efd190; border-left:6px solid #d7991e; border-radius:14px; background:#fff9e9; }
.analytics-setup-warning strong { color:#745011; font-size:1.2rem; }
.analytics-setup-warning p { margin-bottom:0; color:#806b44; }
.analytics-kpi-grid { margin-top:26px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.analytics-kpi { min-width:0; padding:22px; position:relative; overflow:hidden; border:1px solid #dce5eb; border-radius:18px; background:#fff; box-shadow:0 12px 32px rgba(14,45,68,.07); }
.analytics-kpi::before { content:""; width:54px; height:4px; position:absolute; top:0; left:22px; border-radius:0 0 4px 4px; background:#246db4; }
.analytics-kpi-qr_scans::before { background:#32aeb3; }.analytics-kpi-registrations::before { background:#7b61bf; }.analytics-kpi-online_bids::before { background:#e6a925; }
.analytics-kpi>span { display:block; color:#657684; font-size:.75rem; font-weight:800; text-transform:uppercase; letter-spacing:.055em; }
.analytics-kpi>strong { margin:14px 0 10px; display:block; color:#123f6c; font-size:clamp(2rem,3vw,3rem); line-height:1; letter-spacing:-.05em; }
.analytics-kpi>div { display:flex; align-items:center; gap:7px; }
.analytics-kpi em { padding:4px 7px; border-radius:7px; font-size:.7rem; font-style:normal; font-weight:850; }
.analytics-kpi .trend-up { color:#16704d; background:#e6f5ee; }.analytics-kpi .trend-down { color:#9b3d48; background:#faecee; }.analytics-kpi .trend-flat { color:#65727d; background:#edf1f4; }
.analytics-kpi small { color:#8996a1; font-size:.65rem; }
.analytics-kpi p { margin:13px 0 0; color:#778692; font-size:.72rem; line-height:1.4; }
.analytics-panel { margin-top:18px; padding:26px; border:1px solid #dce5eb; border-radius:20px; background:#fff; box-shadow:0 12px 32px rgba(14,45,68,.065); }
.analytics-panel-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; }
.analytics-panel-heading .eyebrow { margin:0 0 5px; font-size:.68rem; }
.analytics-panel-heading h2,.analytics-compact-panel h2 { margin:0; color:#17334c; font-size:1.25rem; }
.analytics-panel-heading p { margin:7px 0 0; color:#778793; font-size:.8rem; }
.analytics-legend { display:flex; gap:17px; color:#647685; font-size:.72rem; font-weight:700; }
.analytics-legend span { display:flex; align-items:center; gap:7px; }.analytics-legend i { width:10px; height:10px; border-radius:50%; background:#246db4; }.analytics-legend i.scans { background:#32aeb3; }
.analytics-chart-wrap { margin-top:24px; }
.analytics-chart { width:100%; height:auto; overflow:visible; }
.analytics-chart line { stroke:#e4ebf0; stroke-width:1; }.analytics-chart .chart-area { fill:url(#traffic-area); }.analytics-chart polyline { fill:none; stroke-linecap:round; stroke-linejoin:round; }.analytics-chart .chart-views { stroke:#246db4; stroke-width:5; }.analytics-chart .chart-scans { stroke:#32aeb3; stroke-width:4; stroke-dasharray:9 8; }
.analytics-chart-axis { margin-top:6px; display:flex; justify-content:space-between; color:#8a98a3; font-size:.68rem; font-weight:700; }
.analytics-two-column { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.analytics-two-column>.analytics-panel { min-width:0; }
.analytics-ranking { margin-top:18px; display:grid; gap:4px; }
.analytics-rank-row { padding:13px 7px; display:grid; grid-template-columns:30px minmax(0,1fr) auto; gap:12px; align-items:center; border-bottom:1px solid #edf1f4; }
.analytics-rank-row:last-child { border-bottom:0; }.analytics-rank-row>b { width:28px; height:28px; display:grid; place-items:center; color:#3975a7; border-radius:9px; background:#edf5fb; font-size:.73rem; }.analytics-rank-row>span { min-width:0; }.analytics-rank-row>span>strong { display:block; overflow:hidden; color:#294154; font-size:.8rem; text-overflow:ellipsis; white-space:nowrap; }.analytics-rank-row small { margin-top:3px; display:block; overflow:hidden; color:#8997a2; font-size:.67rem; text-overflow:ellipsis; white-space:nowrap; }.analytics-rank-row>strong { color:#123f6c; font-size:.92rem; }
.analytics-ranking progress,.analytics-breakdown progress { width:100%; height:5px; margin-top:8px; display:block; border:0; border-radius:99px; overflow:hidden; background:#edf2f5; }.analytics-ranking progress::-webkit-progress-bar,.analytics-breakdown progress::-webkit-progress-bar { background:#edf2f5; }.analytics-ranking progress::-webkit-progress-value,.analytics-breakdown progress::-webkit-progress-value { border-radius:99px; background:linear-gradient(90deg,#246db4,#58b7db); }.analytics-ranking progress::-moz-progress-bar,.analytics-breakdown progress::-moz-progress-bar { border-radius:99px; background:linear-gradient(90deg,#246db4,#58b7db); }
.analytics-three-column { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.analytics-compact-panel { min-width:0; }
.analytics-breakdown { margin-top:20px; display:grid; gap:15px; }.analytics-breakdown>div>span { display:flex; justify-content:space-between; gap:15px; color:#40586a; font-size:.78rem; }.analytics-breakdown small { color:#7c8a95; font-weight:750; }
.analytics-empty { padding:18px; color:#7c8a95; text-align:center; border:1px dashed #d7e1e8; border-radius:12px; background:#f7f9fa; }
.analytics-note { margin-top:18px; padding:22px 26px; display:flex; justify-content:space-between; align-items:center; gap:25px; color:#b8cad7; border-radius:18px; background:#102f49; }
.analytics-note strong { color:#fff; }.analytics-note p { margin:5px 0 0; font-size:.75rem; }.analytics-note a { color:#9ed2f8; font-size:.78rem; font-weight:800; white-space:nowrap; }
.legal-page { max-width:900px; padding-top:65px; padding-bottom:80px; }.legal-page h1 { color:#123f6c; font-size:clamp(2rem,5vw,3.8rem); }.legal-page h2 { margin-top:32px; color:#173c5c; }.legal-page p { color:#526473; line-height:1.75; }
@media(max-width:1100px){.analytics-kpi-grid{grid-template-columns:repeat(3,1fr)}.analytics-three-column{grid-template-columns:1fr 1fr}.analytics-three-column>:last-child{grid-column:1/-1}}
@media(max-width:800px){.analytics-hero-inner{min-height:330px;align-items:flex-start;flex-direction:column}.analytics-live-status{display:none}.analytics-content{margin-top:-22px}.analytics-periods{width:100%;overflow-x:auto}.analytics-periods>span{display:none}.analytics-kpi-grid{grid-template-columns:1fr 1fr}.analytics-two-column,.analytics-three-column{grid-template-columns:1fr}.analytics-three-column>:last-child{grid-column:auto}.analytics-note{align-items:flex-start;flex-direction:column}.analytics-panel{padding:20px}}
@media(max-width:520px){.analytics-kpi-grid{grid-template-columns:1fr}.analytics-periods a{flex:1;text-align:center}.analytics-hero-inner{padding-top:38px}.analytics-panel-heading{flex-direction:column}.analytics-legend{width:100%;justify-content:flex-start}.analytics-chart{min-width:650px}.analytics-chart-wrap{overflow-x:auto}.analytics-note a{white-space:normal}}

/* v51: Webinator als eigenständiger, täglich nutzbarer Programm-Arbeitsplatz. */
.webinator-body{--webinator-side:254px;min-height:100vh;color:#1c2b38;background:#eef2f5}
.webinator-topbar{height:74px;padding:0 24px;position:sticky;z-index:90;top:0;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(100deg,#091d2f,#123e62);box-shadow:0 6px 24px rgba(5,25,40,.2)}
.webinator-wordmark{display:grid;grid-template-columns:43px auto;grid-template-rows:24px 17px;column-gap:12px;align-items:center;color:#fff}
.webinator-wordmark>span{width:43px;height:43px;grid-row:1/3;display:grid;place-items:center;border-radius:11px;color:#0b2941;background:#fff;font-size:1.35rem;font-weight:950}
.webinator-wordmark strong{align-self:end;font-size:1.15rem;letter-spacing:.01em}.webinator-wordmark small{align-self:start;color:#9eb5c7;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}
.webinator-user{display:flex;align-items:center;gap:14px;font-size:.78rem}.webinator-user span{color:#c5d3dd}.webinator-user a{padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-weight:800}
.webinator-sidebar{width:var(--webinator-side);padding:20px 14px 16px;position:fixed;z-index:80;left:0;top:74px;bottom:0;display:flex;flex-direction:column;border-right:1px solid #d5dde3;background:#fff;box-shadow:5px 0 22px rgba(16,45,66,.055);overflow-y:auto}
.webinator-sidebar nav{display:grid;gap:4px}.webinator-sidebar nav>p{margin:17px 12px 6px;color:#8a98a3;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.webinator-sidebar nav>p:first-child{margin-top:0}
.webinator-sidebar nav>a{min-height:43px;padding:8px 11px;display:grid;grid-template-columns:29px 1fr;align-items:center;border-radius:7px;color:#405363;font-size:.78rem}.webinator-sidebar nav>a>span{width:27px;height:27px;display:grid;place-items:center;border-radius:6px;color:#49748f;background:#edf3f6;font-size:.9rem;font-weight:900}.webinator-sidebar nav>a>b{font-weight:760}
.webinator-sidebar nav>a:hover{color:#123f63;background:#f0f5f8}.webinator-sidebar nav>a.is-active{color:#fff;background:#176ea9;box-shadow:0 7px 16px rgba(23,110,169,.22)}.webinator-sidebar nav>a.is-active>span{color:#176ea9;background:#fff}
.webinator-public-link{margin-top:auto;padding:13px 12px;color:#6f7e89;border-top:1px solid #e4e9ed;font-size:.72rem;font-weight:750}
.webinator-body .admin-main{width:auto;max-width:none;margin-left:var(--webinator-side);padding:34px clamp(22px,3vw,46px) 70px}.webinator-body .analytics-dashboard{margin-left:var(--webinator-side)}
.webinator-footer{margin-left:var(--webinator-side);padding:20px 46px;display:flex;justify-content:space-between;color:#7c8993;border-top:1px solid #d7dfe4;background:#e8edf0;font-size:.68rem}
.webinator-welcome{padding:24px 27px;align-items:center;border:1px solid #d8e0e6;border-radius:10px;background:#fff;box-shadow:0 8px 28px rgba(14,44,66,.06)}.webinator-welcome h1{font-size:clamp(1.65rem,3vw,2.35rem);font-weight:520}.webinator-welcome p:last-child{margin:8px 0 0;color:#70808c}.webinator-quick-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.webinator-module-section{margin-top:25px}.webinator-section-title{display:flex;align-items:end;justify-content:space-between;gap:20px}.webinator-section-title h2{margin:0;font-size:1.45rem}.webinator-section-title>span{color:#7b8994;font-size:.74rem}.webinator-module-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.webinator-module{min-height:174px;padding:18px;display:grid;grid-template-columns:46px 1fr;grid-template-rows:1fr auto;gap:13px;color:#243746;border:1px solid #d8e1e6;border-radius:9px;background:#fff;box-shadow:0 7px 20px rgba(16,47,69,.045);transition:.16s ease}.webinator-module:hover{transform:translateY(-2px);border-color:#76a7c7;box-shadow:0 12px 27px rgba(16,58,86,.11)}
.webinator-module>i{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;color:#176da6;background:#e9f3f9;font-size:1.25rem;font-style:normal;font-weight:900}.webinator-module>span{min-width:0}.webinator-module strong{display:block;font-size:.94rem}.webinator-module small{margin-top:6px;display:block;color:#74838e;font-size:.7rem;line-height:1.45}.webinator-module>b{grid-column:1/-1;color:#2877aa;font-size:.69rem}.webinator-module.is-primary{border-top:4px solid #1673c9}.webinator-module.is-live{border-top:4px solid #c33b49}.webinator-module.is-live>i{color:#a92634;background:#f9e9eb}.webinator-module.is-money{border-top:4px solid #19845d}.webinator-module.is-money>i{color:#16704f;background:#e8f5ef}
.webinator-workplace>.stat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:24px}.webinator-workplace>.stat-grid div{padding:16px 17px;border-radius:7px;background:#183b55}.webinator-workplace>.stat-grid strong{font-size:1.55rem}.webinator-workplace>.stat-grid span{font-size:.61rem}
.webinator-legacy{margin-top:25px;border:1px solid #d8e0e5;border-radius:9px;background:#fff}.webinator-legacy>summary{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.webinator-legacy>summary::-webkit-details-marker{display:none}.webinator-legacy>summary span{display:flex;flex-direction:column}.webinator-legacy>summary small{margin-top:3px;color:#84919a}.webinator-legacy>summary>b{color:#2675a8;font-size:.72rem}.webinator-legacy-content{padding:0 18px 18px}.webinator-legacy-content .admin-panel{box-shadow:none}
.webinator-login-body{background:#eaf0f4}.webinator-login-body .webinator-topbar{position:relative}.webinator-login-body .login-page{min-height:calc(100vh - 74px);background:radial-gradient(circle at 75% 20%,rgba(50,143,201,.13),transparent 26%),linear-gradient(135deg,#e8eff4,#f7f9fa)}.webinator-login-body .login-card{border-top-color:#1673c9;border-radius:10px}.login-card .webinator-login-icon{width:76px;margin-bottom:24px;border-radius:17px}
@media(max-width:1250px){.webinator-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.webinator-workplace>.stat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.webinator-body{--webinator-side:0}.webinator-sidebar{width:100%;height:66px;padding:7px 10px;top:auto;bottom:0;border:0;border-top:1px solid #d5dde3;overflow-x:auto;overflow-y:hidden}.webinator-sidebar nav{display:flex;gap:5px}.webinator-sidebar nav>p,.webinator-public-link{display:none}.webinator-sidebar nav>a{min-width:76px;min-height:51px;padding:4px 7px;display:flex;flex-direction:column;gap:2px;justify-content:center;font-size:.57rem;white-space:nowrap}.webinator-sidebar nav>a>span{width:23px;height:23px;font-size:.75rem}.webinator-body .admin-main,.webinator-body .analytics-dashboard,.webinator-footer{margin-left:0}.webinator-footer{margin-bottom:66px}.webinator-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.webinator-user span{display:none}}
@media(max-width:580px){.webinator-topbar{height:66px;padding-inline:14px}.webinator-wordmark{grid-template-columns:38px auto}.webinator-wordmark>span{width:38px;height:38px}.webinator-wordmark small{display:none}.webinator-body .admin-main{padding:20px 13px 88px}.webinator-welcome{padding:20px;align-items:flex-start}.webinator-quick-actions{justify-content:flex-start}.webinator-module-grid{grid-template-columns:1fr}.webinator-module{min-height:132px}.webinator-section-title>span{display:none}.webinator-workplace>.stat-grid{grid-template-columns:repeat(2,1fr)}.webinator-footer{padding-inline:18px}}